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

資源