javascript - なぜ 'this'がオブジェクトを参照していないのですか？以下のコード

Question

私はthis.nameがobj.nameと同じでない理由を理解できません。基本的にはこの場合、thisはwindowオブジェクトであり、objオブジェクトではありません。以下のコードでは、this.nameが... obj.name後MDNパー

function createNewPerson(name) { 
    var obj = {}; 
    obj.name = name; 
    alert(this.name); 
    return obj; 
} 

Answer 1

インスタンス化されます：関数内

を、この値は、関数が呼び出される であるかに依存します。次のコードはstrictモードではないので、 の値がこの呼び出しで設定されていないため、これはデフォルトでブラウザのウィンドウである グローバルオブジェクトになります。

したがって、objではなく、thisがWindowオブジェクトとして表示されます。あなたは、例えば、手動での結合を介して、あなたの関数内objコンテキストを取得することがあります。

function createNewPerson(name) { 
    console.log(this.name); // Hello 
    console.log(name); // World 
} 

var obj = {}; 
obj.name = 'Hello'; 
var salva = createNewPerson.apply(obj, ['World']); 

しかし、私が理解できるよう、あなたが本当に、必要、機能cunstructorあるとnewオペレータ経由してオブジェクトをインスタンス化：

function createNewPerson(name) { 
    this.name = name; 
} 
var salva = new createNewPerson('Salva'); 
console.log(salva.name); // Salva