javascript - 为什么原型 javascript 在这种情况下不起作用

Question

我的案例（为什么“test1”没有出现在警报窗口中）：

var Parent=function(){
    this.test1= function(){ 
        alert("test1");
    }
}

var Child=function(){
   this.prototype=new Parent();
}

var test=new Child();
test.test1();

http://jsfiddle.net/c3sUM/2/ （同样的代码在线尝试）​</p>

谢谢

Answer 1

问题是您没有分配Child的原型，而是prototype在其实例中创建了一个属性，该属性Child指向Parent.

相反，这样做：

var Child = function(){};        // create constructor
Child.prototype = new Parent();  // assign instance of parent to constructor's
                                 // prototype

类似的答案可能会有所帮助

Answer 2

使用函数声明，您的代码会更清晰：

// Parent constructor
function Parent() {}

// Methods of Parent.prototype are inherited by 
// instances of parent
Parent.prototype.test1 = function() {
    alert('test 1');
}

// Child constructor
function Child(){}

// Make Child.prototype an instance of Parent so 
// instances inherit from Child and Parent
Child.prototype = new Parent();

// Instance inherits from Child (and hence Parent);
var child = new Child();

child.test1();  // 'test 1'

在这种情况下，使用函数表达式而不是声明的唯一原因是，如果您想根据其他逻辑动态创建构造函数。