如何在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('','')]

资源