передача this.

[caetus]

var obj = {
	value:1,
	fn: function() {

		(function(){
			this.value = 223;
		}).call(this);
	}
}

obj.fn();
console.log(obj.value)
var start = +new Date();

for(var i = 0; i < 2000000; i++) {
	obj.fn();
	if(i == 1999999) console.log(+new Date() -start)
}

call(this) быстрее чем передача this через переменную, в crhome на 100 мс.
apply медленнее на 200 за call.
bind медленнее всех больше чем 100 раз.

задаюсь вопросом почему в скриптах часто встречаю передачу через переменную that .


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

[Erolast]

задаюсь вопросом почему в скриптах часто встречаю передачу через переменную that .

Как ты собираешься использовать call в ситуации с коллбеками?

[dobryk]

fn: function() {
04
 
05
        (function(){
06
            this.value = 223;
07
        }).call(this);
08
    }

for(var i = 0; i < 2000000; i++) {
    obj.fn();
    if(i == 1999999) console.log(+new Date() -start)
}

в топку такие тесты, ты не передачу

call(this) быстрее чем передача this через переменную, в crhome на 100 мс.
apply медленнее на 200 за call.
bind медленнее всех больше чем 100 раз.

сравниваешь, а сравниваешь оптимизации хрома, поскольку при каждом вызове ты создаешь функцию какая оптимизируется движком хрома, либо не оптимизируется в зависимости от применяемого метода http://habrahabr.ru/post/154537/

[Erolast]

а сравниваешь оптимизации хрома

В FF все точно так же.

[caetus]

var obj = {
	val: 1,
	fn: function (callback) {
		return callback.call(this);
	}
}

например так

[caetus]

в ie8 call медленнее на 100мс ,при затрате на вызов функции 2 ляма раз.

[dobryk]

В FF все точно так же.

написал же что сравнивает не передачу this а время создания и выполнения анонимной функции
различными методами, какие занимают разное время априори

а сравниваешь оптимизации хрома, поскольку при каждом вызове ты создаешь функцию какая оптимизируется движком хрома, либо не оптимизируется в зависимости от применяемого метода

что тебе не ясно то из написанного?

а чтоб сравнивать передачу this:

16
    obj.fn();

здесь нужно использовать call, apply или забинженую функцию

[Erolast]

var obj = {
val: 1,
fn: function (callback) {
return callback.call(this);
}
}

например так

Что? Это аналогично простому вызову без call:

var obj = {
    val: 1,
    fn: function (callback) {
        return callback();
    }
}

Я имел в виду такое:

var storage = {
  getData: function() {
    var that = this;
    $.get("data.php", function(response) {
      that.data = response;
    }
  }
}

[caetus]

да тут никак не передать , я тебе говорю про код с замыканиям , часто передают this через переменную , как на меня передача через call более
читаемо !

[Erolast]

Более читаемо - это использовать ES6.

var obj = {
  method() {
    (() => {
      var x = 10;
      console.log(this == obj); //true
    })();
    console.log(typeof x); //undefined
  }
}

Или даже так:

var obj = {
  method() {
    {
      let x = 10;
      console.log(this == obj); //true
    }
    console.log(typeof x); //undefined
  }
}