ES6 學習筆記二

函式的擴充套件

函式引數預設值

const app = new Vue({
    el:'#app',
    data:{
      message:'我的卡號為xxxxx',
    },
    methods:{
        getName(second,first='李'){
            console.log(second,first);
        },
    },
    mounted() {
        let a = '豔茹';
        let b = '王';
        this.getName(a);
        this.getName(a,b);
    }
});

函式不定引數(擴充套件運算子的運用)

const app = new Vue({
    el:'#app',
    data:{
      message:'我的卡號為xxxxx',
    },
    methods:{
        getNames(name,...names){
            console.log(name,names);//張靜 ['廖豔茹','柯瑤']
        },
    },
    mounted() {
        let a = '張靜';
        let b = '廖豔茹';
        let c = '柯瑤';
        this.getNames(a,b,c);
    }
});

箭頭函式

1、如果箭頭函式不需要引數或需要多個引數，就使用一個圓括號代表引數部分
2、如果箭頭函式的程式碼塊部分多於一條語句，就要使用大括號將它們括起來，並且使用return語句返回
3、由於大括號被解釋為程式碼塊，所以如果箭頭函式直接返回一個物件，必須在物件外面加上括號，否則會報錯
4、箭頭函式可以與變數解構結合使用

set 與 map 資料結構

1、Set物件是值的集合，你可以按照插入的順序迭代它的元素。 Set中的元素只會出現一次，即 Set 中的元素是唯一的
2、Map 物件儲存鍵值對。任何值(物件或者原始值) 都可以作為一個鍵或一個值

set屬性與方法	返回值
size	返回Set物件中元素的個數
add	向一個 Set 物件的末尾新增一個指定的值
clear	清空一個 Set 物件中的所有元素
delete	從一個 Set 物件中刪除指定的元素
entries	返回一個新的包含 [value, value] 形式的陣列迭代器物件
forEach	根據集合中元素的插入順序，依次執行提供的回撥函式
has	返回一個布林值來指示對應的值value是否存在Set物件中
values	將返回一個新生成的可迭代物件，以插入 Set 物件的順序返回其包含的每個元素的值

map屬性與方法	返回值
size	返回一個Map 物件的成員數量
clear	移除Map物件中的所有元素,返回undefined
delete	移除 Map 物件中指定的元素
entries	返回一個新的包含 [key, value] 對的 Iterator 物件
forEach	以插入順序對 Map 物件中的每一個鍵值對執行一次引數中提供的回撥函式
get	返回某個 Map 物件中的一個指定元素
has	返回一個bool值，用來表明map 中是否存在指定元素
keys	返回一個新的 Iterator 物件。它包含按照順序插入 Map 物件中每個元素的key值
values	返回一個新的Iterator物件。它包含按順序插入Map物件中每個元素的value值
set	為 Map 物件新增或更新一個指定了鍵（key）和值（value）的（新）鍵值對，返回Map物件

遍歷方法

遍歷方法	跳出迴圈
for	continue,break,return有用
for in	continue,break,return有用
for of	continue,break,return有用
forEach	continue與break,return無用

const arr = [1,2,3,4,5];
for(let i=0;i<5;i++){ //有用
    if(i === 2){
        continue;
        //break;
        //return;
    }
    console.log(i);
}

for(let i in arr){ //有用，i 是鍵名，並非元素值
    if(i === '2'){
        continue;
        //break;
        //return;
    }
    console.log(arr[i]);
}

for(let i of arr){ //有用
    if(i === 2){
        //continue;
        //break;
        //return;
    }
    console.log(i);
}

arr.forEach(i => {
    if(i === 2){
        //continue;
        //break;
        return;
    }
    console.log(i);
})

本作品採用《CC 協議》，轉載必須註明作者和本文連結

今年不學習，明天慘唧唧。

ES6 學習筆記二

函式的擴充套件

set 與 map 資料結構

遍歷方法

相關文章