Как я могу ссылаться на свойство `this` внутри метода` this`?

Question

прилагаю services свойство this:

function Client(){ 
    this.services = { 
     'propertyName' : {} 
    }; 

, а затем добавить метод this, в котором мне нужно ссылаться на services свойство экземпляра client:

function Client(){ 
    this.services = { 
     'propertyName' : {} 
    }; 
    this.someMethod = function() { 
     if (this.services['propertyName']) { 
      //do something 
     } 
    } 
} 

var clientName = new Client(); 

Но this.services - line 6 является не определено. Как использовать свойство, присвоенное this, в методе, присвоенном this? Похоже, что должен быть, потому что к моменту, когда этот метод вызывается конструктором, для объекта будет существовать свойство services. Это ограничение языка? Является ли это возможным? Должно быть?

Answer 1

Но this.services - строка 6 не определена.

Это будет зависеть исключительно от , как вы называетеsomeMethod. Если вы называете это так:

clientName.someMethod(); 

... это будет хорошо, потому что this внутри вызова будет объект, созданный new Client, что вы разместили services собственность на. Но в JavaScript this не является фиксированной вещью с нормальными функциями, она задается как вы звоните функция. Итак:

var f = clientName.someMethod; 
f(); 

... потерпит неудачу, потому что this не будет объект, который вы ожидаете. (Это не относится к новой «стрелка» функций ES6, который получают this откуда они определены, не так, как они называются.)

Вы в основном видим это, когда функции используются в качестве обратных вызовов:

doSomething(clientName.someMethod); 

... потому что doSomething не знает, какой объект использовать как this.

Вы можете это исправить с помощью Function#bind:

doSomething(clientName.someMethod.bind(clientName)); 

или аналогичным образом:

var f = clientName.someMethod.bind(clientName); 
f(); 

Function#bind создает новую функцию, которая при вызове будет вызывать оригинал this набора аргументу вас дай это.

---

Просто плоть мою ES6 комментарий выше: В ES6, если у вас:

function Client(){ 
    this.services = { 
     'propertyName' : {} 
    }; 
    this.someMethod =() => {     // <== ES6 "arrow" function 
     if (this.services['propertyName']) { 
      //do something 
     } 
    } 
} 

... это не имеет значения, как вы назвали someMethod, this бы, что это такое, где Эта функция была Создано. В. удобно.:-)