Javascript：新しいキーワードコンストラクタを使用した字句スコープの問題

Question

javasciptでのスコーピングに関する問題があります。私は "new"キーワードを使って問題なく新しいオブジェクトを作成しようとしました。コードはこの

"use strict"; 

function Person() { 
    this.name = "john doe"; 
    console.log(this.name); 
} 

Var foo = new Person() 

のように見える私は名前の変数のスコープは、内部機能

"use strict"; 

function Person() { 
     this.name = "john doe"; 

     Function speak() { 
        console.log("my name is" + this.name); 
     } 

     speak(); 
    } 

    var foo = new Person(); 

//error: "cannot read property 'name' of undefined" 

内不定となり、内部機能を追加しようとしたとき、私は遭遇した問題がある誰かがあると思われるものを説明することはできます問題？みんな

厳格モードで

Answer 1

あなたはnew Person()を持つオブジェクトを作成している、thisはpropertyがnameと呼ばれていないwindowオブジェクトを参照していただきありがとうございます。 nameと呼ばれるpropertyはPersonオブジェクトに属します。 エラーcannot read property 'name' of undefinedが表示されます。

ユーザーPersonの値を保持する別の変数は、内部関数内の値を使用するためにオブジェクトのthisを使用します。

var thatObj = this;

"use strict"; 
 

 
function Person() { 
 
    this.name = "john doe"; 
 
    var thatObj = this; 
 
    function speak() { 
 
    console.log("my name is: " + thatObj.name); 
 
    } 
 

 
    speak(); 
 
} 
 

 
var foo = new Person();

Answer 2

またspeakにthisと同じスコープを与えることができます。これは公開機能にもなりますので、クラスの外からspeakを呼び出すことができます。

function Person() { 
 
    this.name = "john doe"; 
 

 
    this.speak = function() { 
 
     console.log("my name is " + this.name); 
 
    }; 
 
      
 
    this.speak(); 
 
} 
 

 
var foo = new Person();