Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 122
Не надо никого бить. Используйте this в конструкторах, и будет вам счастье.
Прибавлю к этому совет использовать самовызывающийся конструктор Джона Резига, а не то кто-нибудь непременно вызовет конструктор в качестве простой функции, и из этого не выйдет никакого добра.
Позволю с Вами не согласится.
Не стоит потакать забывчивости разработчиков.
Такой код
Вывалится со вполне понятной и правильной ошибкой
или
, или
Конечно для тех проектов, где невозможно использовать strict mode, самовызывающийся конструктор Джона Резига хорошее решение. Но я просто хочу сказать, что это не является панацеей и я бы не сказал, что это best practics.
Не стоит потакать забывчивости разработчиков.
Такой код
(function(){
"use strict";
/** @constructor */
function test(){ this.lol = 1 };
test();
})()
Вывалится со вполне понятной и правильной ошибкой
TypeError: Cannot set property 'lol' of undefinedили
TypeError: this is undefined, или
Unhandled Error: Cannot convert 'this' to objectКонечно для тех проектов, где невозможно использовать strict mode, самовызывающийся конструктор Джона Резига хорошее решение. Но я просто хочу сказать, что это не является панацеей и я бы не сказал, что это best practics.
Идея оператора new мне кажется лишней. В чем его смысловая нагрузка? В том, что мы возвращаем объект? Ну вот, пожалуйста, тоже возвращаем объект: function Lol() { return $('.lol'); }
Поэтому непонятно, почему перед одними функциями нужно писать new, а перед другими нет. Конструктор Резига позволяет убрать это различие. Дело не в забывчивости, а в том, чтобы быть последовательным.
Сам я подолжаю писать new, потому что лень добавлять по несколько строк в каждый конструктор.
Поэтому непонятно, почему перед одними функциями нужно писать new, а перед другими нет. Конструктор Резига позволяет убрать это различие. Дело не в забывчивости, а в том, чтобы быть последовательным.
Сам я подолжаю писать new, потому что лень добавлять по несколько строк в каждый конструктор.
Идея и смысловая нагрузка оператора new в том, что он возвращает новый объект. Принято что функции, названные с Заглавной буквы следует вызывать только с оператором new. А иначе (при вызове без new), я советую генерировать ошибку, и не поощерять незнание начинающих программистов.
Смысловая нагрузка new в том, что функция возвращает новый экземпляр класса. Тк, пока что, в js нету классов, это единственная возможность отделить функции-конструкторы, от других функцию.
В Ecmascript 3, оператор 'new' это единственный способ создать объект, прототип которого мы можем контролировать через свойство функции(конструктора) 'prototype'. Т.е. в этом случае функция ведет себя именно как конструктор, а не как кусок кода, который возвращает произвольный объект(хотя такая возможность тоже есть).
А если использовать «typeof this»:
var Vector = function(x, y, z) {
if (typeof this === "undefined") {
return new Vector(x, y, z);
}
this.__x = x;
this.__y = y;
this.__z = z;
};
Неа. this будет указывать на window.
Вообще сама идея самовызывающегося конструктора порочна и выше я описал почему.
В чём-то вы правы. Но, к примеру, в Питоне new не надо писать и никто не страдает :)
Вообще лично я для объектов которые подразумеваются как «неизменяемые» пишу конструкторы без new, а для изменяемых — с new. В том же примере сверху — Vector — как раз «неизменяемый».
Бить надо плохих фокусников, которые комментариев не пишут.
Неплохой пост, но если уж заговорили про контекст, то и про лексическую область видимости функций было бы неплохо рассказать тут же.
Например что будет в таком примере и почему:
Например что будет в таком примере и почему:
var y = 5;
var x = function(){
return y;
};
var z = function(t){
var y = 10;
return t();
}
z(x);
Хорошая задачка для проведения собеседований.
за такие задачки на собеседованиях нужно одно место отрывать.
я хоть ответ то и знаю, но когда устраиваешься на работу — волнуешься и на собеседовании точно бы всякую околесицу нес бы.
я хоть ответ то и знаю, но когда устраиваешься на работу — волнуешься и на собеседовании точно бы всякую околесицу нес бы.
Я лично никого не собеседую, но ваших аргументов не понимаю. Пример то очень простой. Напишу-ка я маленький топик с разбором этого примера…
А по вашему от кандидата требуются только красивые глазки?
Если на собеседовании человек, не смотря на волнение, отвечает на все вопросы, он стоит больших денег и его надо брать.
Кроме того, чем сложнее собеседование, тем сильнее последующий стимул к развитию.
А задачка действительно не сложная, но на внимательность.
Если на собеседовании человек, не смотря на волнение, отвечает на все вопросы, он стоит больших денег и его надо брать.
Кроме того, чем сложнее собеседование, тем сильнее последующий стимул к развитию.
А задачка действительно не сложная, но на внимательность.
Пример то простейший. Зовём z и передаём в аргумент x. Та возвращает результат выполнения функции, которая пришла в параметре, т.е. результат x. Смотрим что возвращает функция x — 5. Для вакансии где нужно не jQuery плугины цеплять, а настоящий js — вполне ок задача.
В спокойных условиях я написал Singleton на JS за минут 5.
На собеседовании же, у меня все в голове перемешалось. И банальный миксин через call не смог написать.
ок?
На собеседовании же, у меня все в голове перемешалось. И банальный миксин через call не смог написать.
ок?
вне контекста, немного глуповато звучит.
суть в том, что никогда до этого момента не сталкивался с задачей Singleton в JS и решил реализовать паттерн сам.
суть в том, что никогда до этого момента не сталкивался с задачей Singleton в JS и решил реализовать паттерн сам.
На собеседовании же, у меня все в голове перемешалось. И банальный миксин через call не смог написать.
Значит, ещё плаваете в языке. Это тоже показатель.
Русский язык на собеседованиях не забываете ведь?
Забываю.
А ваша оценка знаний просто потрясает.
А ваша оценка знаний просто потрясает.
Ну если забываете, значить при любой выходящей за рамки ситуации не умеете держать себя в руках. Это тоже показатель.
Это ведь не какой-то выбивающий из колеи вопрос, обычный тест на знание основ JS. В школе каждую неделю подобные тесты писали.
Это ведь не какой-то выбивающий из колеи вопрос, обычный тест на знание основ JS. В школе каждую неделю подобные тесты писали.
значить при любой выходящей за рамки ситуации
Почему собеседование вылилось в «Любую за рамки выходящую ситуацию»?
Как это связано?
Почему собеседование вылилось в «Любую за рамки выходящую ситуацию»?
Как это связано?
Я не могу понять. Если собеседование для вас — вполне обычная ситуация, почему вы на нём забываете русский язык и язык программирования? Пробовали обратиться к врачу?
Я могу сказать, что вы не волнуясь употребляете не верную терминологию.
Для меня это сродни забыванию Русского языка на собеседовании.
Как пример может затрагивать базовые понятия?
Что вы подразумеваете под базовыми понятиями JS?
Для меня это сродни забыванию Русского языка на собеседовании.
Этот пример затрагивает самые базовые понятия JS
Как пример может затрагивать базовые понятия?
Что вы подразумеваете под базовыми понятиями JS?
Демагог Вы наш, не цепляйтесь к словам. "Концентрация на частностях" — отвратительный приём.
Без глубокого понимания областей видимости не получится писать на JS серьёзные приложения. На такую задачу не сможет ответить или новичёк или человек, который вообще не может держать себя в руках. И тем и другим надо ещё учиться и рано устраиваться на работу по такой специальности.
Без глубокого понимания областей видимости не получится писать на JS серьёзные приложения. На такую задачу не сможет ответить или новичёк или человек, который вообще не может держать себя в руках. И тем и другим надо ещё учиться и рано устраиваться на работу по такой специальности.
Вы сами затронули тему про Русский язык.
Я ответил конкретно на ваш вопрос, может будете логичным?
Немного разверну ответ, что бы не осталось недопонимания.
Я считаю, что от волнения на собеседованиях начинаю сильно путаться в терминологии. Если я называю вещи не своими именами, то на мой взгляд — это и есть «забывать Русский язык».
p.s.
Не в тему.
А вообще, когда разговор идет в русле специальности, то терминологию данной специальности нужно использовать правильную. Посетите химическую конференцию и начните объяснять кому нибудь формулу в формате: «Беру бутылку с зеленой водичкой и туда желтенькую...»
Я ответил конкретно на ваш вопрос, может будете логичным?
Немного разверну ответ, что бы не осталось недопонимания.
Я считаю, что от волнения на собеседованиях начинаю сильно путаться в терминологии. Если я называю вещи не своими именами, то на мой взгляд — это и есть «забывать Русский язык».
p.s.
Не в тему.
А вообще, когда разговор идет в русле специальности, то терминологию данной специальности нужно использовать правильную. Посетите химическую конференцию и начните объяснять кому нибудь формулу в формате: «Беру бутылку с зеленой водичкой и туда желтенькую...»
Вам правильно советуют, учитесь управлять эмоциями. Собеседование не самая страшная вещь в жизни, и надо уметь взвешенно принимать решения вместо того что бы отдаваться эмоциям с головой.
Можете показать как сделать через mixin и call? Я себе синглтон так представлял:
function Boob(size) {
if (Boob.instance) {
return Boob.instance;
}
Boob.instance = this;
this.size = size;
}
a = new Boob(3);
b = new Boob(4);
alert(a.size == b.size);
за такие задачки на собеседованиях нужно одно место отрывать.
я хоть ответ то и знаю, но когда устраиваешься на работу — волнуешься и на собеседовании точно бы всякую околесицу нес бы.
Вы категорически не правы. Этот пример затрагивает самые базовые понятия JS. В нём нету ничего сложного или такого, что должно на собеседовании сбить. Единственное, что — отвратительные имена переменных. Куча одинаковых букв, которые мельтешат перед глазами и путаются. Надо было бы хоть как-то так:
var value = 5;
function returnValue () {
return value;
}
function applyCallback(callback) {
var value = 10;
return callback();
}
applyCallback( returnValue );
В том, что затрагивает базовые принципы JS соглашусь.
Не соглашаюсь лишь с тем, что на собеседованиях нужны вопросы на внимательность. Т.к. собеседование само по себе стресс, при чем достаточно хороший.
Естественно, я рассматриваю сейчас собеседование на должность web-разработчика, который хочет устроится на данную должность.
Т.к. если человек приходит на собеседование ради того, что бы прийти на собеседование(есть такая практика), то у него не будет волнения. А рез у него нет волнения, то и человек не очень то заинтересован в работе и HR-менеджеру стоит насторожиться… но это уже пошло из другой оперы.
Не соглашаюсь лишь с тем, что на собеседованиях нужны вопросы на внимательность. Т.к. собеседование само по себе стресс, при чем достаточно хороший.
Естественно, я рассматриваю сейчас собеседование на должность web-разработчика, который хочет устроится на данную должность.
Т.к. если человек приходит на собеседование ради того, что бы прийти на собеседование(есть такая практика), то у него не будет волнения. А рез у него нет волнения, то и человек не очень то заинтересован в работе и HR-менеджеру стоит насторожиться… но это уже пошло из другой оперы.
Это не вопрос на внимательность. Это вопрос на знание языка.
Этот пример у Вам тоже кажется через-чур?
Этот пример у Вам тоже кажется через-чур?
do {
console.log(1);
} while (false);
while (0) {
console.log(2);
}
// Output = ?
Ну раз вы считаете что ваша аналогия сопоставима с исходной, тогда я тоже могу сказать, что раз уж мы хотим задачку на «знание» языка, то нужно составлять что-то типа:
+function start() {
console.log(z(x(z)));
}()
function x(a) {
return new y(a);
}
function y(b) {
if (d === 5) {
this.z = b({z:1});
} else if (d === undefined) {
return {z:b({z:2})};
}
return x(z);
}
function z(n) {
return ([]+{}).split.constructor('return arguments[0]'+([]+{})[0]+'"z"'+([]+{})[14])(n);
}
var d = 5;
Я бы не устроился туда где так пишут )))
Я считаю области видимости элементарным понятием, как и знание операторов языка.
А товарищ Yan_Alex все правильно написал. Вы бы для приличия потестили свой код, перед тем, как выкладывать.
Да и читабельность отсутствует. Вы бы еще прогнали через обусфакторы прогнали код…
А товарищ Yan_Alex все правильно написал. Вы бы для приличия потестили свой код, перед тем, как выкладывать.
Да и читабельность отсутствует. Вы бы еще прогнали через обусфакторы прогнали код…
Я старался написать пример, в котором реализовано несколько «базовых», на мой взгляд, принципов JavaScript. Тут нет ничего, что не может знать хороший js-разработчик. Как говориться «Must Know».
Но однако, я считаю, что такое задание предлагать для соискателя — глупость. Вы со мной не согласитесь?
Писал в блокноте. За именования, извините, лень было придумывать более читабельные, однако изначальный пример изобиловал этими же литералами в качестве переменных.
Сейчас прогнал код в браузерах, все работает на ура — что вам не понравилось? -))
Но однако, я считаю, что такое задание предлагать для соискателя — глупость. Вы со мной не согласитесь?
Писал в блокноте. За именования, извините, лень было придумывать более читабельные, однако изначальный пример изобиловал этими же литералами в качестве переменных.
Сейчас прогнал код в браузерах, все работает на ура — что вам не понравилось? -))
странно, а у меня «ReferenceError: z is not defined»
Какой браузер?
Попробывал в Fx в Firebug, действительно ошибка.
Открыл в нем же jsfiddle.net, заменил d примере console.log на document.write и запустил. Все прошло на ура.
Ищите проблему в firebug.
Открыл в нем же jsfiddle.net, заменил d примере console.log на document.write и запустил. Все прошло на ура.
Ищите проблему в firebug.
Не соглашаюсь лишь с тем, что на собеседованиях нужны вопросы на внимательность
Зачем вы придумали, что я говорил о том, что нужны вопросы на внимательность? Опять демагогия. Зачем эта "Подмена тезиса"?
Я наоборот сказал, что отвратительные имена переменных в примере. Их стоит заменить на более читабельные, чтобы задача свелась исключительно к понимаю областей видимости, а не внимательному изучению, какая буква что означает.
Как я мог что-то подменить, если я не спорил с вами?
Извиняюсь, если я не верно выразил свою мысль.
Фраза:
Относилась к исходному примеру и комментарию kolyuchii
Извиняюсь, если я не верно выразил свою мысль.
Фраза:
Не соглашаюсь лишь с тем, что на собеседованиях нужны вопросы на внимательность.
Относилась к исходному примеру и комментарию kolyuchii
Вы не правы. Далеко не все люди на собеседованиях волнуются, а многие если и волнуются, не дадут вам ни единого шанса понять это. К тому же подобные задачи даются обычно не для того что бы просто получить ответ, а для того что бы проследить ход рассуждений испытуемого. Если собеседование проводит грамотный специалист, решение может быть положительным, даже если ответ на вопрос (вопросы) неверный, но ход рассуждения верен.
Далеко не все люди на собеседованиях волнуются
Соглашусь полностью. Но я подразумеваю лишь тех людей, кто заинтересован в устройстве «к нам». Если человек заинтересован, то он волнуется. В обратное, без предоставление опровергающих фактов, извините, не поверю.
Все волнуются. Да. Но это никак не влияет на знания и способность вспоминать. Если кандидат крепок в знаниях, волнение почти не сказывается на его способности давать верные ответы.
Всё остальное — оправдание.
Всё остальное — оправдание.
Кроме ваших слов, есть какие либо подтверждения?
Исследования?
Исследования?
А то, знаете, в соревнованиях по стрельбе, например, волнение одна из самых больших помех.
В соревновании по стрельбе волнуются все, но побеждает тот, кто может справиться с волнением, а не тот, кто просит не давать ему сложных заданий.
а не тот, кто просит не давать ему сложных заданий.
как вот сие воспринимать в контексте всей беседы?
Никаких доказательств нет.
Лишь словоблудие да передергивание.
В соревнованиях по стрельбе все в равных условиях. Следовательно есть два фактора, которые определяют лучшего стрелка (кроме исключений типа сломанного ружья и вчерашней пьянки) — это навык и умение справится с волнением.
Отлично, вы подтвердили мои слова, что волнение сказывается на результате.
Странный вы. Я давно говорил об этом. И на каких-то очень сложных задачах это может быть заметно. Я и сам когда очень волнуюсь могу не сделать какую-то очень сложную и запутанную фигню. Например, когда за 5 минут надо баг закрыть — могу глупостей написать.
А если человек с 10-ти метров не может попасть в мишень диаметром три метра из-за волнения — это плохой стрелок и значит ему надо или ещё тренироваться в стрельбе или справляться с излишним волнением.
Об этом я тоже говорил:
А задача как раз из примитивных, ничего сложного. Самые основы.
А если человек с 10-ти метров не может попасть в мишень диаметром три метра из-за волнения — это плохой стрелок и значит ему надо или ещё тренироваться в стрельбе или справляться с излишним волнением.
Об этом я тоже говорил:
На такую задачу не сможет ответить или новичёк или человек, который вообще не может держать себя в руках. И тем и другим надо ещё учиться и рано устраиваться на работу по такой специальности.
А задача как раз из примитивных, ничего сложного. Самые основы.
Дамс, это вы странный. Может будем последовательными?
Открываем ветку беседы. (кнопка над каждым комментарием в виде раздвоенных стрелочек)
Читаем.
Доходим до комментария:
Далее я отвечаю про то что волнение сказывается и не согласен с автором.
Затем вы подтверждаете мои слова:
И в конце концов вы отвечаете мне же, как будто спорите со мной дальше по поводу волнения и влияние их на возможности человека. Зачем? Почему?
Вы хотите поговорить о степени влияния волнения на способности?
Мне кажется, мы с вами не достаточно квалифицированны, что бы обсуждать это, но на мой взгляд, она сугубо индивидуальна и разница от человека к человеку.
Если все же, вы никак не можете отойти от темы с примером, то она у нас с вами раскрыта тут
Открываем ветку беседы. (кнопка над каждым комментарием в виде раздвоенных стрелочек)
Читаем.
Доходим до комментария:
Все волнуются. Да. Но это никак не влияет на знания и способность вспоминать. Если кандидат крепок в знаниях, волнение почти не сказывается на его способности давать верные ответы.
Далее я отвечаю про то что волнение сказывается и не согласен с автором.
Затем вы подтверждаете мои слова:
В соревнованиях по стрельбе все в равных условиях. Следовательно есть два фактора, которые определяют лучшего стрелка (кроме исключений типа сломанного ружья и вчерашней пьянки) — это навык и умение справится с волнением.
И в конце концов вы отвечаете мне же, как будто спорите со мной дальше по поводу волнения и влияние их на возможности человека. Зачем? Почему?
Вы хотите поговорить о степени влияния волнения на способности?
Мне кажется, мы с вами не достаточно квалифицированны, что бы обсуждать это, но на мой взгляд, она сугубо индивидуальна и разница от человека к человеку.
Если все же, вы никак не можете отойти от темы с примером, то она у нас с вами раскрыта тут
Вы придумали мне непоследовательность.
Волнение сказывается только на пределе возможностей. Если человек попадает со ста метров прибилизительно в десятку, то как бы он не волновался с 10-ти метров в 10-ку он должен попасть.
Если не может — значит он совершенно не контролирует свои эмоции.
Или плохо стреляет.
И в первом и во втором случае на соревнования его брать нельзя. И на работу. Я говорю об этом уже в пятый раз, а вы мне придумываете какой-то другой смысл слов.
Волнение сказывается только на пределе возможностей. Если человек попадает со ста метров прибилизительно в десятку, то как бы он не волновался с 10-ти метров в 10-ку он должен попасть.
Если не может — значит он совершенно не контролирует свои эмоции.
Или плохо стреляет.
И в первом и во втором случае на соревнования его брать нельзя. И на работу. Я говорю об этом уже в пятый раз, а вы мне придумываете какой-то другой смысл слов.
Я не придумал.
Вся логика не последовательности указана цитатами.
Вы не указали степень волнения для того что бы человек попал в 10ку. Поставим монетку на голову дочери стрелка и посмотрим как он справится с задачкой.
А ваше без апелляционное заключение вообще появляется из воздуха. Почему нельзя? С чего вы так решили и т.д.
Вся логика не последовательности указана цитатами.
Вы не указали степень волнения для того что бы человек попал в 10ку. Поставим монетку на голову дочери стрелка и посмотрим как он справится с задачкой.
А ваше без апелляционное заключение вообще появляется из воздуха. Почему нельзя? С чего вы так решили и т.д.
Вы зануда. Контролировать свои эмоции важно, потому что в критической ситуации нужно думать как эту критическую ситуацию решить, а не о том как вам страшно.
Часто вы писали софт под дулом пистолета?
Под дулом пистолета ни разу. Но критические случае были.
Например, однажды некие умельцы со стороны заказчика перенастроили сервер авторизации стоящий перед нашим софтом, а нас об этом предупредить забыли. Произошло это в разгар рабочего дня. Соответственно наш софт начал выдать всем подряд 403 (на мы то тогда еще не знали в чем причина). Так вот были люди которые бегали и истерили что всех уволят, а были люди которые методично анализировали проблему, искали ее источник и решали ее.
И кстати, если уж на то пошло, вы что проходите собеседование под дулом пистолета? Относитесь к этому проще и у вас все получится.
Например, однажды некие умельцы со стороны заказчика перенастроили сервер авторизации стоящий перед нашим софтом, а нас об этом предупредить забыли. Произошло это в разгар рабочего дня. Соответственно наш софт начал выдать всем подряд 403 (на мы то тогда еще не знали в чем причина). Так вот были люди которые бегали и истерили что всех уволят, а были люди которые методично анализировали проблему, искали ее источник и решали ее.
И кстати, если уж на то пошло, вы что проходите собеседование под дулом пистолета? Относитесь к этому проще и у вас все получится.
> Часто вы писали софт под дулом пистолета?
Часто вы проходили собеседование под дулом пистолета?
Часто вы проходили собеседование под дулом пистолета?
Собственно топик на эту тему.
Похожий пример, с объяснением dmitrysoshnikov.com/ecmascript/ru-chapter-4-scope-chain/#zamyikaniya
Большое спасибо за статью. Все просто и хорошо объяснено.
Думаю, что начинающим разработчикам она особенно полезна. На работе разошлю ссылку молодым коллегам.
Думаю, что начинающим разработчикам она особенно полезна. На работе разошлю ссылку молодым коллегам.
Недавно в какой-то либе встретил интересный прием заполнения свойств объекта:
'this[...] =' заполняет свойства объекта, созданного через new function. Более явно это можно было бы записать так:
return {
// ... some properties,
params: new function() {
var pairs = url.search.slice(1).split('&');
for (var i = 0; i < pairs.length; i++) {
var pair = pairs[i].split('=');
this[pair[0] || ''] = pair[1] || '';
}
}
}
'this[...] =' заполняет свойства объекта, созданного через new function. Более явно это можно было бы записать так:
params: new function() {
var pairs = url.search.slice(1).split('&'),
result = {};
for (var i = 0; i < pairs.length; i++) {
var pair = pairs[i].split('=');
result[pair[0] || ''] = pair[1] || '';
}
return result;
}
очень похоже на пример синглтона
Блин, ну почему люди везде видят синглтон-синглтон-синглтон? Это прям какое-то НЛО программирования.
Ну где здесь синглтон? И чем оно может быть похоже на синглтон? Это просто функция, которая создаёт объект.
Ну где здесь синглтон? И чем оно может быть похоже на синглтон? Это просто функция, которая создаёт объект.
похожим образом создаются объекты, которые желательно иметь в одном экземпляре, например App.popupManager = new function(){this.open = function(url){...}; this.closeAll = function(){...};}
Что плохого вы видите в том, что я заметил аналогию?
Что плохого вы видите в том, что я заметил аналогию?
Так впринципе создаются объект. Сингтон можно создать так:
Но говорить о том, что создание объектов через {} — это прям как сигнлтон — моветон.
Синглтон — отвратительный паттерн. Отвратительный не своей идеей, а тем, как её испаскудили его фанаты, пихая его везде, где надо и не надо.
App.popupManager = {
open: function (url) { },
closeAll: function () { }
}
Но говорить о том, что создание объектов через {} — это прям как сигнлтон — моветон.
Синглтон — отвратительный паттерн. Отвратительный не своей идеей, а тем, как её испаскудили его фанаты, пихая его везде, где надо и не надо.
нет, не тоже самое. В вашем случае не получится выделить «приватные функции» через просто объявление function myPrivateFunction(){} внутри конструктора.
Странно, я не говорил что синглтон плохой или хороший. К чему эти рассужения от чего и насколько он паскуден?
Странно, я не говорил что синглтон плохой или хороший. К чему эти рассужения от чего и насколько он паскуден?
нет, не тоже самое. В вашем случае не получится выделить «приватные функции» через просто объявление function myPrivateFunction(){} внутри конструктора.
(function () {
function myPrivateFunction () {}
App.popupManager = {
open: function (url) { },
closeAll: function () { }
}
})();
Я сказал, что упоминание синглтона к месту и не к месту уже вызывает рвотные рефлексы.
Создаём экземпляр класса:
function MyClass() {}; var instance = new MyClass();
О! Прям как синглтон! Там тоже используется названиеinstance!
Изящно, однако.
Сейчас пишу небольшой тул, подзадалбывает постоянно писать эти var res=[]; for (...) {...} return res;
Сейчас пишу небольшой тул, подзадалбывает постоянно писать эти var res=[]; for (...) {...} return res;
Так reduce же
"qwe=123&asdfg=333&fasks=333".slice(1).split('&').reduce(function(result, value, index, array){
var pair = value.split('='); result[pair[0] || ""] = pair[1] || ""; return result
}, {})
В IE9 еще не поддерживается
В любом IE можно добавить этот метод в прототип массива.
Поддерживается всеми браузерами (в том числе IE6+) с помощью polyfills раз, два или даже с MDN.
В любом случае, это лучше, чем написание своей функции, которую кто-то когда-нибудь забудет подключить, или методом копипаста код её использующий попадёт в другой проект, где эта функция не подключена.
А реализацию Array.prototype.reduce пожно подключить за минуту гугления
В любом случае, это лучше, чем написание своей функции, которую кто-то когда-нибудь забудет подключить, или методом копипаста код её использующий попадёт в другой проект, где эта функция не подключена.
А реализацию Array.prototype.reduce пожно подключить за минуту гугления
На мой взгляд, такой монстр это как-то многовато для простой инициализации.
Хотя как вариант решения обсуждаемой задачи — отлично, кто ж спорит.
Хотя как вариант решения обсуждаемой задачи — отлично, кто ж спорит.
Ну вообще [квадратные скобки] это стандартный для js способ использовать объект как ассоциативный массив. this здесь просто имя объекта.
obj.value = 42; //когда название поля известно статически
var valueName = "value"; // но может и не быть известно
obj[valueName] = 42; // эквивалентно obj.value = 42
В ближайшее время я скорее всего напишу статью, в которой описывается для чего нужно знать эти тонкости (например, jQuery.proxy)
Вот это было бы очень интересно почитать!
> В отличие от многих других языков программирования ключевое слово this в javascript не привязывается к объекту, а зависит от контекста вызова.
Тут немного не так. В других языках редко где можно передавать функции туда-сюда, на лету вставлять их в другой объект и т.п. Поэтому сложности с this там просто незаметны, не смотря на то, что все работает примерно также.
Там, где функциями жонглировать можно — выкручиваются по-разному. Скажем в C# this запаковывается вместе с указателем, но там тоже есть способы дергать нужный метод с произвольным this. В C++ указатель на метод и функцию — разные штуки.
Тут немного не так. В других языках редко где можно передавать функции туда-сюда, на лету вставлять их в другой объект и т.п. Поэтому сложности с this там просто незаметны, не смотря на то, что все работает примерно также.
Там, где функциями жонглировать можно — выкручиваются по-разному. Скажем в C# this запаковывается вместе с указателем, но там тоже есть способы дергать нужный метод с произвольным this. В C++ указатель на метод и функцию — разные штуки.
eval?
Плюсую пост.
Весьма наглядно изложено.
Весьма наглядно изложено.
Очень круто написано. Даже уже все зная чертовски интересно читать.
В ближайшее время я скорее всего напишу статью, в которой описывается для чего нужно знать эти тонкости (например, jQuery.proxy)
jQuery.proxy достаточно убогая реализация Function.prototype.bind. После знакомства с bind, забыл про $.proxy. Да и вообще, в ES5+ много красивых функций, которые заменяют убогие аналоги из jQuery.
да, я знаю. про Function.prototype.bind я как раз тоже укажу в статье
Круто.
Я надеюсь, Вы осветите вот такой момент с Function.prototype.bind
а то, даже опытные разработчики не знают об этой особенности
Я надеюсь, Вы осветите вот такой момент с Function.prototype.bind
function classA(a) {
console.log(this.lolcat, a)
}
classA.prototype.lolcat = "=^__^=";
var classB = classA.bind({lolcat : "=°__°="}, "x");
classB.prototype = {lolcat : "=o__0=" }
new classA("A");//"=^__^=", A
new classB("B");//"=^__^=", x а не "=°__°=", x
а то, даже опытные разработчики не знают об этой особенности
Жесть, никогда бы не подумал. А в реальном коде такое где-нибудь используется?
Собственно, эта особенность прописана в стандарте (тут надо вчитываться, лучше смотреть на MDN), специально для того, чтобы использовать в реальном коде функции-конструкторы, полученные через bind.
developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Function/bind
Многие библиотеки эмулирующие es5, забывают об этой особенности.
В моей библиотеке я это учёл.
А вот патч для es5-shim
developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Function/bind
thisArg
The value to be passed as the this parameter to the target function when the bound function is called. The value is ignored if the bound function is constructed using the new operator.
Многие библиотеки эмулирующие es5, забывают об этой особенности.
В моей библиотеке я это учёл.
А вот патч для es5-shim
Жесть, никогда бы не подумал. А в реальном коде такое где-нибудь используется?
Да, но редко. Вообще вполне логичное поведение.
А чего «жесть» то?
Если рассматривать binding целиком, то жесть.
Например, мы имеем какое то API и получаем из него функцию. О том какая она, мы не имеем представления.
Запуская его от нашего объекта мы получаем неадекватные результаты:
Я бы сказал, что это нарушение единого интерфейса вызова функций языка. Feature очень не продуманная и вредная.
Например, мы имеем какое то API и получаем из него функцию. О том какая она, мы не имеем представления.
Запуская его от нашего объекта мы получаем неадекватные результаты:
// Где то объявлено
function myFunc(a) {
this.a = a;
return this;
}
var BoundedFunc = myFunc.bind({z: 30}, 10);
...
//Попытаемся использовать
var res = BoundedFunc.call({z: 40});
console.log(res.z); // 30 - вот вообще не неожиданно
Я бы сказал, что это нарушение единого интерфейса вызова функций языка. Feature очень не продуманная и вредная.
Странное мнение. Вообще-то по идее BoundedFunc — это функция с другим интерфейсом.
Мы видим, что magnitudeOrder — это функция с другими целями и другим интерфейсом. Кто сказал, что у неё должны быть те же аргументы, что и у функции-предка? Почитайте вообще про каррирование.
И да, bind ни в коем случае не должен перезаписываться. Если я создал функцию:
Внутри неё я должен быть уверен, что при вызове она будет прибиндена к тому объекту, к которому я её прибиндил. Если бы это было не важно, то я бы её просто не биндил. А вот смысл метода "
var magnitudeOrder = Math.pow.bind( Math, 10 ); magnitudeOrder(2); // 100 magnitudeOrder(5); // 10000
Мы видим, что magnitudeOrder — это функция с другими целями и другим интерфейсом. Кто сказал, что у неё должны быть те же аргументы, что и у функции-предка? Почитайте вообще про каррирование.
И да, bind ни в коем случае не должен перезаписываться. Если я создал функцию:
var binded = function () { console.log( this.x ); }.bind({ x: 100 });
Внутри неё я должен быть уверен, что при вызове она будет прибиндена к тому объекту, к которому я её прибиндил. Если бы это было не важно, то я бы её просто не биндил. А вот смысл метода "
Function.prototype.bindIfGlobalContext" был бы сомнительным.Странное мнение. Вообще-то по идее BoundedFunc — это функция с другим интерфейсом.
Вы меня не правильно поняли. Я говорю про то, что результат при использование одного и того же интерфейса в языке будет приводить к в корне различным результатам.
Вот цитирую себя, что бы ещё раз акцентировать внимание на проблеме:
Например, мы имеем какое то API и получаем из него функцию. О том какая она, мы не имеем представления.
Теперь мы должны проверять, функцию которую нам вернули является «чистой» или «bounded».
Это как переопределение undefined. Благо в strict стандарте эту проблему устранили, и «вот-те здрасте», новые забавы.
p.s.
последний абзац ваш, увы, не понял -((
Описал тут: habrahabr.ru/post/149581/
Для jQuery хороший видеоурок по сабжу:
tutsplus.com/lesson/the-this-keyword/
tutsplus.com/lesson/the-this-keyword/
Я всё отгадал правильно :-)
Не уж то забыли:
void function() {
alert([this == 1, this === 1]); // [true, false]
}.call(1);
void function() {
'use strict';
alert([this == 1, this === 1]); // [true, true]
}.call(1);
Спасибо, очень понравилось! Для разминки и проверки себя — самое то!
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Ключевое слово this в javascript — учимся определять контекст на практике