パラメータとして関数に2つ/複数のオブジェクトを渡す方法

Question

私は拳のパラメータiAmDogを得ることができます。また、最初のパラメータはthisによってアクセスされ、2番目のパラメータiAmCatを渡してどのように出力するのですか？

var speak = function(iAmDog, iAmCat) { 
 
    console.log(this); 
 

 
    console.log(iAmDog.love); 
 
    console.log(iAmDog.normal); 
 

 
    console.log(iAmCat.love); 
 
    console.log(iAmCat.normal); 
 
}; 
 

 
var speakAsDog = { 
 
    normal: "moof", 
 
    love: 'woow' 
 
}; 
 
var speakAsCat = { 
 
    normal: "meow", 
 
    love: 'purr' 
 
}; 
 

 
speak.call(speakAsDog, speakAsCat);

Answer 1

function.callとfunction.applyで非常に最初のパラメータは、関数内部this値として入手可能であるthisArgあります。したがって、引数を渡す場合は、2番目から開始する必要があります。ヌルをthisArgとして送信することができます。これは、関数内で参照されないためです。

var speak = function(iAmDog, iAmCat) { 
 
    console.log(iAmDog.love); 
 
    console.log(iAmDog.normal); 
 

 
    console.log(iAmCat.love); 
 
    console.log(iAmCat.normal); 
 
}; 
 

 
var speakAsDog = { normal: "moof", love: 'woow' }; 
 
var speakAsCat = { normal: "meow", love: 'purr' }; 
 

 
speak.call(null, speakAsDog, speakAsCat); 
 
speak.apply(null, [speakAsDog, speakAsCat]);

Answer 2

あなたのコードでは、タイプミスとちょうどだらけです。また、明示的に.call()関数を呼び出す必要はありません。 FrankerZによって示唆されるように

var speak = function (iAmDog, iAmCat) { 
 
    console.log(iAmDog.love); 
 
    console.log(iAmDog.normal); 
 

 
    console.log(iAmCat.love); 
 
    console.log(iAmCat.normal); 
 
}; 
 

 
var speakAsDog = { normal: "moof", love: 'woow' }; 
 
var speakAsCat = { normal: "meow", love: 'purr' }; 
 

 
speak(speakAsDog, speakAsCat);

Answer 3

を使用でき 、変更されますがcallやapplyを必要としないかもしれません。しかし、あなたはコンテキスト変数を必要とする場合にはcallまたは

var speak = function(iAmCat) { 
 
    var iAmDog = this; 
 
    console.log(iAmDog.love); 
 
    console.log(iAmDog.normal); 
 

 
    console.log(iAmCat.love); 
 
    console.log(iAmCat.normal); 
 
}; 
 

 
var speakAsDog = { 
 
    normal: "moof", 
 
    love: 'woow' 
 
}; 
 
var speakAsCat = { 
 
    normal: "meow", 
 
    love: 'purr' 
 
}; 
 

 
speak.call(speakAsDog, speakAsCat);

使用apply又は

var speak = function() { 
 
    var iAmDog = this, 
 
    iAmCat = arguments[0]; 
 
    console.log(iAmDog.love); 
 
    console.log(iAmDog.normal); 
 

 
    console.log(iAmCat.love); 
 
    console.log(iAmCat.normal); 
 
}; 
 

 
var speakAsDog = { 
 
    normal: "moof", 
 
    love: 'woow' 
 
}; 
 
var speakAsCat = { 
 
    normal: "meow", 
 
    love: 'purr' 
 
}; 
 

 
speak.apply(speakAsDog, [speakAsCat]);

使用bind。

var speak = function(iAmCat) { 
 
    var iAmDog = this; 
 
    console.log(iAmDog.love); 
 
    console.log(iAmDog.normal); 
 

 
    console.log(iAmCat.love); 
 
    console.log(iAmCat.normal); 
 
}; 
 

 
var speakAsDog = { 
 
    normal: "moof", 
 
    love: 'woow' 
 
}; 
 
var speakAsCat = { 
 
    normal: "meow", 
 
    love: 'purr' 
 
}; 
 
var newFN = speak.bind(speakAsDog); 
 
newFN(speakAsCat);