Важные функции JavaScript, о которых вам нужно знать

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

• Введение в JavaScript
• Основы JavaScript
• Функция JavaScript
• Предопределенные функции
• Различные способы определения функции JavaScript

Введение в JavaScript

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

как использовать goto c ++

Это язык программирования, который помогает реализовать сложный и красивый дизайн на веб-страницах. Если вы хотите, чтобы ваша веб-страница выглядела живой и делала гораздо больше, чем просто смотрела на вас, JavaScript просто необходим.

Основы JavaScript

Если вы новичок в этом языке, вам необходимо знать некоторые из основы JavaScript это поможет вам начать писать свой код. Основы включают:

• Массивы
• Функции

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

Функция JavaScript

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

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

Базовый синтаксис создать функцию на JavaScript выглядит следующим образом:

function functionName (Parameter1, Parameter2, ..) {// тело функции}

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

Предопределенные функции

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

Давайте рассмотрим пример и посмотрим, как эти стандартные функции работают в JavaScript:

var x = 10 var y = 20 var a = eval ('x * y') // Eval var b = parseInt ('10 .00 ') // ParseInt var c = parseFloat ('10') // ParseFloat escape ('Добро пожаловать to Edureka ') // Escape unescape (' Добро пожаловать в Edureka ') // Unescape

Различные способы определения функции JavaScript

Функция может быть определена разными способами. Важно проверить, как функция взаимодействует с внешними компонентами и типом вызова. Различные способы включают:

• • Объявление функции
  • Выражение функции
  • Сокращенное определение метода
  • Функция стрелки
  • Функция генератора
  • Конструктор функций

Объявление функции

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

Это определяется как:

что такое переменная экземпляра

// объявление функции function isEven (num) {return num% 2 === 0} isEven (24) // => true isEven (11) // => false

Функция isEven (число) - это объявление функции, которое используется для определения четности числа.

Выражение функции

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

Это определяется как:

const count = function (array) {// Выражение функции return array.length} const methods = {numbers: [2, 5, 8], sum: function () {// Выражение функции return this.numbers.reduce (function ( acc, num) {// выражение функции return acc + num})}} count ([1, 7, 2]) // => 3 метода.sum () // => 15

Выражение функции создает объект функции, который можно использовать в различных ситуациях, например:

• Его можно отнести к переменная как объект: count = function (…) {…}
• Создать метод на сумме объекта: function () {…}
• Использовать функция есть Перезвони: .reduce (функция (…) {…})

Сокращенное определение метода

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

В следующем примере используется сокращенное определение метода в литерале объекта:

const collection = {items: [], add (... items) {this.items.push (... items)}, get (index) {return this.items [index]}} collection.add ('edureka ',' Онлайн ',' JavaScript ') collection.get (1) // =>' edureka '

У сокращенного подхода есть несколько льготы по сравнению с традиционным определением собственности, таким как:

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

Функция стрелки

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

keyerror: 'а'

В следующем примере показано базовое использование стрелочной функции:

const absValue = (число) => {if (число 21 absValue (7) // => 7

Вот, absValue - стрелочная функция, вычисляющая абсолютное значение числа.

Функция генератора

Функция генератора в JavaScript возвращает Генератор объект. Синтаксис аналогичен выражению функции, объявлению функции или объявлению метода. Но для этого требуется звездный персонаж (*) .

Функция генератора может быть объявлена ​​в следующих формах:

• Форма объявления функции function * ():

function * indexGenerator () {var index = 0 while (true) {yield index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g.next ( ) .value) // => 1

• Форма выражения функции function * ():

const indexGenerator = function * () {let index = 0 while (true) {yield index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g. next (). value) // => 1

• Краткая форма определения метода * ():

const obj = {* indexGenerator () {var index = 0 while (true) {yield index ++}}} const g = obj.indexGenerator () console.log (g.next (). value) // => 0 console. log (g.next (). value) // => 1

Функция генератора возвращает объект g во всех трех случаях. Затем он используется для создания серии увеличивающихся чисел.

Конструктор функций

Когда функция вызывается как конструктор, новая функция создано. Аргументы, переданные конструктору, становятся именами параметров новой функции. Здесь последний аргумент используется как тело функции код.

Например:

function sum1 (a, b) {return a + b} const sum2 = function (a, b) {return a + b} const sum3 = (a, b) => a + b console.log (typeof sum1 === 'function') // => true console.log (typeof sum2 === 'function') // => true console.log (typeof sum3 === 'function') // => true

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

Теперь, когда вы знаете о функции JavaScript, ознакомьтесь с пользователя Edureka. Курс по сертификации веб-разработки поможет вам узнать, как создавать впечатляющие веб-сайты с помощью HTML5, CSS3, Twitter Bootstrap 3, jQuery и API Google и развертывать их в Amazon Simple Storage Service (S3).

Есть вопрос к нам? Пожалуйста, укажите это в разделе комментариев «Функция JavaScript», и мы свяжемся с вами.