如何在Javascript中用两个空对象初始化数组

Question

我正在制作一个角度控制器，需要用两个空对象初始化一个数组，以便屏幕上出现两条线，当单击 + 按钮时，我需要在数组中初始化一个新对象。我不确定如何去做。

这是我最好的尝试：

var myApp = angular.module('myApp', []);

myApp.controller('myController', ['$scope', '$q', function($scope, $q) {

    $scope.arr = [card('',''),card('','')];
    $scope.addLine = function(index){
        $scope.arr.push(card('',''));
    }
    $scope.removeLine = function(index){
        $scope.arr.splice(index, 1);
    }
}]);

function card(term, definition){
    this.term = term;
    this.definition = definition;
}

Answer 1

您需要使用关键字new 来创建card 的实例：

$scope.arr = [new card('',''), new card('','')];
//            ^                ^ See new keyword  
$scope.addLine = function(index){
    $scope.arr.push(new card('',''));
    //              ^ See new keyword
}

您还应该考虑始终将您的构造函数大写（这样您就可以表明它是一个构造函数：

new Card('', '');
function Card(...) {...}

您还可以通过检查instanceof 来消除new 关键字的需求：

// No need for new anymore:
var card = Card(1, 2, 3); 
console.log(card instanceof Card); // true
function Card(a, b, c) {
  if (!(this instanceof Card)) return new Card(a, b, c);
  this.a = a;
  this.b = b;
  // ...
}

Answer 2

[new card('',''), new card('','')]

source