ES6 箭頭函式

2022-09-09 13:15:16 字數 733 閱讀 6704

es6標準新增了一種新的函式：arrow function（箭頭函式）。

x => x * x
上面的箭頭函式相當於：

function (x) 


測試你的瀏覽器是否支援es6的arrow function：


'use strict';


var fn = x => x * x;
箭頭函式相當於匿名函式，並且簡化了函式定義。箭頭函式有兩種格式，一種像上面的，只包含乙個表示式，連和return都省略掉了。還有一種可以包含多條語句，這時候就不能省略和return：

x => 


else 


}引數：
// 兩個引數:


(x, y) => x * x + y * y


// 無引數:


() => 3.14


// 可變引數:


(x, y, ...rest) => 


箭頭函式看上去是匿名函式的一種簡寫，但實際上，箭頭函式和匿名函式有個明顯的區別：箭頭函式內部的this是詞法作用域，由上下文確定。

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