Что делает return this?

Question

[Марик Цукор]

Весь код, за исключением return this;, я понимаю. Но мне не понятна суть самостоятельного this, даже если вместо него подставить Person. this.name, например, понятен, но что значит вернуть сам объект? ведь возвращается не сам объект, а то свойство, которое мы вызвали. Поясните, пожалуйста, доступным языком.

var Person = {
	constructor: function(name, age, gender) {
		this.name = name;
		this.age = age;
		this.gender = gender;
		return this;
	},
	greet: function() {
		console.log('Hi! My name is ' + this.name);
	}
};

var person = Object.create(Person).constructor('Bill', 32);

// Например, вызываем свойство name.
console.log(person.name); // Bill

Comments

[copal]

Возвращает объект Person. Лучше используйте class из es6, не придется писать такой ерунды.

[copal]

В Вашем случаи constructor это просто функция и если присвоить результат её вызова, то в свойстве person сохранится undefined, так как ничего не возвращено.

[Марик Цукор]

copal: я понял. но понял сам) это условно происходит все. объект вернул то, что я вызвал, а вызвал я name)

[Марик Цукор]

copal: а вообще вроде Object.create это новый стандарт ec5, не пойму, почему он ерунда)

[copal]

BeriaFantom: потомучто придется руками писать return в конструкторе, да и Object.create дольше писать чем new. А ещё конструктор вызывать вручную... Это прошлый век.

[Марик Цукор]

copal: скажите пожалуйста, к чему относится в этом случае this? к Person или к webDeveloper?

webDeveloper.method = function(name, age, skills) {
Person.method.apply(this, arguments);
this.skills = skills;
return this;
}

Answer 1

[Даниил Игоревич]

Если издалека, то в this.method() this - объект, в контексте которого вызывается method(), а this без методов и свойств - просто объект(ссылка на него)

var obj = {
  name: 'Вася',
  age: 30,
  method: function() {
    return this; // здесь this является obj
  }
}
var b = obj.method();
alert(b.name); //Вася

Comments

[Марик Цукор]

абстрактно все, хотя понимаю.

[Dark Hole]

Странно. У меня ничего такого не пишется, но все работает

[Даниил Игоревич]

Dark Hole: что не пишется?

[Dark Hole]

Даниил Ораин: return this. В библиотеках

Answer 2

[bernex]

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

Если изучить это, сразу станет понятнее.

function plus() {
	return this.a;
}

var obj = {a:3};

alert(plus()); // undefined - не задано

var result = plus.call(obj) // вызываем в контексте определенном.

alert(result)   // => 3

Причем если это функция, this = windows окна, если в классе, то prototype его(новый объект).
demo.someFunction(params) => тут this = demo

Answer 3

[Dark Hole]

Ну... это вообще - то не нужно. А так он возвращает контекст(т.е. через кого функция вызывалась). Если интересно, читайте про области видимости