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

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

网友提问：

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

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

登录后复制

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

回答：

立即学习“Java免费学习笔记（深入）”；

问题出在对 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 构造函数中方法定义为何无法被调用？的详细内容，更多请关注抖狐科技其它相关文章！