Question

我对javascript非常陌生，而且类和方法的工作方式令我感到困惑。

基本上我有这样的代码：

function container(x, y, z) {
  this.x = x;
  this.y = y;
  this.z = z;

  this.sumUp = function addUp(x, y, z) {
    var a = x + y + z;
  };
}

我想要做的是我的代码中的其他地方使用容器中定义的函数，使用容器中的值。我该如何实际做到这一点？

的内容

container1 = new container (1, 2, 3);
container.sumUp(this.x, this.y, this.z);

或类似的东西。我很困惑，并且认为我的整个事情都错了。

Answer 1

我想你想要这样的事情：

function Container(x, y, z){
  this.x = x;
  this.y = y;
  this.z = z;

  this.sumUp = function addUp(x, y, z){
    alert(this.x + this.y + this.z);
  };
}

container_instance = new Container(1, 2, 3);
container_instance.sumUp();

但我建议：

function Container(x, y, z){
  this.x = x;
  this.y = y;
  this.z = z;
}

Container.prototype.sumUp = function addUp(x, y, z){
  alert(this.x + this.y + this.z);
};

container_instance = new Container(1, 2, 3);
container_instance.sumUp();

这就是它的工作原理（简短）：

在JavaScript中，您有objects，它们就像哈希：

var obj = {
  'a': 1,
  'b': 2,
  'c': 3
};

您可以按键获取或设置值：

alert(obj.a); // alerts 1
alert(obj['a']); // same thing
obj['c'] = 4;

在你的情况下Container是构建你的对象的函数。执行new Container(1, 2, 3);时，它会创建一个空对象，并在对象的上下文中执行该函数。

Answer 2

function Container(x, y, z){
  this.x = x;
  this.y = y;
  this.z = z;
}
// There is no point to put parameters there since they are already instance variables.
Container.prototype.sumUp = function addUp(){
  alert(this.x + this.y + this.z);
};

container_instance = new Container();
container_instance.sumUp();

Javascript使用类中的变量调用类方法

2 个答案: