美文网首页
Day 59/100 箭头函数和普通函数的区别

Day 59/100 箭头函数和普通函数的区别

作者: 赵国星 | 来源:发表于2020-09-30 23:55 被阅读0次

写在前面的话 

看了资料,才发现之前面试回答的有多扯...

落后挨打,没毛病啊

(一) 箭头函数的this指向规则

1、箭头函数没有prototype(原型),所以箭头函数本身没有this

let a = () =>{};

console.log(a.prototype); // undefined

2、箭头函数的this指向在定义的时候继承自外层第一个普通函数的this。

3、不能直接修改箭头函数的this指向

call显示绑定this指向失败了,包括aaply、bind都一样。

去修改被继承的普通函数的this指向,然后箭头函数的this指向也会跟着改变

4、严格模式和非严格模式下它的this都会指向window(全局对象)

5、箭头函数的this指向全局,使用arguments会报未声明的错误

6、rest参数获取函数的多余    参数

这是ES6的API,用于获取函数不定数量的参数数组,这个API是用来替代arguments的,API用法如下:

let a = (first, ...abc) => {

  console.log(first, abc); // 1 [2, 3, 4]

};

a(1, 2, 3, 4);

7、使用new调用箭头函数会报错

(二)注意事项

1、一条语句返回对象字面量,需要加括号,或者直接写成多条语句的return形式,否则像func中演示的一样,花括号会被解析为多条语句的花括号,不能正确解析

var func1 = () => { foo: 1 }; // 想返回一个对象,花括号被当成多条语句来解析,执行后返回undefined

var func2 = () => ({foo: 1}); // 用圆括号是正确的写法

var func2 = () => {

  return {

    foo: 1 // 更推荐直接当成多条语句的形式来写,可读性高

  };

};

2、箭头函数在参数和箭头之间不能换行!

3、箭头函数的解析顺序相对靠前

不适用场景:箭头函数的this意外指向和代码的可读性。

参考链接:

https://www.cnblogs.com/biubiuxixiya/p/8610594.html

https://blog.csdn.net/m0_37686205/article/details/88776259

相关文章

  • Day 59/100 箭头函数和普通函数的区别

    写在前面的话 看了资料,才发现之前面试回答的有多扯...落后挨打,没毛病啊 (一)箭头函数的this指向规则 1、...

  • 箭头函数和普通函数的主要区别是什么?

    箭头函数和普通函数的主要区别: this的指向问题,箭头函数是不存在this的(也是箭头函数和普通函数最主要的区别...

  • 函数的扩展

    函数的扩展 箭头函数和普通函数区别箭头函数没有this对象,箭头函数的里的this始终指向定义时所在对象,普通函数...

  • 2019-01-11

    ES6 箭头函数 箭头函数表示法:()=>console.log('Hello') 箭头函数和普通函数的区别 和普...

  • js理解普通函数和箭头函数

    普通函数: 箭头函数: 区别: 构造函数和原型 箭头函数不能作为构造函数 不能new。会报错 箭头函数没有原型属性...

  • 箭头函数和立即执行函数

    箭头函数 箭头函数和普通函数有什么区别?如果把箭头函数转换为不用箭头函数的形式,如何转换主要是this的差别,箭头...

  • 箭头函数和普通函数有什么区别?

    题目:箭头函数和普通函数有什么区别?箭头函数为什么不能用作构造函数? 参考答案 区别: 箭头函数在一些情况下书写更...

  • 改变this指向的方法

    箭头函数和普通函数的区别如下。 普通函数:根据调用我的人(谁调用我,我的this就指向谁) 箭头函数:根据所在的环...

  • 前端面试必会面试题

    1、箭头函数和普通函数的区别 1.箭头函数是匿名函数,不能作为构造函数,不能使用new 2.箭头函数不绑定argu...

  • 箭头函数

    引入箭头函数有两个方面的作用:更简短的函数并且不绑定this 普通函数和箭头函数的区别: 箭头函数的this指向规...

网友评论

      本文标题:Day 59/100 箭头函数和普通函数的区别

      本文链接:https://www.haomeiwen.com/subject/buzpuktx.html