亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

1.1 箭頭函數(shù)

1. 當參數(shù)只有一個時,圓括號可以省略,如果沒有參數(shù),反而不能省
2. 當有多個參數(shù)時, 圓括號必須要寫
3. 當有多條語句時,函數(shù)體的大括號不能省
4. 如果函數(shù)體只有一條語句時,可以不寫return和”花括號{}”

標準函數(shù)寫法

    <script>
    function phone() {
        return ['小米11', '黑色', '12GB+256GB', 4699];
    }
    res = phone();
    console.log(res);
    res.forEach(item => console.log(item));
</script>

箭頭函數(shù)簡寫方法

<script>
    let id = '小米11';
    let color = '黑色';
    let dispose = '12GB+256GB';
    let price = 4699;
    let = phone = () => [id, color, dispose, price];
    res = phone();
    res.forEach(item => console.log(item));
</script>

1.2 rest,sprend參數(shù)的使用方法

1.在函數(shù)的參數(shù)中就是…rest 歸并
2.在函數(shù)的調用的參數(shù)列表中就是…spread 展開

<script>
            //...arr rest 歸并
function demo(...arr) {
        let res = arr.reduce(function(prev, curr) {
            return prev + curr;
        });
        console.log(res)
    }
    let arr1 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
       //...arr1 spread 展開
    demo(...arr1);
</script>

2. 獲取dom元素的方式;

html代碼

<ul id="list">
<li class="item">item1</li>
<li class="item">item2</li>
<li class="item">item3</li>
</ul>

//標簽獲取
document.getElementsByTagName("li");

<script>
    const li = document.getElementsByTagName("li");
    console.log(li);
</script>

//id獲取
document.getElementById("list");

<script>
    const li = document.getElementById("list");
    console.log(li);
</script>

//class獲取
document.getElementsByClassName("item");

<script>
    const li = document.getElementsByClassName("item");
    console.log(li);
</script>

2.CSS選擇器方式
返回匹配元素集合的第一個值
document.querySelector();

<script>
    const li = document.querySelector("li");
    console.log(li);
</script>

返回匹配元素集合
document.querySelectorAll()

<script>
    const li = document.querySelectorAll("li");
    console.log(li);
</script>

3. classList對象與dataset對象的應該場景

classlist對象用來操作元素的類，增加、修改、移除、判斷

dataset對象用來操作自定義屬性

classlist

添加
p.classList.add('red');

移除
p.classList.remove('red');

替換
p.classList.replace('red','blue')

動態(tài)切換樣式，如果已有則刪除，沒有則添加
p.classList.toggle('red');

dataset

html代碼

<div class="user" data-email='admin@china.cn' data-my-gender="男">個人簡介</div>

js代碼

<script>
    const user = document.querySelector('.user');
    user.id = 'A001';
    console.log(user.id);
    // dataset對象專用于訪問自定義的標簽屬性
    console.log(user.dataset.email);
    console.log(user.dataset.myGender); //my-gender有-用,大寫字母替換myGender
</script>

批改老師：天蓬老師

批改狀態(tài)：合格

老師批語：