Как в этих примерах работает this?

Question

[Ingernirated]

Для чего использовать this?
Во втором примере, хоть мы и через this задали name, всё ровно выведет второе значение, которое после было просто без this задано name: "....";
В чём изюм this? Ведь мы и в первом примере могли задать просто name и canWalk и так же их после спокойно вызвать?

var animal = new function() {
  this.name = "Васька";
  this.canWalk = true;
};

function BigAnimal() {

  this.name = "Мышь";

  return { name: "Годзилла" }; 
}

alert( new BigAnimal().name )

Comments

[Дмитрий Беляев]

Имхо, но оба примера bad-practice, хотя и работают, но это скорее примеры как делать не надо

[Ingernirated]

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

[hufawoso]

Ingernirated: Пример чего?

[Дмитрий Беляев]

Ingernirated: не использовать new там где он не нужен, не делать return в конструкторе, а инлайнить конструктор - вообще бред
а хороший совет уже дал Алексей Ярков - использовать классы es2015, хоть и сахар, а всего этого сделать не позволит

[Ingernirated]

hufawoso: пример, почему так необходим this и того, что будет, если сделать туже запись без this

[Ingernirated]

Дмитрий Беляев: там снова употребление this, что, если я this не буду употреблять, чем это грозит?

Answer 1

[Алексей Ярков]

Во втором примере, хоть мы и через this задали name, всё ровно выведет второе значение

Ну ясен пень. Вы же явно, с помощью return сами и возвращаете.

Comments

[Ingernirated]

и зачем нам тогда в первом примере задавать названия через this, когда во втором показано, что и без this выдает без ошибок?

[Алексей Ярков]

Начните пользоваться классами и проблема отпадет )))

[Ingernirated]

Алексей Ярков: но там тоже употребляется this, почему без this нельзя?

[Алексей Скляров]

Ingernirated: попробуйте почитать про функции, как я понимаю вы не очень поняли в чем отличие функции, которая что-то делает, от функции, которая что-то возвращает.

Answer 2

[Мурадбек Ибрагимов]

Как вариант

var animal = function() {
  this.name = "Васька";
  this.canWalk = true;

this.sayHi = function () {
   alert("Hi " + this.name)
};
};


let a = new animal();

a.sayHi();

чтоб внутренние методы имели доступ к переменной

Answer 3

[Stalker_RED]

Подробности про this в js javascript.ru/tutorial/object/thiskeyword