Javascript 1.9.3 / ECMAScript 5引入了Object。这是Douglas Crockford等人长期以来一直倡导的。我如何在下面的代码替换新的对象。创建?
var UserA = function(nameParam) {
this.id = MY_GLOBAL.nextId();
this.name = nameParam;
}
UserA.prototype.sayHello = function() {
console.log('Hello '+ this.name);
}
var bob = new UserA('bob');
bob.sayHello();
(假设MY_GLOBAL。nextId存在)。
我能想到的最好的是:
var userB = {
init: function(nameParam) {
this.id = MY_GLOBAL.nextId();
this.name = nameParam;
},
sayHello: function() {
console.log('Hello '+ this.name);
}
};
var bob = Object.create(userB);
bob.init('Bob');
bob.sayHello();
似乎没有任何优势，所以我想我没有得到它。我可能太新古典主义了。我应该如何使用Object。创建创建用户“bob”?
与new object相比，使用object. create(…)并没有什么优势。
那些提倡这种方法的人通常会说一些模棱两可的优点:“可伸缩性”，或者“对JavaScript来说更自然”等等。
然而，我还没有看到一个具体的例子来显示这个对象。Create比new有任何优势。相反，它存在一些已知的问题。Sam Elsamman描述了当有嵌套对象并且使用Object.create(…)时会发生什么:
var Animal = {
traits: {},
}
var lion = Object.create(Animal);
lion.traits.legs = 4;
var bird = Object.create(Animal);
bird.traits.legs = 2;
alert(lion.traits.legs) // shows 2!!!
这是因为Object.create(…)提倡使用数据创建新对象的实践;在这里，动物数据成为狮子和鸟原型的一部分，并在共享时引起问题。当使用new时，原型继承是显式的:
function Animal() {
this.traits = {};
}
function Lion() { }
Lion.prototype = new Animal();
function Bird() { }
Bird.prototype = new Animal();
var lion = new Lion();
lion.traits.legs = 4;
var bird = new Bird();
bird.traits.legs = 2;
alert(lion.traits.legs) // now shows 4
至于传递给Object.create(…)的可选属性属性，可以使用Object.defineProperties(…)添加。
我认为问题的重点是理解new和Object之间的区别。创建方法。根据这个答案和这个视频，new关键字做了下面的事情:
创建新对象。
将新对象链接到构造函数(原型)。
使此变量指向新对象。
使用new对象执行构造函数，隐式执行返回this;
将构造函数函数名赋给新对象的属性构造函数。
对象。Create只执行第1和第2步!
在代码示例中提供的问题，这不是什么大问题，但在下一个例子中，它是:
var onlineUsers = [];
function SiteMember(name) {
this.name = name;
onlineUsers.push(name);
}
SiteMember.prototype.getName = function() {
return this.name;
}
function Guest(name) {
SiteMember.call(this, name);
}
Guest.prototype = new SiteMember();
var g = new Guest('James');
console.log(onlineUsers);
作为副作用的结果将是:
[ undefined, 'James' ]
因为盖斯特。prototype = new SiteMember();
但是我们不需要执行父构造函数方法，我们只需要使方法getName在Guest中可用。
因此我们必须使用Object.create。
如果替换Guest。prototype = new SiteMember();
来的客人。prototype = Object.create(sitember .prototype);结果是:
[ 'James' ]
由于只有一个继承级别，您的示例可能不会让您看到Object.create的真正好处。
该方法允许您轻松实现差异继承，其中对象可以直接从其他对象继承。
在你的userB的例子中，我不认为你的init方法应该是公共的，甚至不存在，如果你在一个现有的对象实例上再次调用这个方法，id和name属性将会改变。
对象。Create允许你使用它的第二个参数初始化对象属性，例如:
var userB = {
sayHello: function() {
console.log('Hello '+ this.name);
}
};
var bob = Object.create(userB, {
'id' : {
value: MY_GLOBAL.nextId(),
enumerable:true // writable:false, configurable(deletable):false by default
},
'name': {
value: 'Bob',
enumerable: true
}
});
如您所见，属性可以在Object的第二个参数上初始化。使用类似于object . defineproperties和object . defineproperty方法使用的语法创建一个对象文字。
它允许您设置属性属性(可枚举、可写或可配置)，这非常有用。
你必须创建一个自定义的Object.create()函数。它解决了Crockfords的问题，也调用了init函数。
这是可行的:
var userBPrototype = {
init: function(nameParam) {
this.name = nameParam;
},
sayHello: function() {
console.log('Hello '+ this.name);
}
};
function UserB(name) {
function F() {};
F.prototype = userBPrototype;
var f = new F;
f.init(name);
return f;
}
var bob = UserB('bob');
bob.sayHello();
这里UserB类似于Object。创造，但要适应我们的需要。
如果你愿意，也可以拨打:
var bob = new UserB('bob');
