es6 箭頭函式

2021-09-24 10:10:48 字數 1036 閱讀 9342

1、箭頭函式一般定義匿名函式時使用:

2、寫法簡化:

① () => {}

function ()

②(a,b) => a+b  // 不加大括號,表示return返回值

function(a,b)

③(a,b) => ()  

function(a,b)

}④a => a

function (a)

3、eg:

(1)

let demo5 = (a, b) => a + b

console.log(demo5(4, 5)); //9

對比function demo7(a,b)

console.log(demo7(4,5));//9

(2)

let demo6 = a => math.pow(a, 4)

console.log(demo6(2));//16

function demo8(a);

console.log(demo8(2));//16

console.log('-------------->')

let add=(a,b)=>;

console.log(add(1,5));//6

4、ps:

(1)函式體內的this物件,就是定義時所在的物件,而不是使用時所在的物件;

eg:

// 箭頭函式中的this

var num2 = 12;

var obj2 =

settimeout(() =>

console.log(this.num2)//30

}, 1000)

}}obj2.demo7();

(2)不可以當作建構函式,也就是說,不可以使用new命令,否則會丟擲乙個錯誤。

(3)不可以使用arguments物件,該物件在函式體內不存在。如果要用,可以用 rest 引數代替。

(4)不可以使用yield命令,因此箭頭函式不能用作 generator 函式。

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