ES6 箭頭函式

2022-02-23 18:21:29 字數 2333 閱讀 6428

1. 寫法 => 

2. 格式 (引數) => **  (左參右碼)

3. 當函式體有且只有1行return**時,右邊括號可省略

4. 左邊有沒有括號?看情況

5. {}物件中,function有this,指向自己。但是箭頭函式中,沒有this (無數人中招) *****=>>>>

解決方案: 3個

//

es5var k = function

(a, b)

var ttt = k(1, 2);

console.log(k);

console.log(ttt);

//es6 左參右碼

箭頭函式 左參右碼 當函式**有且只有一條,return和花括號可以省略

var k = (a, b) => a +b;

var ttt = k(1, 2);

console.log(k);

console.log(ttt);

console: 

//

es5var k2 = function

(a)

//es6

var k = a => a + 1;

var ttt = k(1);

console.log(k);

console.log(ttt);

console: 

//

es5var k3 = function

()

//es6

var k = () => 3 + 1;

var ttt = k(1);

console.log(ttt);

var yy =

}console.log(yy);

console.log(yy.getname);

yy.getname();

//帶上括號代表執行函式

{}物件中,function有this,指向自己

var yy =,

getname1:

function

() ,

getname3: () =>

}yy.getname2();

yy.getname1();

yy.getname3();

//{}物件中,箭頭函式沒有this

//{}物件中,箭頭函式沒有this

使用class不會汙染外面

var name = '哈哈哈';

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,...

ES6 箭頭函式

es6 中,箭頭函式就是函式的一種簡寫形式,使用括號包裹數,跟隨乙個 緊接著是函式體 var getprice function 箭頭函式 var getprice 9.15 箭頭函式不僅僅是讓 變得簡潔,函式中 this 總是繫結總shi 指向物件自身 function person 1000 使...