Каковы преимущества использования ключевого слова «это»?

Question

Следующий код:

var cody = { 
    living:true, 
    age:23, 
    gender:'male', 
    getGender:function(){return cody.gender;} 
}; 

такая же, как:

var cody = { 
    living:true, 
    age:23, 
    gender:'male', 
    getGender:function(){return this.gender;} 
}; 

Оба кода получения идеальной ту же цель. Единственная разница - это обмен cody с ключевым словом . В чем преимущества использования ключевого слова этого в Javascript? Повышает ли производительность? можем ли мы игнорировать его в ООП?

Answer 1

«это» ключевое слово используется для обозначения текущего исполнения контекст или объект кода в Это полезно, если вы хотите, чтобы определить тип объекта ака класса, например людей:.

var Person = function(name, living, age, gender) { 
    this.name = name; 
    this.living = living; 
    this.age = age; 
    this.gender = gender; 
    this.getGender = function(){return this.gender}; 
}; 

var cody = new Person('Cody', true, 23, 'male'); 
var john = new Person('John', true, 25, 'male'); 

Это позволяет использовать «новый» K eyword для создания нескольких уникальных экземпляров Person со своими собственными значениями. Таким образом, на линии var cody = new Person('Cody', true, 23, 'male'); «это» относится к коди var и на следующей строке относится к john var. В вашем коде «это» относится к вашему коду var, потому что он находится внутри объекта cody, но это не обязательно, потому что вы не создаете новые коды с собственными значениями.

Answer 2

this относится к текущему экземпляру рассматриваемой структуры. Например, следующий будет терпеть неудачу:

var cody = { 
    living:true, 
    age:23, 
    gender:'male', 
    getGender:function(){return cody.gender} 
}; 
var codyCopy = cody; 
cody = "foobar"; 
//undefined 
alert(codyCopy.getGender()); 

Однако использование this не будет, потому что это правильно относится к codyCopy:

var cody = { 
    living:true, 
    age:23, 
    gender:'male', 
    getGender:function(){return this.gender} 
}; 
var codyCopy = cody; 
cody = "foobar"; 
//male 
alert(codyCopy.getGender());