Объект, возвращающийся как undefined

Question

Если я вызываю функцию find APP.count(), все в порядке. Я получаю правильный результат, но когда я вызываю APP.add(), я получаю this.basket не определено. Я не понимаю, почему это происходит?

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 функцию с контекстом АРР, в функции add вам нужно вызвать this.find(item)

Answer 2

Hi вопрос с ссылкой это при вызове метода поиска с помощью оных()

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

это ключевое слово имеет в виду объект окна

попробовать с этим ниже исполняемый код

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 = this.find(item) //changed 
 
     return itemFound;    //changed 
 
    }, 
 

 
    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 
 
    }; 
 

 
})();