新手:需要对此js代码进行一些解释

时间:2011-03-29 19:39:34

标签: javascript

我正在学习javascript,我已阅读以下代码somewhere

if (typeof Object.create !== 'function') {
    Object.create = function (o) {
        function F() {}
        F.prototype = o;
        return new F();
    };
}
newObject = Object.create(oldObject);

我理解Object.create函数返回一个新对象,该对象继承了作为参数传递给Object.create函数的对象' o '。但是,我不明白这是什么意思呢?我的意思是,即使Object.create函数返回了一个新对象,但新对象和旧对象没有区别。即使是新对象继承旧对象,也没有在新对象中定义新方法。那么,在什么情况下我们需要上面的代码来获取新对象?

4 个答案:

答案 0 :(得分:3)

其他几个答案已经在解释这个问题,但我想补充一个例子:

var steve = { eyes: blue, length: 180, weight: 65 };
var stevesClone = Object.create(steve);

// This prints "eyes blue, length 180, weight 65"
for (var property in stevesClone) {
  console.log(property, stevesClone[property]);
}

// We can change stevesClone without changing steve:
stevesClone.eyes = "green";
stevesClone.girlfriend = "amy";


// This prints "eyes green, length 180, weight 65, girlfriend amy"
for (var property in stevesClone) {
  console.log(property, stevesClone[property]);
}

// But if we alter steve, those properties will affect stevesClone as well
// unless they have also been assigned to stevesClone directly:
steve.father = "carl";
steve.eyes = "red";

// So, the clone got steves father carl through inheritance, but keeps his
// green eyes since those were assigned directly to him.

// This prints "eyes green, length 180, weight 65, girlfriend amy, father carl"
for (var property in stevesClone) {
  console.log(property, stevesClone[property]);
}

Object.create从现有对象创建一个新对象,并使用原型链来维护它们之间的关系。如果克隆本身没有这些属性,那么来自stevesClone的任何内容都会传播到史蒂夫。因此,对steve的更改可能会影响克隆,但反之亦然。

答案 1 :(得分:1)

为了能够访问JavaScript中的“父”对象,您需要通过原型对象访问它。

您发布的代码允许newObject充当oldObject的“子”。您可以访问所有oldObjects方法,但您可以自由添加它们并覆盖它。这样,可以尽可能地更改newObject,而不会导致oldObject被修改。

换句话说,它允许在一个简单的方法中继承JavaScript。

答案 2 :(得分:0)

运行该代码后,您可以:

newObject();

我不知道为什么因为函数体是空的,所以你可以运行newObject();所有你想要的效果。

这个想法是你将一个对象变成一个函数,同时使结果值(函数)仍然可以作为一个对象访问(考虑原型部分)。

答案 3 :(得分:0)

它用于继承。看看这个链接: http://javascript.crockford.com/prototypal.html