JavaScript的原鏈接在此

Question

混亂在仔細檢查下面的教程代碼

Animal = function(name) {this.name = name} 
Animal.prototype.eats = function(){ 
     return this.name + ' is eating' 
} 

Chordate = function(name){Animal.call(this,name)} 

我明白我的問題是如何call作品（基本上，在這種情況下，這成爲this）......但是，如何做一個用這個？ 我很抱歉，我理解原型是如何工作的。但是，真的，我不明白，一旦你設置Chordate如上所述..人們如何使用它？ 這是如何有用？或者你現在如何指定this？ 有人可以請示例解釋嗎？

Answer 1

創建一個鏈接到Animal的原型方法：

Chordate.prototype = Object.create(Animal.prototype) 

然後new起來：

var c = new Chordate('my name'); 

c.eats(); 

線Animal.call(this,name)就像撥打電話到基本構造。它執行Animal構造函數並傳遞name，但使用正確的this背景：

Animal = function(name) { 
    // "this" will be your Chordate instance 
    this.name = name 
} 

Answer 2

讓我們想象的youre構建動物：

new Animal(); 

和施工期間，它吸取了新的動物到畫布。構造函數如下所示：

function Animal(){ 
    canvas.draw(this.x,this.y,this.image); 
    } 

現在你已經有了一隻老虎。如果它被修建，老虎應該咆哮。

function Tiger(){ 
    this.roar(); 
} 

現在呢？它的動物是如此加入畫布的嗎？不可以。由於js繼承系統，您需要手動執行此操作。所以，當老虎被構建，還需要構建它作爲動物：

Animal.call(this); 

這甚至與新的類語法簡單：

class Animal{ 
    constructor(){ 
    this.draw(this.x,this.y,this.image); 
    } 
} 

class Tiger extends Animal{ 
    constructor(){ 
    this.roar(); 
    super()//construct Animal 
    } 
} 

Answer 3

這只是意味着是一個加法到其他答案，並且對於評論太長了。

也許它可以幫助你明白什麼是new操作實際上做：

var newInstance = new ConstructorFunction(arg1, arg2); 

1. 創建一個新的對象。此對象的原型是ConstructorFunction.prototype：

var newInstance = Object.create(ConstructorFunction.prototype); 

調用ConstructorFunction與新創建的對象：

ConstructorFunction.call(newInstance, arg1, arg2); 

如果來自另一個ConstructorFunction繼承「類「，它必須調用它的超級構造函數。這就是下面的代碼做什麼：

function Parent() { 
    // this === newInstance 
} 

function Child() { 
    // this === newInstance 
    Parent.call(this); // call the super constructor 
} 

Child.prototype = Object.create(Parent.prototype); 

var newInstance = new Child(); 
// or: 
var newInstance = Object.create(Child.prototype); 
Child.call(newInstance); // call the constructor, which calls the super constructor