В чем разница при выполнении скрипта в jsfiddle & chromeDebug

[Super_Saimon]

Добрый день! Имею вот такой самый простенький пример, но который загнал меня в тупик: https://jsfiddle.net/9n73ro76/  Разбирал работу указателя this. И сама суть вопроса в том, что в jsfiddle  результат undefinied, а в chrome искомое значение -  600 и undefinied. Я в упор не пойму в чем разница... Извиняюсь за столь примитивный вопрос, но пол дня потратил на понимание и силы уже иссякли на сей процесс))) 

[Switch74]

возможно вам поможет https://jsfiddle.net/9n73ro76/1/ чтобы понять суть this, но вот почему через debгug работает именно так, тут я вам не подскажу. Возможно это из-за другого контекста выполнения скрипта. А вывод undefined в консоле - это то что возвращает ваша функция, если вы в нее добавите return, то будет выводить то, что вы напишете.

[andrey7287]

Вы задаёте  в глобальном контексте var, соответственно записываете её непосредственно в window. То же самое что написать window.width = 600.  chrome отрабатывает ожидаемым образом, то есть возвращает 600, так как this тут ссылается на window.

В jsfiddle же используется immediately invoked function по этому переменная не записываться в глобальный контекст. Используйте этот паттерн, и получите ровно такой же результат в chrome
 

(finction(){
"use strict" 
//тут код
}());

 

 

Edited January 11, 2018 by andrey7287

[Super_Saimon]

Спасибо за пояснение и потраченное время! Странный какой-то пример в книге))) Заставил поломать голову)))