首页 / JAVASCRIPT / Javascript箭头函数不适用场景

Javascript箭头函数不适用场景

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Javascript箭头函数不适用场景，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1030字，纯文字阅读大概需要2分钟。

内容图文

来自《Vue企业开发实战》

  1. 在对象的方法中不建议使用箭头函数
const Person={
        'username':'小暖','age': '18',
        'sayHello':  () => {　
            setInterval(() => {　　console.log('我叫' + this.username + '我今年' + this.age + '岁!')　}, 
        1000)
    }}
Person.sayHello()

输出

我叫undefined我今年undefined岁!

输出结果有问题，因为方法写在了对象里，而对象的括号是不能封闭作用域的，所以此时的this还是指向全局对象，而全局对象下没有username和age属性，所以会出现问题。
2. 不能作为构造函数由于箭头函数的this具有不绑定的特点，不能使用箭头函数作为构造函数，如果这样做了，也会报错。
3. 定义原型方法定义原型方法时，也不推荐使用箭头函数，看下面这段代码。

function Person() {　　
this.username = "小暖"
}
Person.prototype.sayHello = () => {　　
  console.log(this.username)}
  var p1 = new Person();
  p1.sayHello();

输出undefined
出现问题的原因是this指向window对象，这和使用箭头函数在对象中定义方法十分类似。

小结

箭头函数由于代码的简洁性和不绑定调用者this的特点，在非方法函数中使用最合适，而在方法函数中使用，需要特别注意它的this绑定问题，如果需要动态地修改this，建议不要使用箭头函数。

内容总结

以上是互联网集市为您收集整理的Javascript箭头函数不适用场景全部内容，希望文章能够帮你解决Javascript箭头函数不适用场景所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/597801.html

来源：【匿名】