哪种方法最适合在JavaScript中创建对象?对象属性之前是否必须使用“ var”?

Jamna:

到目前为止,我看到了用JavaScript创建对象的三种方法。哪种方法最适合创建对象,为什么?

我还看到在所有这些示例中,var在属性之前未使用关键字-为什么?var提到属性是变量时,是否不必在属性名称之前声明

在第二和第三种方式中,对象的名称为大写,而在第一种方式中,对象的名称为小写。我们应该在什么情况下使用对象名称?

第一种方式:

function person(fname, lname, age, eyecolor){
  this.firstname = fname;
  this.lastname = lname;
  this.age = age;
  this.eyecolor = eyecolor;
}

myFather = new person("John", "Doe", 50, "blue");
document.write(myFather.firstname + " is " + myFather.age + " years old.");

第二种方式:

var Robot = {
  metal: "Titanium",
  killAllHumans: function(){
    alert("Exterminate!");
  }
};

Robot.killAllHumans();

第三种方法-使用数组语法的JavaScript对象:

var NewObject = {};

NewObject['property1'] = value;
NewObject['property2'] = value;
NewObject['method'] = function(){ /* function code here */ }
费利克斯·克林(Felix Kling):

没有最好的方法,这取决于您的用例。

  • 如果要创建多个相似的对象,请使用方法1在您的示例中,Person(您应使用大写字母开头名称)称为构造函数这类似于其他OO语言中的
  • 如果只需要一种对象(如单例),请使用方法2如果要使该对象从另一个对象继承,则必须使用构造函数。
  • 如果要根据对象的其他属性来初始化对象的属性,或者具有动态属性名称,请使用方法3

更新:如第三种方式要求的示例。

相关属性:

下列情况不上班this没有参考book无法使用对象文字中的其他属性的值来初始化属性:

var book = {
    price: somePrice * discount,
    pages: 500,
    pricePerPage: this.price / this.pages
};

相反,您可以执行以下操作:

var book = {
    price: somePrice * discount,
    pages: 500
};
book.pricePerPage = book.price / book.pages;
// or book['pricePerPage'] = book.price / book.pages;

动态属性名称:

如果属性名称存储在某个变量中或通过某个表达式创建,则必须使用方括号表示法:

var name = 'propertyName';

// the property will be `name`, not `propertyName`
var obj = {
    name: 42
}; 

// same here
obj.name = 42;

// this works, it will set `propertyName`
obj[name] = 42;

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章