js ES6中箭頭函式的理解

2021-08-21 05:18:39 字數 747 閱讀 2167

在es6中,"=>"是函式的表示式,而且箭頭函式是匿名的。

如:

var lets = a => a*a;

console.log(lets(5)); //25

相當於

function lets(a)
"=>"左邊的a是函式的引數,右邊是函式的宣告;

當函式中有多個引數時,引數用小括號擴起來,並且每個引數用逗號隔開:

var lets = (a,b) => a*b;
當函式體中的語句超過一條的時候,函式體需要用大括號括起來:

var lets = a =>else --a;

return a;

}console.log(lets(5)); //4

var lets =() => ;

console.log(lets()); //函式中沒有引數

補充:

對於一般js和箭頭函式this的區別:

es6中箭頭函式中的this在定義時已經確定,this物件就是定義時所在的物件,而一般js中的this是在執行函式的時候所在的物件:

實際上箭頭函式中是沒有自己的this,在箭頭函式中呼叫this物件是繼承而來的,預設是指向定義它的時候的物件,而不是執行物件。

JS ES6 箭頭函式的用法

箭頭函式使用是比較方便簡潔的,在普通函式裡面我們通常返回乙個值時是需要return回去的,但在箭頭函式裡面已經包含著這個return所以我們不用編寫return。1.let a 3 2.function arrow a 5.arrow a 我們可以簡寫成 1.let a 3 2.let arrow ...

js es6箭頭函式和普通函式的區別

普通函式在es5中就有了,箭頭函式是es6 現的函式形式,當然也可以繼續用普通函式。1 普通函式 leta function letb function x letc function a 2 箭頭函式 更簡短的函式 單條處理可以省略return和 單個引數可以省略 小括號 leta 1 1let ...

JS ES6函式 迭代器

允許預設值 function fun a,b 5 不傳值用 undefined fun 1,null 1,null fun 1,undefined 1,5 特殊用法示例 function fun x,y x fun 1 1,1function fun id,nums fun 0,1,2,3,4,5 ...