Зачем в данном примере this, если с именем обьекта тоже работает?

Question

[Ingernirated]

Какая разница, писать название обьекта или this?
И где реальное применение this, где без this вообще никак?

var arr = {
	"name" : "Stive",
	"age" : 29,
	"all" : function() {
		return arr.name + " " + arr.age;
	}
};

var arr = {
	"name" : "Stive",
	"age" : 29,
	"all" : function() {
		return this.name + " " + this.age;
	}
};

Answer 1

[myspace]

в обоих случаях вы сразу создаете экземпляр объекта и arr.name является статикой. Если например юзать конструктор

function Human(name) {

            Human.country = 'USA';
            this.name = name;
            console.log('Имя: '+this.name);
            console.log('Страна: '+Human.country);

        }

        let vasya = new Human('Вася');
        let maria = new Human('Маша');

Comments

[Ingernirated]

странный результат выдал ваш код
РРјСЏ: ВасяРРјСЏ: Маша
что пошло не так?

[myspace]

если в браузере выполняете, может что с кодировкой.

[Ingernirated]

myspace: точняк, что случилось с хромом?
в яндексе вы нормально

[myspace]

Ingernirated: кодировка не установилась автоматически наверно

Answer 2

[Сергей Соколов]

В вашем примере разницы нет и this удобнее только тем, что при переименовании "arr" не придётся ещё две замены делать.

Хотя, если дальше вы используете наследование, то разница принципиальна. Например, создать новый объект, используя arr как прототип:

var arr = {
  "name" : "Stive",
  "age" : 29,
  "all" : function() { return this.name + " " + this.age; }
};
var b = Object.create(arr);
b.name = "Bill";
b.age = 39;
b.all();

С this в arr код для b выполнится нормально и вернёт "Bill 39", а если в arr вместо this было прямое указание на arr, то вернёт "Stive 29".

Answer 3

[Сергей delphinpro]

где без this вообще никак?

function Arr() {
  this.name = "Stive",
  this.age = 29,
  this.all = function() {
    return this.name + " " + this.age;
  }
};

var arr = new Arr();
console.log(arr.all());

Comments

[Ingernirated]

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

[Сергей delphinpro]

Ingernirated: не изобретайте каких-то своих толкований =)
this - это ссылка на текущий контекст