Метод call и this

[DivMan]

Почему через точку не работает?

 

var user = {
firstName: "Василий",
surname: "Петров",
patronym: "Иванович"
};

function showFullName(firstPart, lastPart) {
alert( this.firstPart + " " + this.lastPart );
}


showFullName.call(user, 'firstName', 'surname') // "Василий Петров"
showFullName.call(user, 'firstName', 'patronym') // "Василий Иванович"

А вот так работает

function showFullName(firstPart, lastPart) {
alert( this[firstPart] + " " + this[lastPart] );
}

Edited March 22, 2016 by DivMan

[Николя223]

а почему это должно работать? 
this."firstPart"

[DivMan]

здесь же работает

 

function showFullName() {
  alert( this.firstName + " " + this.lastName );
}

var user = {
  firstName: "Василий",
  lastName: "Петров"
};

// функция вызовется с this=user
showFullName.call(user) // "Василий Петров"

 

Edited March 22, 2016 by DivMan

[DivMan]

А чем отличается call от callee?

[svarog96]

Через точку не работает потому, что вы пытаетесь получить доступ к значению свойства объекта заданного через переменую.

то есть фактически получается так:

 1)  firstPart  =  user.firstName

2)  this.firstPart

2 - неправильно т.к. доступ к значению св-ва заданного через переменную осуществляется ТОЛЬКО через [ ];

16 час назад, DivMan сказал:

здесь же работает

 

function showFullName() {
  alert( this.firstName + " " + this.lastName );
}

var user = {
  firstName: "Василий",
  lastName: "Петров"
};

// функция вызовется с this=user
showFullName.call(user) // "Василий Петров"

 

здесь доступ к значению свойства осуществляется напрямую. Функция showFullName() выполняется в контексте объекта user.

замените this на user и получите прямой доступ к значению свойства.

Edited March 23, 2016 by svarog96

[Int]

https://otvet.mail.ru/question/188719240
Ответили же уже

[DivMan]

Почему не складываются аргументы?

let o = {
    origin: 100
}
 
function sum(){
    let megaFunc = function(){
        let origin = this.origin;
     
        for(var i =0; i < arguments.length; i++){
            origin += arguments[i]
}
        return origin
    }
     
    return megaFunc.call(o)
}
 
console.log(sum.call(o, 2,3))

 

[Igor Schnaider]

let o = {
    origin: 100
};
 
function sum(){
  const args = arguments;

  let megaFunc = function(){
    let origin = this.origin;
     
    for (var i = 0; i < args.length; i++) {
      origin += args[i];
	}

    return origin;
  };
     
  return megaFunc.call(o);
}
 
console.log(sum.call(o, 2, 3));