「獲取」不工作

Question

function User() { 
    this.firstname = null; 

    get getFirst() { 
     return this.firstname; 
    } 
} 

JavaScript控制檯給了我一個錯誤說「意外標識符」上線12

var Jake = new User(); 
Jake.firstname = "Jake"; 
document.write(Jake.getFirst); 

Answer 1

get意在對象中調用，而不是一個函數的構造。如果你想聲明getFirst作爲User的函數，那麼這裏就是你可以做這件事：

function User() { 
    this.firstname = null; 
    this.getFirst = function() { 
     return this.firstname; 
    } 
} 

然後，你還需要調用getFirst作爲一個功能：

var Jake = new User(); 

Jake.firstname = "Jake"; 

document.write(Jake.getFirst()); 

Answer 2

我相信問題在於你使用的是get，而不是documentation中概述的對象字面值。

var User = { 
    firstName: 'Darren', 
    get getFirst() { return this.firstName; } 
} 

alert(User.getFirst); 

https://jsfiddle.net/ecao51n0/

Answer 3

這只是不能用來定義一個getter的語法。你會使用它的對象字面，像這樣：

var foo = { 
    get bar() { 
     return 42; 
    } 
}; 

foo.bar; // 42 

...但是這不是你的地方是get。

要定義它放在你的get是，你會使用defineProperty：

function User() { 
    this.firstname = null; 

    Object.defineProperty(this, "first", { 
     get: function() { 
      return this.firstname; 
     } 
    }); 
} 

注意我把它叫做first，不getFirst，因爲它是一個存取功能，它看起來像一個直接財產訪問等傳統不是一個動詞形式給出一個名字：

var u = new User(); 
u.firstname = "Paul"; 
u.first; // "Paul" 

如果你想創建一個名爲getFirst功能，剛剛擺脫了get關鍵字：

this.getFirst = function() { 
    return firstname; 
}; 
// ... 
var u = new User(); 
u.firstname = "Paul"; 
u.getFirst(); // "Paul"