JavaScript：使用由函数返回的对象而没有对象的对象

Question

我是JavaScript / jQuery的新手。 想知道是否有更好的方法可以通过函数返回对象。

//this is the Object creator.
function makeNewPlayer(name, score) {
    var player = {};
    player.name = name;
    player.score = score;

    return player;
};

这就是我使用该功能的方式。

var player_info = makeNewPlayer('Bob' ,100);

但是，当我使用对象时，我需要这样调用它：

player_info.player.name
player_info.player.score

看起来很愚蠢，有什么办法像这样直接使用对象吗？

player_info.name
player_info.score

编辑：

我不知道该函数将创建多少个对象。 假设有一个for循环可以使score_1，score_2等。

function makeNewPlayer(name, score) {
    var player = {};
    player.name = name;

    for(i=0, i<number_of_score, i++){
        eval("player.score_" + i) = score[i];
    };

    return player;
};

Answer 1

您可以使用破坏分配来声明全局或局部范围的变量

 //this is the Object creator. function makeNewPlayer(name, score) { var player = {}; player.name = name player.score = score return player; }; var player_info = makeNewPlayer("Bob", 100); { let {name: _name, score} = player_info; // do stuff with `_name`, `score` console.log(_name, score); } 

Answer 2

function makeNewPlayer(name, score) {
   return {name, score};
};

let players = [];
// in for loop -- sample code only, you need to supply name & score
{
   players.push(makeNewPlayer(name, score));
}

Answer 3

除了“ Bob”应该用引号引起的事实外，它对我来说还不错。

var player_info = makeNewPlayer('Bob', 100);

然后我可以像这样正常访问它：

player_info.name
player_info.score

Answer 4

使用new 。

我从博客中复制了一些文字，以解决您的疑问：

构造函数是用于创建对象的特殊函数：

例：

function StarkIndustries(name, birth) {
  this.name = name;
  this.birth = birth;
}
var iron1 = new StarkIndustries('iron01', 2017);
var iron2 = new StarkIndustries('iron02', 2017);
alert(iron1.name);
alert(iron2.name);

结果：

iron01
iron02

通过在函数之前添加new，该函数将变成构造一个对象的构造函数。

但是调用一个没有构造函数的构造函数是很危险的，因为它将修改全局对象window 。 因此，需要在构造函数中进行完整性检查：

if (!(this instanceof StarkIndustries)) {
  warn("StarkIndustries is a constructor and should be called with `new`");
}

回到您的代码，它应该是：

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

var iron1 = new makeNewPlayer('iron01', 2017);

Answer 5

您可以在函数内部使用临时构造函数：

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

  return new Player(name, score);
}

您也可以使用外部函数代替嵌套函数。

Answer 6

在不更改功能的情况下，我能够以所需的方式获得输出

player_info.name
player_info.score

查看下面的代码段

 //this is the Object creator. function makeNewPlayer(name, score) { var player = {}; player.name = name player.score = score return player; }; var player_info = makeNewPlayer("Bob", 100); console.log(player_info.name); console.log(player_info.score);