Глобальный контекст (смена контекста)

[DivMan]

В этом коде, результат будет 81, это я понимаю

var x = 9;
var module = {
  x: 81,
  getX: function() { return this.x; }
};

module.getX();

Но почему, если метод getX указать ссылкой для переменной

var getX = module.getX

И потом вызывать эту переменную 

getX()

То x берётся из глобального объекта window, а не из объекта module? Почему так?

 

По идеи 

var getX = module.getX    это ссылка

var getX = module.getX()  а это присвоение и сразу вызов 

Почему меняется контекст?

 

Edited September 22, 2016 by DivMan

[wwt]

Передай нужный контекст

getX.call(module)

Ибо ты вызываешь метод по ссылке в глобальном контексте, и this уже указывает на него.

 

Ну или в самом методе используй module.x а не this.x

 

Можешь проверить

var x = 9;
var module = {
  x: 81,
  getX: function() { console.log(this); }
};
module.getX();// Object { x=81,  getX=function()}

var getX = module.getX
getX();// Window

 

[DivMan]

Я вызываю метод, который находится в объекте module.

this.x указывает на свойство x в этом объекте, если не найдёт, только потом выходит за свои пределы.

Но это же свойство есть, почему она его игнорирует? 

[wwt]

11 минуту назад, DivMan сказал:

Я вызываю метод, который находится в объекте module.

this.x указывает на свойство x в этом объекте, если не найдёт, только потом выходит за свои пределы.

Но это же свойство есть, почему она его игнорирует? 

Оно есть в контексте module, а не в контексте window

UPD ты вызываешь метод из глобального контекста через переменную глобального контекста, и this в этом случае будет указывать на глобальный контекст.

 

 

 

[DivMan]

Почему getX();// Window? 

Я никак понять не могу.

var getX = module.getX    это ссылка

var getX = module.getX() это ссылка и вызов 

[wwt]

http://javascript.ru/tutorial/object/thiskeyword

[DivMan]

Когда браузер видит вот это 

var getX = module.getX 

getX();

то он читает переменную getX и видит, то, что в ней есть объект module и указывается метод getX

getX возвращает this.x 

и потом смотрит, есть ли x в этом объекте, он есть и должен вернуть x в объекте module,

потом запускает getX()

но почему-то игнорирует x в module

[wwt]

9 минут назад, DivMan сказал:

Когда браузер видит вот это 

var getX = module.getX 

getX();

то он читает переменную getX и видит, то, что в ней есть объект module и указывается метод getX

Это ссылка на метод в объекте, а не на сам объект!!! Не видит он остального объекта module!

Хочешь ссылку на весь объект делай на весь

var m = module
m.getX();//81

 

[DivMan]

ссылается же на объект module

[DivMan]

Я просто не понимал, то, что то переменной var getX = module.getX; присваивается только метод getX, а остальное содержимое самого объекта module игнорируется