javascript - 获取另一个函数中一个函数在 'this'中设置的变量

Question

我有一个函数，可以在 this 中添加一些变量，例如:

this.a = "hello";
this.b = "bye";

该函数的this是一张图像，

$('#image').function1();

现在我想在另一个函数中访问这些变量。我以同样的方式调用这个函数:

$('#image').function2();

但是当我尝试访问 this.a 和 this.b 时，会抛出 undefined 。

如何从 function2 访问这些变量？

Answer 1

您可以使用 $.fn.functionName 使用新方法扩展原型(prototype)，该方法将在您的案例 a 和 b 中添加新属性您调用此方法的对象，然后在另一个方法中您可以访问这些属性。

$ 或 jQuery 是构造函数，fn 与 prototype 相同

$.fn.function1 = function() {
  this.a = 'hello';
  this.b = 'bye';
  return this;
}

$.fn.function2 = function() {
  console.log(this.a)
}

$('img').function1().function2()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="" alt="">