JavaScript: hàm trả về một đối tượng

Question

Tôi đang tham gia một số bài học JavaScript/jQuery tại codecademy.com. Thông thường các bài học cung cấp câu trả lời hoặc gợi ý, nhưng đối với bài học này, nó không đưa ra bất kỳ sự trợ giúp nào và tôi hơi bối rối bởi các hướng dẫn.

Nó nói để làm cho hàm makeGamePlayer trả về một đối tượng có ba khóa.

//First, the object creator 
function makeGamePlayer(name,totalScore,gamesPlayed) { 
    //should return an object with three keys: 
    // name 
    // totalScore 
    // gamesPlayed 
} 

Tôi không chắc chắn nếu tôi nên làm điều này

//First, the object creator 
function makeGamePlayer(name,totalScore,gamesPlayed) { 
    //should return an object with three keys: 
    // name 
    // totalScore 
    // gamesPlayed 

     this.name = name; 
     this.totalScore = totalScore; 
     this.gamesPlayed = gamesPlayed; 
} 

hoặc một cái gì đó như thế này

//First, the object creator 
    function makeGamePlayer(name,totalScore,gamesPlayed) { 
     //should return an object with three keys: 
     // name 
     // totalScore 
     // gamesPlayed 

     var obj = { 
      this.name = name; 
      this.totalScore = totalScore; 
      this.gamesPlayed = gamesPlayed; 
      } 
    } 

Tôi có để có thể sửa đổi các thuộc tính của đối tượng sau khi nó tạo.

Answer 1

Trong JavaScript, hầu hết functions đều callable và instantiable: họ có cả một [[Call]] và [[Construct]] phương pháp nội bộ.

Là đối tượng có thể gọi, bạn có thể sử dụng dấu ngoặc đơn để gọi cho chúng, tùy ý chuyển một số đối số. Do cuộc gọi, chức năng có thể return a value.

var player = makeGamePlayer("John Smith", 15, 3); 

Mã cuộc gọi trên hoạt makeGamePlayer và lưu trữ các giá trị trả về trong biến player. Trong trường hợp này, bạn có thể muốn xác định các chức năng như thế này:

function makeGamePlayer(name, totalScore, gamesPlayed) { 
    // Define desired object 
    var obj = { 
    name: name, 
    totalScore: totalScore, 
    gamesPlayed: gamesPlayed 
    }; 
    // Return it 
    return obj; 
} 

Thêm vào đó, khi bạn gọi một chức năng bạn cũng đang đi qua một cuộc tranh cãi thêm dưới mui xe, trong đó xác định giá trị của this bên trong hàm. Trong trường hợp trên, vì makeGamePlayer không được gọi là phương thức, giá trị this sẽ là đối tượng toàn cục ở chế độ cẩu thả hoặc không được xác định ở chế độ nghiêm ngặt.

Là nhà thầu, bạn có thể sử dụng new operator để khởi tạo chúng. Toán tử này sử dụng [[Construct]] phương pháp nội bộ (chỉ có sẵn trong nhà thầu), mà làm điều gì đó như thế này:

1. Tạo một đối tượng mới mà thừa hưởng từ .prototype của các nhà xây dựng
2. kêu gọi các nhà xây dựng đi qua đối tượng này như this giá trị
3. Nó trả về giá trị được trả về bởi hàm tạo nếu đó là đối tượng hoặc đối tượng được tạo ở bước 1 nếu không.

var player = new GamePlayer("John Smith", 15, 3); 

Đoạn mã trên tạo ra một thể hiện của GamePlayer và lưu trữ các giá trị trả về trong biến player. Trong trường hợp này, bạn có thể muốn xác định các chức năng như thế này:

function GamePlayer(name,totalScore,gamesPlayed) { 
    // `this` is the instance which is currently being created 
    this.name = name; 
    this.totalScore = totalScore; 
    this.gamesPlayed = gamesPlayed; 
    // No need to return, but you can use `return this;` if you want 
} 

Theo quy ước, tên constructor bắt đầu với một ký tự hoa.

Lợi thế của việc sử dụng hàm tạo là các phiên bản kế thừa từ GamePlayer.prototype. Sau đó, bạn có thể định nghĩa các thuộc tính đó và làm cho họ có sẵn trong tất cả các trường

Answer 2

Bạn chỉ có thể làm điều đó như thế này với một object literal:

function makeGamePlayer(name,totalScore,gamesPlayed) { 
    return { 
     name: name, 
     totalscore: totalScore, 
     gamesPlayed: gamesPlayed 
    }; 
} 

Answer 3

tôi sẽ có những hướng dẫn để có nghĩa là:

function makeGamePlayer(name,totalScore,gamesPlayed) { 
     //should return an object with three keys: 
     // name 
     // totalScore 
     // gamesPlayed 

     var obj = { //note you don't use = in an object definition 
      "name": name, 
      "totalScore": totalScore, 
      "gamesPlayed": gamesPlayed 
      } 
     return obj; 
    } 

Answer 4

Cả hai phong cách, với một chút tinh chỉnh, sẽ làm việc.

Phương pháp đầu tiên sử dụng Trình xây dựng Javascript, giống như hầu hết mọi thứ đều có ưu điểm và nhược điểm.

// By convention, constructors start with an upper case letter 
function MakePerson(name,age) { 
    // The magic variable 'this' is set by the Javascript engine and points to a newly created object that is ours. 
    this.name = name; 
    this.age = age; 
    this.occupation = "Hobo"; 
} 
var jeremy = new MakePerson("Jeremy", 800); 

Mặt khác, phương pháp khác của bạn được gọi là 'Mô hình đóng cửa tiết lộ' nếu tôi nhớ chính xác.

function makePerson(name2, age2) { 
    var name = name2; 
    var age = age2; 

    return { 
    name: name, 
    age: age 
    }; 
}