Super_Saimon

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

Рекомендованные сообщения

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

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

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

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

 

 

Изменено пользователем andrey7287

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Похожие публикации

    • Автор: WebNewbe
      Здравствуйте. Я занимаюсь версткой сайтов: лендингов, интернет-магазинов, флаеров и тп. Ищу работу, для набора опыта и заработка первых денег на данной позиции.

       Мое портфолио:
      https://alex2033.github.io/sites/BlackDone/index.html
      https://alex2033.github.io/sites/Sandeo/index.html
      https://alex2033.github.io/sites/Barbershop/index.html
      https://alex2033.github.io/sites/Skylith/index.html
      https://alex2033.github.io/sites/Unicorn/index.html
      https://alex2033.github.io/sites/Bouncy/index.html
      Остальные работы вы можете посмотреть здесь:
      https://alex2033.github.io/
      Навыки:
      - Знание HTML5, CSS3
      - Опыт адаптивной, семантической, кроссбраузерной верстки
      - CSS3 анимация
      - знания Javascript на уровне jQuery
      - Использование препроцессоров LESS/SASS/Stylus + Pug
      - Опыт работы в Adobe Photoshop, Illustrator, Zeplin, Avocode
      - Именование классов по методологии БЭМ-нейминг
      - Gulp, npm, bower
      - Умение работать с сетками (bootstrap 3+, foundation, flexboxgrid)
      - Умение работать с фреймворками bootstrap 3, 4, foundation
      - Знание английского на уровне чтения документации
      - Навык работы с векторной графикой SVG
      - Умение использовать flexbox, css-grid там где это необходимо
      Форма связи:
      Email - XoxlofAlexandr@yandex.ru - преимущественно
      Skype - Xronaliz
      Также можете написать на этом сайте
      Благодарю за внимание и хорошего дня:)
    • Автор: nere
      Всем добрый день! Занимаюсь 2 месяца fron end программированием, до этого писал на PHP, сейчас за несколько дней сделал тестовое задание - toDo лист с авторизацией(разные аккаунты - разные задачи), удалением, добавлением, редактированием задач, а также с подробной страницей задачи. Все это сделал на react/redux/. Скажите, на какую зп можно рассчитывать? (регион). Спасибо!
    • Автор: Normand
      Имею в наличие багаж знаний верстки а точнее в Html5 Css3 и Javascript и для успешного дебюта в карьере необходим опыт, поэтому я готов верстать Landing cтраницы за дешево либо же за хороший отзыв на сайте Freelancer.
      Для связи со мной пишите в телеграмм или же в скайп
      Telegram - @glacius74
      Skype - snowman3533

Карта разработчиков

Карта участников

Отметь себя на карте для поиска или предложения работы