ES6 中的箭頭函式

2021-07-11 22:03:58 字數 740 閱讀 7062

定義乙個箭頭函式很簡單,基本語法是:

([param] [, param]) => 

param => expression

param 是引數,根據引數個數不同,分這幾種情況:

當然,和普通函式一樣,箭頭函式也可以使用 es6 新增的「預設引數」和「剩餘引數」

var func1 = (x = 1, y = 2) => x + y;

func1(); // 得到 3

var func2 = (x, ...args) => ;

func2(1,2,3); // 輸出 [2, 3]

箭頭函式允許多行語句或者單行表示式作為函式體。多行語句要用 {} 括起來;單行表示式不需要 {},並且會作為函式返回值:

x => ; // 函式返回 x * x

x => x * x; // 同上一行

x => return x * x; // syntaxerror 報錯,不能省略 {}

x => ; // 合法,沒有定義返回值,返回 undefined

js 裡的 this 指標一直是新手很頭疼的事情,看乙個簡單的例子:

var o = ,

test : function() .bind(this), 100);

}};o.test();

ES6 函式 箭頭函式 箭頭函式中的this

1,es6中,函式新增哪些特性 支援引數有預設值,支援剩餘引數,支援引數展開運算,新建箭頭函式 ie不支援箭頭函式 2,支援引數預設值 在為傳引數值或傳遞的引數值是undefined的情況下,引數取預設值。引數b有預設值 hello function test a,b hello 未傳引數給引數b ...

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