ES6箭頭函式總結

2022-03-07 18:22:30 字數 932 閱讀 3070

1. 箭頭函式基本形式

let func = （num) =>num;


let func = () =>num;


let sum = (num1,num2) => num1 +num2;


[1,2,3].map(x => x * x);
2. 箭頭函式基本特點(1). 箭頭函式this為父作用域的this，不是呼叫時的this

let person =


}}person.init();
上例中，init是function，以person.init呼叫，其內部this就是person本身，而onclick**是箭頭函式，

其內部的this，就是父作用域的this，就是person，能得到name。

let person =


}}person.init();
上例中，init為箭頭函式，其內部的this為全域性window，onclick的this也就是init函式的this，也是window，

得到的this.name就為undefined。

此例子中兩個this均指向obj

(2). 箭頭函式不能作為建構函式，不能使用new

//建構函式如下：


functionperson(p)


//如果用箭頭函式作為建構函式，則如下


var person = (p) =>
由於this必須是物件例項，而箭頭函式是沒有例項的，此處的this指向別處，不能產生person例項，自相矛盾。

ES6程式設計 箭頭函式總結

單個引數，且函式執行體僅包含一條語句，返回值無需 return 關鍵字。const foo a a 1 foo 1 2 單個引數，函式執行體含多條執行語句，需要使用塊級 段，即使用 括起來，不過此時若存在返回值，務必記得 return。const foo a foo 1 3 多個引數需要 括起來。c...

es6箭頭函式

本例是在了解es6知識後在原來定義函式的基礎上進行理解var searchvalue 查詢匹配物件 var button var input var select button if searchvalue.input undefined button.click else 重新整理 tableli...

es6 箭頭函式

1.單引數 function cheng a 3 let cheng a 3 a a console.log cheng 9 2.多引數 function add a,b let add a,b a b 預設返回值 console.log add 3,9 3.無返回值 function add a,...