首页 / JAVASCRIPT / javascript – 如何使用箭头函数(公共类字段)作为类方法？

javascript – 如何使用箭头函数(公共类字段)作为类方法？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 如何使用箭头函数(公共类字段)作为类方法？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1017字，纯文字阅读大概需要2分钟。

内容图文

我刚接触使用带有React的ES6类,之前我已经将我的方法绑定到当前对象(在第一个示例中显示),但ES6是否允许我使用箭头将类函数永久绑定到类实例？ (当作为回调函数传递时很有用.)当我尝试使用它时,我遇到错误,就像使用CoffeeScript一样：

class SomeClass extends React.Component {

  // Instead of this
  constructor(){
    this.handleInputChange = this.handleInputChange.bind(this)
  }

  // Can I somehow do this? Am i just getting the syntax wrong?
  handleInputChange (val) => {
    console.log('selectionMade: ', val);
  }

因此,如果我将SomeClass.handleInputChange传递给,例如setTimeout,它将作用于类实例,而不是窗口对象.

解决方法:

您的语法略有偏差,只是在属性名称后面缺少等号.

class SomeClass extends React.Component {
  handleInputChange = (val) => {
    console.log('selectionMade: ', val);
  }
}

这是一个实验性功能.您需要在Babel中启用实验性功能才能进行编译. Here是启用实验的演示.

要在babel中使用实验性功能,您可以从here安装相关插件.对于此特定功能,您需要transform-class-properties plugin：

{
  "plugins": [
    "transform-class-properties"
  ]
}

您可以阅读有关类字段和静态属性here的提案的更多信息

内容总结

以上是互联网集市为您收集整理的javascript – 如何使用箭头函数(公共类字段)作为类方法？全部内容，希望文章能够帮你解决javascript – 如何使用箭头函数(公共类字段)作为类方法？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

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

内容手机端

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

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

来源：【匿名】