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

2021-10-09 05:09:00 字數 907 閱讀 7742

普通函式在es5中就有了,箭頭函式是es6**現的函式形式,當然也可以繼續用普通函式。

1、普通函式

leta=

function()

letb

=function

(x)letc=

function

(a)

2、箭頭函式

更簡短的函式

單條處理可以省略return和

單個引數可以省略(小括號)

leta=

()=>1+

1let

b=x=>x

letc

=(a)

=>

;

1、不繫結this

箭頭函式,this代表上層物件,若無自定義上層,則代表window。

普通函式,this代表當前物件。

2、不繫結arguments

箭頭函式不繫結arguments,但是可使用…rest引數

這是普通函式arguments,可以使用

3、箭頭函式不能使用new操作符

箭頭函式不能用作構造器,和 new一起用會丟擲錯誤。

var

foo=()

=>

;var foo =

newfoo()

;// typeerror: foo is not a constructor

4、箭頭函式沒有prototype屬性

箭頭函式沒有原型屬性。

prototype是普通函式用於獲取原型物件的。

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中箭頭函式的理解

在es6中,是函式的表示式,而且箭頭函式是匿名的。如 var lets a a a console.log lets 5 25相當於 function lets a 左邊的a是函式的引數,右邊是函式的宣告 當函式中有多個引數時,引數用小括號擴起來,並且每個引數用逗號隔開 var lets a,b a...

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