jquery - 未捕获的类型错误 : append is not a function

Question

我想创建一个“人”数组并将它们记录到控制台。

这是我的代码:

$(document).ready(function () {
    function Person(firstName) {
        this.firstName = firstName;
        console.log('Person instantiated');
    }
    var people = new Array;
    people.append(new Person("Alice1"));
    people.append(new Person("Alice2"));
    people.append(new Person("Alice3"));
    people.append(new Person("Alice4"));

    for (var i = 0; i < people.length; i++) {
        console.log(people[i]);
    }
});

但是，控制台会输出以下内容:

main.js:4 Person instantiated
jquery-3.1.1.min.js:2 jQuery.Deferred exception: people.append is not a function TypeError: people.append is not a function
    at HTMLDocument.<anonymous> (http://localhost:8383/p5/js/main.js:7:8)
    at j (http://localhost:8383/p5/js/jquery-3.1.1.min.js:2:29948)
    at k (http://localhost:8383/p5/js/jquery-3.1.1.min.js:2:30262) undefined
r.Deferred.exceptionHook @ jquery-3.1.1.min.js:2
k @ jquery-3.1.1.min.js:2
jquery-3.1.1.min.js:2 Uncaught TypeError: people.append is not a function
    at HTMLDocument.<anonymous> (main.js:7)
    at j (jquery-3.1.1.min.js:2)
    at k (jquery-3.1.1.min.js:2)
(anonymous) @ main.js:7
j @ jquery-3.1.1.min.js:2
k @ jquery-3.1.1.min.js:2

我在主 js 文件之前初始化 HTML 文件中的 jquery.min.js，那么是什么原因导致的呢？

Answer 1

TypeError: people.append is not a function

意味着 append 不是 Array 方法，所以你应该使用 push 而不是将元素添加到数组中:

people.push(new Person("Alice1"));

希望这有帮助。

$(document).ready(function () {
  function Person(firstName) {
    this.firstName = firstName;
    console.log('Person instantiated');
  }
  var people = new Array;
  people.push(new Person("Alice1"));
  people.push(new Person("Alice2"));
  people.push(new Person("Alice3"));
  people.push(new Person("Alice4"));

  for (var i = 0; i < people.length; i++) {
    console.log(people[i]);
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>