JavaScript 构造函数中方法定义为何无法被调用？

“纵有疾风来，人生不言弃”，这句话送给正在学习文章的朋友们，也希望在阅读本文《JavaScript 构造函数中方法定义为何无法被调用？》后，能够真的帮助到大家。我也会在后续的文章中，陆续更新文章相关的技术文章，有好的建议欢迎大家在评论留言，非常感谢！

JavaScript 构造函数中方法定义为何无法被调用？插图

js 大佬不懂为啥原因之 a 对象的 b 方法

网友提问：

在 html5 中使用 jquery 时遇到了问题，如下代码所示：

<script>
$(function() {
  var temp = new a();
  temp.b();
})
var a = function() {
  var b = function() {
    alert(1);
  }
}
</script>

然而，运行代码时却报错。请问原因是什么？

回答：

问题出在对 a 构造函数的定义上。正确写法如下：

var a = function() {
  this.b = function() {
    alert(1);
  };
};

在你的写法中，b 函数并没有绑定到 a 对象上，而仅仅在 a 函数内部定义了。因此，实例化 a 后，无法通过 temp.b() 调用 b 函数。

原理解释：

在 javascript 中，对象可以通过构造函数创建。构造函数的作用是为对象创建属性和方法。在你的案例中，a 函数是一个构造函数，它定义了 b 属性，但没有将其与 a 对象关联起来。

要正确绑定方法，需要使用 this 关键字。this 关键字指向当前对象，因此 this.b 表示当前对象（即 a 对象）的 b 方法。

今天关于《JavaScript 构造函数中方法定义为何无法被调用？》的内容就介绍到这里了，是不是学起来一目了然！想要了解更多关于的内容请关注米云公众号！

近期文章