在JavaScript类中定义局部变量

Question

我们如何定义特定于JavaScript类范围的变量？

在下面的这个小提琴中，我想定义一个名为name的变量，该变量特定于Person类。 我收到错误SyntaxError: missing : after property id

var Person = {
   var name = "Jake";
   printName: function()
   {
    document.getElementById("personName").val(this.name);
   }
};

Person.printName();

Answer 1

您错误地创建了Person并且val()不是JavaScript方法。 像下面一样尝试。

 var Person = { name: "Jake", printName: function() { document.getElementById("personName").value = this.name; } }; Person.printName(); 

 <input type="text" id="personName"> 

Answer 2

您在编写代码时遇到语法错误。

您已在尝试使用完整的JavaScript语句（例如var name = "jake";将Person定义为对象var name = "jake"; 。 对象采用键和值对。 因此，编写块的正确方法是：

var Person = {
   name: "Jake",
   printName: function() {
     document.getElementById("personName").value = this.name;
   }
};

Person.printName();

如果要创建人员的“类”，则要考虑的替代语法是：

function Person(name) {
  this.name = name;
  this.printName = function() {
    document.getElementById("personName").value = this.name;
  }
}

var jake = new Person("Jake");

jake.printName();

如果您有任何疑问，请告诉我！

Answer 3

您可以使用闭包来模拟私有属性。

function createPerson() {
  var name = 'Jake';

  return {
    printName: function() {
      return name;
    }
  };
}

var person = createPerson();
console.log(person.printName); // prints 'Jake'
console.log(person.name); // prints undefined
console.log(name) // throws 'Undefined variable' error

Answer 4

如果您想使用jQuery：

var Person = {
  name: "Jake",
  printName: function() {
    $("#personName").val(this.name);
  }
};
Person.printName();

https://jsfiddle.net/zmyLwtc0/2/

* val()是Element对象的jQuery方法。 在JS中，我们改用属性value 。