Функция в JavaScript Object

Question

var stack_1 = 
     { 
      sp: 10, 
      stk: new Array(10), 

      push: function (v) 
      { 
      sp = sp - 1; 
      stk[sp] = v; 
      } 
    } 

Вопрос:

Эта программа не работает. Потому что нам нужно написать «this.sp» и т. Д. Я не понимаю, зачем нам писать «this.sp», если функция полностью принадлежит «stack_1».

Answer 1

Потому что this относится к текущему объекту, то есть stack_1 в вашем примере. И sp, stk - свойства stack_1, но не функции push. Вот почему вам нужно использовать this.sp, чтобы обозначить, что вы используете sp объект stack_1.

Так работает JavaScript.

Answer 2

Контекст чаще всего определяется тем, как вызывается функция. Когда функция вызывается как метод объекта, this устанавливается на объекте метод вызывается, например:

var obj = { 
foo: function(){ 
    alert(this === obj);  
} 
}; 

obj.foo(); // true 

Answer 3

sp и stk не являются переменными, они свойства объекта. И свойства должны быть доступны относительно конкретного объекта.

Вы можете изменить функцию для использования stack_1.sp и stack_1.stk, чтобы получить доступ к свойствам этого объекта.

Или вы можете использовать this.sp и this.stk. Когда вы используете this, вы должны вызвать функцию как stack_1.push(), потому что специальная переменная this устанавливается автоматически только при вызове функции относительно определенного объекта.

Это может показаться излишним для вашего простого случая, но имеет смысл, когда вы используете прототипы или наследование. В этом случае несколько объектов могут совместно использовать одну и ту же функцию, и ей нужно знать, к какому объекту работать. Механизм установки this во всех случаях одинаковый.

Answer 4

одна вещь, которую стоит отметить, что вы можете изменить контекст/this внутри функции настройки его явно с call или apply:

var stack_1 = { 
 
    sp: 10, 
 
    stk: new Array(10), 
 

 
    push:function (v) { 
 
    this.sp = this.sp - 1; 
 
    this.stk[this.sp] = v; 
 
    console.log(this) 
 
    } 
 
} 
 

 
var stack_2 ={ 
 
    sp: 22, 
 
    stk: new Array(20) 
 
} 
 

 
stack_1.push(42) 
 
console.log(stack_1.stk) 
 

 
stack_1.push.call(stack_2,55) 
 
console.log(stack_2.stk)