JavaScript - JavaScript

JavaScript (/ˈdʒɑːvəˌskрɪпт/),^[6] часто сокращенно JS, это язык программирования что соответствует ECMAScript Технические характеристики.^[7] JavaScript - это высокий уровень, довольно часто своевременная компиляция, и мультипарадигма. Она имеет синтаксис фигурных скобок, динамическая типизация, на основе прототипа объектная ориентация, и первоклассные функции.

Наряду с HTML и CSS, JavaScript - одна из основных технологий Всемирная паутина.^[8] JavaScript позволяет интерактивное веб-страница и является неотъемлемой частью веб-приложения. Подавляющее большинство веб-сайты использовать это для сторона клиента поведение страницы,^[9] и все основные веб-браузеры иметь специальный Движок JavaScript выполнить это.

Как многопарадигмальный язык JavaScript поддерживает событийный, функциональный, и императив стили программирования. Она имеет интерфейсы прикладного программирования (API) для работы с текстом, датами, обычные выражения, стандарт структуры данных, а Объектная модель документа (ДОМ). Однако сам язык не содержит ввод, вывод (I / O), например сеть, место хранения, или же графика средств, поскольку среда хоста (обычно веб-браузер) предоставляет эти API.

Механизмы JavaScript изначально использовались только в веб-браузерах, но теперь они встроены в некоторые серверы обычно через Node.js. Они также встроены в различные приложения, созданные с помощью рамки Такие как Электрон и Кордова.

Хотя есть сходство между JavaScript и Ява, включая название языка, синтаксис, и соответствующие стандартные библиотеки, эти два языка отличаются друг от друга и сильно отличаются по дизайну.

История

Создание в Netscape

В Мозаика веб-браузер был выпущен в 1993 году. Как первый браузер с графический интерфейс пользователя доступный для нетехнических специалистов, он сыграл важную роль в быстром росте зарождающегося Всемирная паутина.^[10] Затем ведущие разработчики Mosaic основали Netscape корпорация, выпустившая более совершенный браузер, Netscape Navigator, в 1994 году. Навигатор быстро стал самым популярным браузером.^[11]

В эти годы становления Интернета веб-страница может быть только статическим, не имея возможности динамического поведения после загрузки страницы в браузере. В быстро растущей среде веб-разработки было желание снять это ограничение, поэтому в 1995 году Netscape решила добавить язык сценариев в навигатор. Для этого они выбрали два пути: сотрудничество с Sun Microsystems встроить Ява язык программирования, а также нанимать Брендан Эйх встроить Схема язык.^[12]

Руководство Netscape вскоре решило, что для Эйха лучшим вариантом было создание нового языка с синтаксисом, похожим на Java, но менее похожим на Scheme или другие существующие языки сценариев.^[12] Хотя новый язык и его устный переводчик Реализация была официально названа LiveScript, когда она впервые была выпущена как часть версии Navigator в сентябре 1995 года, через три месяца название было изменено на JavaScript.^[12][1][13]

Выбор имени JavaScript вызвал путаницу, иногда создавая впечатление, что это побочный продукт Java. Поскольку в то время Java была популярным новым языком программирования, Netscape охарактеризовала это как маркетинговую уловку, направленную на придание своему новому языку значимости.^[14]

Принятие Microsoft

Microsoft дебютировал Internet Explorer в 1995 году, что привело к браузерная война с Netscape. Что касается JavaScript, Microsoft реконструированный навигатор устный переводчик создать свой собственный, названный JScript.

JScript был впервые выпущен в 1996 году вместе с первоначальной поддержкой CSS и расширения к HTML. Каждая из этих реализаций заметно отличалась от своих аналогов в Navigator.^[15][16] Эти различия усложняли разработчикам задачу обеспечения хорошей работы своих веб-сайтов в обоих браузерах, что привело к повсеместному использованию логотипов «лучше всего просматривается в Netscape» и «лучше всего просматривается в Internet Explorer» в течение нескольких лет.^[15][17]

Расцвет JScript

В ноябре 1996 г. Netscape отправил JavaScript в ECMA International, в качестве отправной точки для стандартной спецификации, которой могут соответствовать все поставщики браузеров. Это привело к официальному выпуску первого ECMAScript спецификация языка в июне 1997 г.

Процесс стандартизации продолжался несколько лет, с выпуском ECMAScript 2 в июне 1998 г. и ECMAScript 3 в декабре 1999 г. Работа над ECMAScript 4 началась в 2000 г.

Тем временем, Microsoft завоевала все более доминирующее положение на рынке браузеров. К началу 2000-х доля рынка Internet Explorer достигла 95%.^[18] Это означало, что JScript стал де-факто стандартом для клиентские сценарии В интернете.

Первоначально Microsoft участвовала в процессе стандартизации и реализовала некоторые предложения на своем языке JScript, но в конце концов прекратила сотрудничество в области ECMA. Таким образом, ECMAScript 4 был законсервирован.

Рост и стандартизация

В период Internet Explorer В начале 2000-х сценарии на стороне клиента не развивались. Ситуация начала меняться в 2004 году, когда преемник Netscape, Mozilla, выпустил Fire Fox браузер. Многие хорошо приняли Firefox, заняв значительную долю рынка у Internet Explorer.^[19]

В 2005 году Mozilla присоединилась к ECMA International, и началась работа над ECMAScript для XML (E4X) стандарт. Это привело к совместной работе Mozilla с Macromedia (позже приобретен Adobe Systems ), которые реализовывали E4X на своем языке ActionScript 3, основанном на черновике ECMAScript 4. Целью стала стандартизация ActionScript 3 как нового ECMAScript 4. С этой целью Adobe Systems выпустила Тамарин реализация в качестве Открытый исходный код проект. Однако Tamarin и ActionScript 3 слишком отличались от установленных сценариев на стороне клиента, и без сотрудничества с ними Microsoft, ECMAScript 4 так и не реализовался.

Между тем, в сообществах разработчиков ПО с открытым исходным кодом, не связанных с работой ECMA, происходили очень важные события. В 2005 году, Джесси Джеймс Гарретт выпустил официальный документ, в котором ввел термин Аякс и описал набор технологий, в основе которых лежит JavaScript, для создания веб-приложения где данные могут загружаться в фоновом режиме, избегая необходимости полной перезагрузки страницы. Это вызвало период возрождения JavaScript, во главе которого стояли библиотеки с открытым исходным кодом и сообщества, которые формировались вокруг них. Было создано много новых библиотек, в том числе jQuery, Прототип, Набор инструментов Dojo, и MooTools.

Google дебютировал Хром браузер в 2008 году с V8 Движок JavaScript, который был быстрее своих конкурентов.^[20][21] Ключевым нововведением было своевременная компиляция (JIT),^[22] поэтому другим поставщикам браузеров пришлось пересмотреть свои движки для JIT.^[23]

В июле 2008 г. эти разрозненные партии собрались на конференцию в г. Осло. Это привело к окончательному соглашению в начале 2009 года, чтобы объединить всю соответствующую работу и продвинуть язык вперед. Результатом стал стандарт ECMAScript 5, выпущенный в декабре 2009 года.

Достижение зрелости

Амбициозная работа над языком продолжалась несколько лет, кульминацией которой стало создание обширной коллекции дополнений и уточнений, формализованных с публикацией ECMAScript 6 в 2015 году.^[24]

С 2016 по 2019 год новая версия стандарта ECMAScript публиковалась каждый год, но объем изменений был намного меньше, чем в 5-м или 6-м изданиях. Таким образом, JavaScript теперь можно считать зрелым языком, который в значительной степени прижился.

Текущая экосистема JavaScript имеет много библиотеки и фреймворки, устоявшиеся практики программирования и более широкое использование JavaScript за пределами веб-браузеров. Кроме того, с ростом одностраничные приложения и других веб-сайтов с большим количеством JavaScript, ряд транспилеры были созданы, чтобы помочь процессу разработки.^[25]

Товарный знак

«JavaScript» - это товарный знак из Корпорация Oracle В Соединенных Штатах.^[26] Он используется по лицензии для технологии, изобретенной и внедренной Netscape Communications и другими сторонами.^[27]

Использование веб-сайта на стороне клиента

JavaScript является доминирующим сторона клиента скриптовый язык Интернета, 95% веб-сайты используя его для этой цели.^[9] Скрипты встроены или включены из HTML документы и взаимодействовать с DOM. Все основные веб-браузеры иметь встроенный Движок JavaScript который выполняет код на устройстве пользователя.

Примеры сценариев поведения

• Загрузка нового содержимого страницы без перезагрузки страницы. Например, социальные медиа веб-сайты используют Ajax, поэтому пользователи могут публиковать новые сообщения, не покидая страницы.
• Анимация элементов страницы, например их постепенное появление и исчезновение, изменение размера и перемещение.
• Интерактивный контент, например игры и видео.
• Проверка входные значения a веб-форма чтобы убедиться, что они приемлемы, перед отправкой на сервер.
• Передача информации о поведении пользователя для аналитика, отслеживание рекламы, и персонализация.

Библиотеки и фреймворки

Большинство веб-сайтов используют сторонние Библиотека JavaScript или же каркас веб-приложений как часть их клиентских сценариев страницы.^[28]

jQuery - самая популярная библиотека, которую используют более 70% веб-сайтов.^[28]

В Угловой фреймворк был создан Google для своих веб-сервисов; сейчас Открытый исходный код и используется другими веб-сайтами. Так же, Facebook создал Реагировать фреймворк для своего веб-сайта, а затем выпустил его с открытым исходным кодом; другие сайты, в том числе Twitter, теперь используйте это. Используются и другие фреймворки с открытым исходным кодом, такие как Backbone.js и Vue.js.^[28]

Напротив, термин «Vanilla JS» был придуман для веб-сайтов, не использующих какие-либо библиотеки или фреймворки, вместо этого полностью полагаясь на стандартные функции JavaScript.^[29]

Другое использование

Использование JavaScript вышло за рамки его веб-браузер корни. Движки JavaScript теперь встроены во множество других программных систем, как для на стороне сервера развертывания веб-сайтов и не в браузере Приложения.

Первоначальные попытки продвижения использования серверного JavaScript были Netscape Enterprise Server и Microsoft с Информационные службы Интернета,^[30][31] но это были маленькие ниши.^[32] Использование на стороне сервера в конечном итоге начало расти в конце 2000-х годов, когда были созданы Node.js и другие подходы.^[32]

Электрон, Кордова, и другие программные фреймворки были использованы для создания многих приложений с поведением, реализованным на JavaScript. Другие небраузерные приложения включают Adobe Acrobat поддержка сценариев PDF документы^[33] и Оболочка GNOME расширения написаны на JavaScript.^[34]

JavaScript недавно начал появляться в некоторых встроенные системы, обычно за счет использования Node.js.^[35][36][37]

Функции

Следующие функции являются общими для всех соответствующих реализаций ECMAScript, если явно не указано иное.

Императивный и структурированный

JavaScript поддерживает большую часть структурное программирование синтаксис из C (например., если заявления, пока петли, выключатель заявления, делать пока петли и т. д.). Одно частичное исключение: обзор: Изначально в JavaScript было только область видимости функции с вар. ECMAScript 2015 добавил ключевые слова позволять и const для области видимости блока, то есть в JavaScript теперь есть и функция, и область видимости блока. Как и C, в JavaScript проводится различие между выражения и заявления. Одно синтаксическое отличие от C - автоматическая вставка точки с запятой, что позволяет опускать точки с запятой, которые обычно завершают операторы.^[38]

Слабо типизированный

JavaScript - это слабо типизированный, что означает, что определенные типы неявно приводятся в зависимости от используемой операции.^[39]

• Двоичный + Оператор преобразует оба операнда в строку, если оба операнда не являются числами. Это потому, что оператор сложения дублирует оператор конкатенации
• Двоичный - оператор всегда приводит оба операнда к числу
• Оба унарных оператора (+, -) всегда приводить операнд к числу

Значения приводятся к следующим строкам:^[39]

• Строки оставлены как есть
• Числа преобразуются в их строковое представление
• Элементы массивов приводятся к строкам, после которых они соединяются запятыми (,)
• Остальные объекты преобразуются в строку [Объект Object] куда Объект это имя конструктора объекта

Значения преобразуются в числа путем преобразования в строки, а затем преобразования строк в числа. Эти процессы можно изменить, задав нанизывать и значение функции на прототип для преобразования строк и чисел соответственно.

JavaScript подвергся критике за то, как он реализует эти преобразования, поскольку сложность правил может быть ошибочно принята за несогласованность.^[40][39] Например, при добавлении числа в строку число будет преобразовано в строку перед выполнением конкатенации, но при вычитании числа из строки строка преобразуется в число перед выполнением вычитания.

Часто также упоминается {} + [] в результате чего 0 (номер). Это заблуждение: {} интерпретируется как пустой блок кода вместо пустого объекта, и пустой массив приводится к числу оставшимся унарным + оператор. Если заключить выражение в круглые скобки ({} + []) фигурные скобки интерпретируются как пустой объект, а результатом выражения является "[Объект Object]" как и ожидалось.^[39]

Динамический

Печатать

JavaScript - это динамически типизированный как и большинство других языки сценариев. А тип связан с ценить а не выражение. Например, Переменная изначально привязанный к номеру, может быть переназначен на нить.^[41] JavaScript поддерживает различные способы проверки типа объектов, включая утка печатать.^[42]

Оценка времени выполнения

JavaScript включает оценка функция, которая может выполнять операторы, предоставленные в виде строк во время выполнения.

Объектная ориентация (на основе прототипов)

Прототипное наследование в JavaScript описывается Дуглас Крокфорд в качестве:

Вы создаете объекты-прототипы, а затем ... создаете новые экземпляры. Объекты изменяемы в JavaScript, поэтому мы можем дополнять новые экземпляры, давая им новые поля и методы. Затем они могут выступать в качестве прототипов даже для более новых объектов. Нам не нужны классы, чтобы создавать множество похожих объектов… Объекты наследуются от объектов. Что может быть более объектно-ориентированным, чем это?^[43]

В JavaScript объект является ассоциативный массив, дополненный прототипом (см. ниже); каждый строковый ключ предоставляет имя для объекта свойство, и есть два синтаксических способа указать такое имя: запись через точку (obj.x = 10) и скобки (obj ['x'] = 10). Свойство может быть добавлено, восстановлено или удалено во время выполнения. Большинство свойств объекта (и любое свойство, которое принадлежит цепочке наследования прототипа объекта) можно перечислить с помощью для ... в петля.

Прототипы

JavaScript использует прототипы где многие другие объектно-ориентированные языки используют классы за наследование.^[44] Можно смоделировать многие функции на основе классов с помощью прототипов в JavaScript.^[45]

Функции как конструкторы объектов

Функции также являются конструкторами объектов вместе со своей типичной ролью. Префикс вызова функции с помощью новый создаст экземпляр прототипа, наследуя свойства и методы конструктора (включая свойства из Объект прототип).^[46] ECMAScript 5 предлагает Object.create метод, позволяющий явное создание экземпляра без автоматического наследования от Объект прототип (более старые среды могут назначать прототип ноль).^[47] Конструктор прототип Свойство определяет объект, используемый для внутреннего прототипа нового объекта. Новые методы могут быть добавлены путем изменения прототипа функции, используемой в качестве конструктора. Встроенные конструкторы JavaScript, такие как Множество или же Объект, также есть прототипы, которые можно модифицировать. Хотя можно изменить Объект prototype, это обычно считается плохой практикой, потому что большинство объектов в JavaScript наследуют методы и свойства от Объект прототип, и они могут не ожидать, что прототип будет изменен.^[48]

Функции как методы

В отличие от многих объектно-ориентированных языков, нет различия между определением функции и метод определение. Скорее, различие происходит во время вызова функции; когда функция вызывается как метод объекта, локальный это ключевое слово привязано к этому объекту для этого вызова.

Функциональный

А функция является первый класс; функция считается объектом. Таким образом, функция может иметь свойства и методы, например .вызов() и .связывать().^[49] А вложенный функция - это функция, определенная в другой функции. Он создается каждый раз при вызове внешней функции. Кроме того, каждая вложенная функция формирует лексическое замыкание: The лексическая область внешней функции (включая любую константу, локальную переменную или значение аргумента) становится частью внутреннего состояния каждого внутреннего объекта функции, даже после завершения выполнения внешней функции.^[50] JavaScript также поддерживает анонимные функции.

Делегативный

JavaScript поддерживает неявное и явное делегация.

Функции как роли (черты и примеси)

JavaScript изначально поддерживает различные функциональные реализации Роль^[51] шаблоны как Черты^[52][53] и Миксины.^[54] Такая функция определяет дополнительное поведение по крайней мере одним методом, связанным с это ключевое слово в его функция тело. Затем роль должна быть явно делегирована через вызов или же подать заявление к объектам, которым необходимо иметь дополнительное поведение, которое не передается через цепочку прототипов.

Состав и наследование объектов

В то время как явное делегирование на основе функций охватывает сочинение в JavaScript неявное делегирование уже происходит каждый раз при обходе цепочки прототипов, например, для поиска метода, который может быть связан с объектом, но не принадлежит ему напрямую. Как только метод найден, он вызывается в контексте этого объекта. Таким образом наследование в JavaScript покрывается автоматизмом делегирования, который привязан к свойству prototype функций конструктора.

Разное

Среда выполнения

JavaScript обычно полагается на среду выполнения (например, веб-браузер ), чтобы предоставить объекты и методы, с помощью которых скрипты могут взаимодействовать со средой (например, веб-страница ДОМ ). Эти среды одно-резьбовой. JavaScript также полагается на среду выполнения, чтобы обеспечить возможность включения / импорта скриптов (например, HTML <script> элементы). Это не языковая функция как таковая, но она характерна для большинства реализаций JavaScript. Процессы JavaScript Сообщения из очередь один за раз. JavaScript вызывает функция связаны с каждым новым сообщением, создавая стек вызовов рамка с функцией аргументы и локальные переменные. Стек вызовов сжимается и увеличивается в зависимости от потребностей функции. Когда стек вызовов пуст после завершения функции, JavaScript переходит к следующему сообщению в очереди. Это называется цикл событий, описывается как «выполнить до завершения», потому что каждое сообщение полностью обрабатывается перед рассмотрением следующего сообщения. Однако язык модель параллелизма описывает цикл событий как неблокирующий: программа ввод, вывод выполняется с использованием События и функции обратного вызова. Это означает, например, что JavaScript может обрабатывать щелчок мышью, ожидая запроса к базе данных для возврата информации.^[55]

Вариадические функции

В функцию можно передать неопределенное количество параметров. Функция может получить к ним доступ через формальные параметры а также через местные аргументы объект. Вариадические функции также можно создать с помощью связывать метод.

Литералы массивов и объектов

Как и многие языки сценариев, массивы и объекты (ассоциативные массивы на других языках) можно создать с помощью краткого синтаксиса. Фактически эти литералы составляют основу JSON формат данных.

Обычные выражения

JavaScript также поддерживает обычные выражения аналогично Perl, которые обеспечивают сжатый и мощный синтаксис для обработки текста, более сложный, чем встроенные строковые функции.^[56]

Обещания

JavaScript также поддерживает обещания, которые представляют собой способ обработки асинхронных операций. Существует встроенный объект Promise, который предоставляет доступ ко многим функциям для обработки обещаний и определяет, как они должны обрабатываться. Это позволяет связать обработчики с конечным значением успеха или причиной сбоя асинхронного действия. Это позволяет асинхронным методам возвращать значения, как синхронные методы: вместо того, чтобы немедленно возвращать окончательное значение, асинхронный метод возвращает обещание предоставить значение в какой-то момент в будущем. Недавно в спецификацию JavaScript были введены методы комбинатора, которые позволяют разработчикам комбинировать несколько обещаний JavaScript и выполнять операции на основе различных сценариев. Введены следующие методы: Promise.race, Promise.all, Promise.allSettled и Promise.any.

Расширения для конкретных поставщиков

Исторически некоторые Движки JavaScript поддерживает эти нестандартные функции:

• условный ловить пункты (например, Java)
• понимание массива и выражения генератора (например, Python)
• краткие функциональные выражения (функция (аргументы) выражение; этот экспериментальный синтаксис предшествовал стрелочным функциям)
• ECMAScript для XML (E4X), расширение, которое добавляет встроенную поддержку XML в ECMAScript (не поддерживается в Firefox с версии 21^[57])

Синтаксис

Простые примеры

Переменные в JavaScript можно определить с помощью вар,^[58] позволять^[59] или же const^[60] ключевые слова.

// Объявляет переменную в области функции с именем `x` и неявно назначает// ему специальное значение `undefined`. Переменные без значения автоматически// установлено значение undefined.вар Икс;// Переменные можно вручную установить на `undefined`, вот таквар x2 = неопределенный;// Объявляет переменную с блочной областью видимости с именем `y` и неявно устанавливает для нее значение// `undefined`. Ключевое слово let было введено в ECMAScript 2015.позволять у;// Объявляет переменную с блочной областью видимости, которую нельзя переназначить, с именем `z` и устанавливает для нее значение// строковый литерал. Ключевое слово const также было введено в ECMAScript 2015,// и должен быть явно назначен.// Ключевое слово `const` означает константу, поэтому переменную нельзя переназначить// поскольку значение равно `constant`.const z = "это значение нельзя переназначить!";// Объявляет переменную с именем `myNumber` и присваивает числовой литерал (значение// `2`) к нему.позволять мой номер = 2;// Переназначает `myNumber`, устанавливая его в строковый литерал (значение` "foo" `).// JavaScript - это язык с динамической типизацией, поэтому это допустимо.мой номер = "фу";

Обратите внимание Комментарии в приведенном выше примере, каждому из которых предшествовали два косая черта.

Нет встроенного Ввод, вывод функциональность в JavaScript; среда выполнения обеспечивает это. Спецификация ECMAScript в редакции 5.1 упоминает:^[61]

действительно, в этой спецификации нет положений для ввода внешних данных или вывода вычисленных результатов.

Однако в большинстве сред выполнения есть консоль объект^[62] который можно использовать для вывода на печать. Вот такой минималист Программа Hello World в JavaScript:

консоль.бревно("Привет, мир!");

Простой рекурсивный функция:

функция факториал(п) {    если (п === 0)        возвращаться 1; // 0! = 1    возвращаться п * факториал(п - 1);}факториал(3); // возвращает 6

An анонимная функция (или лямбда):

функция прилавок() {    позволять считать = 0;    возвращаться функция() {        возвращаться ++считать;    };}позволять закрытие = прилавок();закрытие(); // возвращает 1закрытие(); // возвращает 2закрытие(); // возвращает 3

Этот пример показывает, что в JavaScript закрытие функций захватить их нелокальные переменные по ссылке.

Стрелочные функции были впервые представлены в 6-е издание - ECMAScript 2015 . Они сокращают синтаксис для написания функций на JavaScript. Стрелочные функции анонимны по своей природе; переменная необходима для ссылки на них, чтобы вызывать их после их создания.

Пример стрелочной функции:

// Стрелочные функции позволяют опускать ключевое слово `function`.// Здесь `long_example` указывает на значение анонимной функции.const long_example = (input1, input2) => {    консоль.бревно("Привет, мир!");    const выход = input1 + input2;    возвращаться выход;};// Если фигурных скобок нет, стрелочная функция просто возвращает выражение// Итак, вот оно (input1 + input2)const short_example = (input1, input2) => input1 + input2;long_example(2, 3); // Выводит "Hello, World!" и возвращает 5short_example(2, 5);  // Возвращает 7// Если стрелочная функция имеет только один параметр, скобки можно удалить.const no_parentheses = Вход => Вход + 2;no_parentheses(3); // Возвращает 5

В JavaScript объекты создаются так же, как и функции; это известно как функциональный объект.

Пример объекта:

функция Мяч(р) {    это.радиус = р; // аргумент "r" является локальным для объекта шара    это.площадь = Математика.ЧИСЛО ПИ * (р ** 2); // круглые скобки ничего не делают, кроме пояснения        // объекты могут содержать функции ("метод")    это.Показать = функция() {        drawCircle(это.радиус); // ссылается на другую функцию (которая рисует круг)    };}позволять myBall = новый Мяч(5); // создает новый экземпляр объекта шара с радиусом 5myBall.радиус++; // свойства объекта обычно можно изменить извнеmyBall.Показать(); // используя унаследованную функцию "show"

Вариативная функция демонстрация (аргументы это особенный Переменная ):^[63]

функция сумма() {    позволять Икс = 0;    за (позволять я = 0; я < аргументы.длина; ++я)        Икс += аргументы[я];    возвращаться Икс;}сумма(1, 2); // возвращает 3сумма(1, 2, 3); // возвращает 6

Сразу вызываемые функциональные выражения часто используются для закрытия. Замыкания позволяют собирать свойства и методы в пространстве имен и делать некоторые из них закрытыми:

позволять прилавок = (функция() {    позволять я = 0; // частная собственность    возвращаться {   // общедоступные методы        получать: функция() {            тревога(я);        },        набор: функция(ценить) {            я = ценить;        },        приращение: функция() {            тревога(++я);        }    };})(); // модульприлавок.получать();      // показывает 0прилавок.набор(6);прилавок.приращение(); // показывает 7прилавок.приращение(); // показывает 8

Экспорт и импорт модулей в JavaScript^[64]

Пример экспорта:

/ * mymodule.js * /// Эта функция остается частной, поскольку она не экспортируетсяпозволять сумма = (а, б) => {    возвращаться а + б;}// Экспорт переменныхэкспорт позволять имя = 'Алиса';экспорт позволять возраст = 23;// Экспорт именованных функцийэкспорт функция Добавить(число1, число2) {    возвращаться число1 + число2;}// Экспорт классаэкспорт учебный класс Умножение {    конструктор(число1, число2) {        это.число1 = число1;        это.число2 = число2;    }    Добавить() {        возвращаться сумма(это.число1, это.число2);    }}

Пример импорта:

// Импортируем одно свойствоимпорт { Добавить } из './mymodule.js';консоль.бревно(Добавить(1, 2)); // 3// Импортировать несколько свойствимпорт { имя, возраст } из './mymodule.js';консоль.бревно(имя, возраст);//> «Алиса», 23// Импортируем все свойства из модуляимпорт * из './module.js'консоль.бревно(имя, возраст);//> «Алиса», 23консоль.бревно(Добавить(1,2));//> 3

Более сложный пример

Этот пример кода отображает различные функции JavaScript.

/ * Находит наименьшее общее кратное (НОК) двух чисел * /функция LCMCalculator(Икс, у) { // функция-конструктор    позволять checkInt = функция(Икс) { // внутренняя функция        если (Икс % 1 !== 0)            бросать новый TypeError(Икс + "не целое число"); // var a = mouseX        возвращаться Икс;    };        это.а = checkInt(Икс)    // точки с запятой ^^^^ необязательны, достаточно новой строки    это.б = checkInt(у);}// Прототип экземпляров объекта, созданных конструктором,// свойство "прототипа" конструктора.LCMCalculator.прототип = { // литерал объекта    конструктор: LCMCalculator, // при переназначении прототипа установите свойство конструктора соответствующим образом    gcd: функция() { // метод вычисления наибольшего общего делителя        // Евклидов алгоритм:        позволять а = Математика.пресс(это.а), б = Математика.пресс(это.б), т;        если (а < б) {            // меняем местами переменные            // t = b; б = а; а = т;            [а, б] = [б, а]; // замена с использованием деструктурирующего присваивания (ES6)        }        пока (б !== 0) {            т = б;            б = а % б;            а = т;        }        // Нужно только один раз рассчитать НОД, поэтому "переопределите" этот метод.        // (На самом деле это не переопределение - оно определено в самом экземпляре,        // чтобы this.gcd ссылался на это "переопределение" вместо LCMCalculator.prototype.gcd.        // Обратите внимание, что это приводит к неверному результату, если элементы объекта LCMCalculator «a» и / или «b» впоследствии изменяются.)        // Также 'gcd' === "gcd", this ['gcd'] === this.gcd        это['gcd'] = функция() {            возвращаться а;        };        возвращаться а;    },    // Имена свойств объекта могут быть указаны строками, разделенными двойными (") или одинарными (') кавычками.    lcm: функция() {        // Имена переменных не противоречат свойствам объекта, например, | lcm | не | this.lcm |.        // не используется | this.a * this.b | чтобы избежать проблем с точностью FP        позволять lcm = это.а / это.gcd() * это.б;                // Необходимо вычислить lcm только один раз, поэтому "переопределите" этот метод.        это.lcm = функция() {            возвращаться lcm;        };        возвращаться lcm;    },    нанизывать: функция() {        возвращаться "LCMCalculator: a =" + это.а + ", b =" + это.б;    }};// Определить общую функцию вывода; эта реализация работает только для веб-браузеровфункция выход(Икс) {    документ.тело.appendChild(документ.createTextNode(Икс));    документ.тело.appendChild(документ.createElement('br'));}// Примечание: map () и forEach () массива определены в JavaScript 1.6.// Они используются здесь, чтобы продемонстрировать присущую JavaScript функциональную природу.[    [25, 55],    [21, 56],    [22, 58],    [28, 56]].карта(функция(пара) { // литерал массива + функция отображения    возвращаться новый LCMCalculator(пара[0], пара[1]);}).Сортировать((а, б) => а.lcm() - б.lcm()) // сортируем с помощью этой сравнительной функции; => - это сокращенная форма функции, называемая «стрелочная функция».    .для каждого(printResult);функция printResult(объект) {    выход(объект + ", gcd =" + объект.gcd() + ", lcm =" + объект.lcm());}

В окне браузера должен отображаться следующий результат.

LCMCalculator: a = 28, b = 56, gcd = 28, lcm = 56LCMCalculator: a = 21, b = 56, gcd = 7, lcm = 168LCMCalculator: a = 25, b = 55, gcd = 5, lcm = 275LCMCalculator: a = 22, b = 58, gcd = 2, lcm = 638

Безопасность

JavaScript и ДОМ предоставляют злоумышленникам возможность доставлять сценарии для запуска на клиентском компьютере через Интернет. Авторы браузеров минимизируют этот риск, используя два ограничения. Во-первых, скрипты выполняются в песочница в котором они могут выполнять только действия, связанные с Интернетом, а не задачи программирования общего назначения, такие как создание файлов. Во-вторых, скрипты ограничены политика одного происхождения: сценарии с одного веб-сайта не имеют доступа к такой информации, как имена пользователей, пароли или файлы cookie, отправленные на другой сайт. Большинство ошибок безопасности, связанных с JavaScript, являются нарушением одной и той же политики происхождения или изолированной программной среды.

Существуют подмножества общего JavaScript - ADsafe, Secure ECMAScript (SES) - которые обеспечивают более высокий уровень безопасности, особенно для кода, созданного третьими сторонами (например, для рекламы).^[65][66] Caja - еще один проект для безопасного встраивания и изоляции стороннего JavaScript и HTML.

Политика безопасности контента является основным предполагаемым методом обеспечения того, чтобы только доверенный код выполняется на веб-странице.

Межсайтовые уязвимости

Распространенная проблема безопасности, связанная с JavaScript: межсайтовый скриптинг (XSS), нарушение политика одного происхождения. XSS-уязвимости возникают, когда злоумышленник может заставить целевой веб-сайт, например веб-сайт онлайн-банкинга, включить вредоносный скрипт на веб-страницу, представленную жертве. Затем сценарий в этом примере может получить доступ к банковскому приложению с привилегиями жертвы, потенциально раскрывая секретную информацию или переводя деньги без авторизации жертвы. Решением XSS-уязвимостей является использование HTML-экранирование при отображении ненадежных данных.

Некоторые браузеры включают частичную защиту от отраженный XSS-атаки, при которых злоумышленник предоставляет URL-адрес, содержащий вредоносный сценарий. Однако даже пользователи этих браузеров уязвимы для других XSS-атак, например тех, при которых вредоносный код хранится в базе данных. Только правильный дизайн веб-приложений на стороне сервера может полностью предотвратить XSS.

Уязвимости XSS также могут возникать из-за ошибок реализации авторами браузеров.^[67]

Еще одна межсайтовая уязвимость: подделка межсайтового запроса (CSRF). В CSRF код на сайте злоумышленника обманом заставляет браузер жертвы предпринимать действия, которые пользователь не планировал на целевом сайте (например, перевод денег в банк). Когда целевые сайты полагаются исключительно на файлы cookie для проверки подлинности запросов, запросы, исходящие из кода на сайте злоумышленника, могут содержать те же действительные учетные данные для входа, что и инициирующий пользователь. В общем, решение CSRF состоит в том, чтобы требовать значение аутентификации в скрытом поле формы, а не только в файлах cookie, для аутентификации любого запроса, который может иметь долгосрочные последствия. Также может помочь проверка заголовка HTTP-реферера.

«Взлом JavaScript» - это тип CSRF-атаки, при которой <script> Тег на сайте злоумышленника использует страницу на сайте жертвы, которая возвращает личную информацию, такую ​​как JSON или JavaScript. Возможные решения включают:

• требуя токена аутентификации в ПОЧТОВЫЙ и ПОЛУЧАТЬ параметры для любого ответа, который возвращает личную информацию.

Неуместное доверие к клиенту

Разработчики клиент-серверных приложений должны понимать, что ненадежные клиенты могут находиться под контролем злоумышленников. Автор приложения не может предполагать, что его код JavaScript будет работать должным образом (или вообще), потому что любой секрет, встроенный в код, может быть извлечен определенным противником. Некоторые последствия:

• Авторы веб-сайтов не могут полностью скрыть, как работает их JavaScript, потому что необработанный исходный код должен быть отправлен клиенту. Код может быть запутанный, но обфускацию можно перепроектировать.
• Проверка формы JavaScript обеспечивает только удобство для пользователей, но не безопасность. Если сайт проверяет, согласен ли пользователь с его условиями обслуживания, или отфильтровывает недопустимые символы из полей, которые должны содержать только числа, он должен сделать это на сервере, а не только на клиенте.
• Сценарии могут быть выборочно отключены, поэтому нельзя полагаться на JavaScript для предотвращения таких операций, как щелчок правой кнопкой мыши по изображению для его сохранения.^[68]
• Встраивание конфиденциальной информации, такой как пароли, в JavaScript, считается очень плохой практикой, поскольку она может быть извлечена злоумышленником.^[69]

Неуместное доверие к разработчикам

Системы управления пакетами, такие как npm и Bower популярны среди разработчиков JavaScript. Такие системы позволяют разработчику легко управлять зависимостями своей программы от программных библиотек других разработчиков. Разработчики верят, что сопровождающие библиотеки будут держать их в безопасности и обновлять, но это не всегда так. Из-за этого слепого доверия возникла уязвимость. У зависимых библиотек могут быть новые выпуски, которые вызывают ошибки или уязвимости во всех программах, которые используют библиотеки. И наоборот, библиотека может остаться незамеченной из-за известных уязвимостей. В ходе исследования, проведенного на выборке из 133 тыс. Веб-сайтов, исследователи обнаружили, что 37% веб-сайтов содержат библиотеки по крайней мере с одной известной уязвимостью.^[70] «Среднее отставание между самой старой версией библиотеки, используемой на каждом веб-сайте, и самой новой доступной версией этой библиотеки в ALEXA составляет 1177 дней, а разработка некоторых библиотек, которые все еще активно используются, прекратилась много лет назад».^[70] Другая возможность состоит в том, что сопровождающий библиотеки может полностью удалить библиотеку. Это произошло в марте 2016 года, когда Азер Кочулу удалил свой репозиторий из npm. Это привело к поломке всех десятков тысяч программ и веб-сайтов, зависящих от его библиотек.^[71][72]

Ошибки кодирования браузера и плагина

JavaScript предоставляет интерфейс для широкого спектра возможностей браузера, некоторые из которых могут иметь недостатки, например переполнение буфера. Эти недостатки могут позволить злоумышленникам написать сценарии, которые будут запускать любой код, который они пожелают, в системе пользователя. Этот код никоим образом не ограничивается другим приложением JavaScript. Например, эксплойт переполнения буфера может позволить злоумышленнику получить доступ к операционной системе. API с привилегиями суперпользователя.

Эти недостатки затронули основные браузеры, включая Firefox,^[73] Internet Explorer,^[74] и Safari.^[75]

Плагины, такие как видеоплееры, Adobe Flash, а также широкий выбор ActiveX элементы управления, включенные по умолчанию в Microsoft Internet Explorer, также могут иметь недостатки, которые можно использовать с помощью JavaScript (такие недостатки уже использовались в прошлом).^[76][77]

В Windows Vista Microsoft попыталась ограничить риски ошибок, таких как переполнение буфера, запустив процесс Internet Explorer с ограниченными правами.^[78] Гугл Хром аналогичным образом ограничивает средства визуализации страниц своей собственной «песочницей».

Ошибки реализации песочницы

Веб-браузеры могут запускать JavaScript вне песочницы с привилегиями, необходимыми, например, для создания или удаления файлов. Такие привилегии не предназначены для предоставления коду из Интернета.

Неправильное предоставление привилегий JavaScript из Интернета сыграло роль в уязвимостях как в Internet Explorer^[79] и Firefox.^[80] В Windows XP с пакетом обновления 2 (SP2) Microsoft снизила права JScript в Internet Explorer.^[81]

Майкрософт Виндоус позволяет запускать исходные файлы JavaScript на жестком диске компьютера как универсальные программы без изолированной программной среды (см .: Хост сценариев Windows ). Это делает JavaScript (например, VBScript ) теоретически жизнеспособный вектор для троянский конь, хотя троянские программы JavaScript на практике встречаются редко.^{[82][неудачная проверка ]}

Аппаратные уязвимости

В 2015 году доказательная реализация концепции на основе JavaScript молоток Атака была описана в статье исследователей безопасности.^{[83][84][85][86]}

В 2017 году была продемонстрирована атака на основе JavaScript через браузер, которая может обойти ASLR. Это называется «ASLR⊕Cache» или AnC.^[87][88]

В 2018 году газета, объявившая Призрак атаки на спекулятивное выполнение в Intel и других процессорах включали реализацию JavaScript.^[89]

Инструменты разработки

Важные инструменты эволюционировали вместе с языком.

• Каждый крупный веб-браузер имеет встроенный инструменты веб-разработки, включая JavaScript отладчик.

• Статический анализ программы инструменты, такие как ESLint и JSLint, просканируйте код JavaScript на соответствие набору стандартов и рекомендаций.

• Некоторые браузеры имеют встроенный профилировщики. Также были созданы автономные библиотеки профилирования, такие как benchmark.js и jsbench.^[90][91]

• Много текстовые редакторы есть поддержка подсветки синтаксиса для кода JavaScript.

Связанные технологии

Ява

Распространенное заблуждение состоит в том, что JavaScript похож или тесно связан с Ява. Верно, что оба имеют синтаксис, подобный C (язык C является их непосредственным общим предком). Они оба обычно в песочнице (при использовании в браузере), а JavaScript был разработан с учетом синтаксиса Java и стандартной библиотеки. В частности, все ключевые слова Java были зарезервированы в исходном JavaScript, стандартная библиотека JavaScript следует соглашениям об именах Java, а JavaScript Математика и Дата объекты основаны на классах из Java 1.0,^[92] но на этом сходство заканчивается.

Ява и JavaScript впервые появились в 1995 году, но Java была разработана Джеймс Гослинг компании Sun Microsystems и JavaScript от Брендан Эйх компании Netscape Communications.

Различия между двумя языками более заметны, чем их сходство. Java имеет статическая типизация, а типизация JavaScript динамичный. Java загружается из скомпилированного байт-кода, а JavaScript загружается как читаемый человеком исходный код. Объекты Java основанный на классе, в то время как JavaScript на основе прототипа. Наконец, Java не поддерживал функциональное программирование до Java 8, в то время как JavaScript поддерживал это с самого начала, находясь под влиянием Схема.

JSON

JSON, или нотация объектов JavaScript, - это универсальный формат обмена данными, который определяется как подмножество синтаксиса литерала объекта JavaScript.

WebAssembly

С 2017 года веб-браузеры поддерживают WebAssembly, двоичный формат, который позволяет Движок JavaScript для выполнения критических для производительности частей страница в Интернете скрипты близки к родной скорости.^[93] Код WebAssembly работает в том же песочница как обычный код JavaScript.

asm.js - это подмножество JavaScript, которое послужило предшественником WebAssembly.^[94]

Транспилеры

JavaScript является доминирующим клиентским языком Интернета, и многие веб-сайты содержат много скриптов. Таким образом транспилеры были созданы для преобразования кода, написанного на других языках, что может помочь процессу разработки.^[25]

Рекомендации

дальнейшее чтение

• Красноречивый JavaScript; 3-е изд; Марин Хавербеке; Пресс без крахмала; 472 страницы; 2018; ISBN  978-1593279509.(скачать)
• Принципы объектно-ориентированного JavaScript; 1-е изд; Николас Закас; Пресс без крахмала; 120 страниц; 2014; ISBN  978-1593275402.

внешняя ссылка

Послушайте эту статью

Этот аудиофайл был создан на основе редакции этой статьи от 20 августа 2013 г. и не отражает последующих правок.

(

• Аудио помощь
• Больше устных статей

)

• JavaScript в Керли
• Дуглас Крокфорд с видеолекции по JavaScript