JavaScriptでプロトタイプ化された関数にパラメーターを渡す

Question

最近、JavaScriptでプロトタイプを作成しようとしており、次のコードが機能しない理由がわかりません。私がやりたいのは、パラメータnを使用してチーズの新しいインスタンスを作成することです。

function food(n) {
    this.n=n;
}
function cheese(n) {
    alert(this.n);
}
cheese.prototype=new food;
new cheese('paramesian');

Answer 1

新しい Cheese インスタンスを作成していますが、引数 n が Cheese インスタンス変数 thisに使用または割り当てられることはありません.n 。そのロジックは Food コンストラクターでのみ使用されるためです。

いくつかのことができます：

1。 適用内部の Food コンストラクター arguments オブジェクトと新しく作成されたコンテキスト（ this ）を使用した Cheese 関数。

function Food(n) {
    this.n=n;
}

function Cheese(n) {
    Food.apply (this, arguments);
    alert(this.n);
}

new Cheese('paramesian');

2。 Cheese コンストラクター関数で Food コンストラクターロジック（ this.n = n ）を繰り返します：

function Food(n) {
    this.n=n;
}

function Cheese(n) {
    this.n = n;
    alert(this.n);
}

Cheese.prototype = new Food();
new Cheese('paramesian');

3。 パワーコンストラクターなどの別の手法を使用します。

function food (n) {
  var instance = {};
  instance.n = n;

  return instance;
}


function cheese (n) {
  var instance = food(n);
  alert(instance.n);

  return instance;
}

cheese('parmesian');
cheese('gouda');

4。さらに別のオプション、プロトタイプ継承：

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

var food = {
  n: "base food",
  showName : function () { alert(this.n); }
};

var cheese1 = Object.create(food);
cheese1.n = 'parmesian';
cheese1.showName(); // method exists only in 'food'

Answer 2

JavaScriptでプロトタイプチェーンがどのように機能するかを理解したいだけのようです。以下は、優れた、シンプルでよく説明されたチュートリアルです http://www.herongyang.com/JavaScript/Inheritance- from-Constructor-Prototype-Object.html

Answer 3

編集、これは明らかにプロトタイプの継承ではありません（コメントを参照）が、この特定の目的では機能するようです。

function food(n) {
    this.n=n;
}
function cheese(n) {
    this.prototype = food;
    this.prototype(n);

    alert(this.n);
}

new cheese('paramesian');