快捷搜索:  汽车  科技

javascript怎么写网页脚本(web开发技术你不知道的JavaScript箭头函数)

javascript怎么写网页脚本(web开发技术你不知道的JavaScript箭头函数)箭头函数没有prototype属性;箭头函数不可以当做构造函数;call无法改变this的指向不绑定arguments同this一样,箭头函数不绑定arguments,arguments是箭头函数所在函数的属性,箭头函数可以引用。

箭头函数表达式的语法比函数表达式更短,并且没有自己的this,arguments,super或 new.target。这些函数表达式更适用于那些本来需要匿名函数的地方,并且它们不能用作构造函数。要想用好必须掌握以下知识点:

语法节

(参数1 参数2 … 参数N) => { 函数声明 } (参数1 参数2 … 参数N) => 表达式(单一) //相当于:(参数1 参数2 … 参数N) =>{ return 表达式; } // 当只有一个参数时,圆括号是可选的: (单一参数) => {函数声明} 单一参数 => {函数声明} // 没有参数的函数应该写成一对圆括号。 () => {函数声明} 描述

简化函数

javascript怎么写网页脚本(web开发技术你不知道的JavaScript箭头函数)(1)

不绑定this

箭头函数中的this同所在函数执行时的this,箭头函数中的this规则在严格模式下和非严格模式下是一样的。call、apply、bind也无法改变箭头函数中的this指向。

javascript怎么写网页脚本(web开发技术你不知道的JavaScript箭头函数)(2)

javascript怎么写网页脚本(web开发技术你不知道的JavaScript箭头函数)(3)

call无法改变this的指向

不绑定arguments

同this一样,箭头函数不绑定arguments,arguments是箭头函数所在函数的属性,箭头函数可以引用。

javascript怎么写网页脚本(web开发技术你不知道的JavaScript箭头函数)(4)

注意事项

箭头函数不可以当做构造函数;

箭头函数没有prototype属性;

箭头函数中不可以使用yeild关键词。

注:图片中的demo来自MDN。

猜您喜欢: