javascript中的对象语法

Object syntax in javascript

本问题已经有最佳答案，请猛点这里访问。

我正在学习的这本书说下面的代码正在创建一个对象，但我不确定它是如何工作的。第二部分代码是我从在线教程中学到的另一种方式。但有什么区别？
我本人试图对此进行研究，但对所有这些以及我不理解的一些解释都是新手。使用每一个都有优点/缺点吗？提前致谢。

1
2
3
4
5
6
7

function Player (name , score , rank)
{
this.name = name ;
this.score = score ;
this.rank = rank ;
}
var playerOne = new Player ("Craig" , 199 ,"1st" ) ;

以下是我以前做过的方式;

1 2	var playerOne = {name:"Craig" , score: 199 , rank:"1st"} ; var playerTwo = {name:"Tohny" , score: 155522 , rank:"2nd"} ;

主要区别在于第一个在其"原型链"中将有一个额外的对象。原型链是您在JavaScript中继承的方式。

因此，您可以扩展该对象，并且从Player构造函数创建的所有对象都将继承这些项。

1
2
3
4
5
6
7
8
9
10
11
12

function Player (name , score , rank)
{
this.name = name ;
this.score = score ;
this.rank = rank ;
}

Player.prototype.getNameRank = function() {
return this.name +":" + this.rank;
};

var playerOne = new Player ("Craig" , 199 ,"1st" ) ;

所以现在playerOne对象将继承getNameRank()方法，而使用对象文字语法创建的其他对象将不受影响。

1
2
3

var nr = playerOne.getNameRank();

console.log(nr); // Craig:1st

您在JavaScript中创建的所有(最常见的)对象都将继承自Object.prototype对象。第二个示例中的对象文字语法具有该对象，并且只有该对象位于原型链中。

构造函数中的对象首先具有Player.prototype，然后是Object.prototype。