javascript - 返回 undefined object

Question

如果我调用查找函数 APP.count() 一切正常，我会得到正确的结果，但是当我调用 APP.add() 时，我得到 this.basket is undefined。我不明白为什么会发生这种情况？

var APP = (function() {

  var
    basket = [
      { id: 100, price: 10, description: '', name: 'item one', quantity: 10, url: '' },
      { id: 200, price: 20, description: '', name: 'item two', quantity: 15, url: '' }
    ],

    find = function(item) {
      for(var i = 0; i < this.basket.length; i++) {
        if(this.basket[i].id === item) {
          return i
        }
      }
      return null
    },

    add = function(item) {
      var itemFound = find(item)
    },

    count = function() {
      var total = 0;
      for(var i = 0; i < this.basket.length; i++) {
        total = total + this.basket[i].quantity
      }
      return total
    };

  return {
    basket: basket,
    find: find,
    add: add,
    count: count
  };

})();

 APP.count()      /* works */
 APP.add()        /* returns this.basket as undefined */

Answer 1

问题来自find(item)的调用在 add功能。

调用find这样的函数不会使用 APP 的上下文对象为this ，所以this.basket将是未定义的。

您可以检查当前上下文是什么 this用一个简单的console.log(this)

所以如果你想调用find APP上下文中的函数，在add您需要调用的函数 this.find(item)