Важни JavaScript функции, за които трябва да знаете

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

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

Въведение в JavaScript

JavaScript е високо ниво , интерпретиран, програмен език използва се, за да направи уеб страниците по-интерактивни. Това е много мощен скриптов език от страна на клиента, който прави вашата уеб страница по-оживена и интерактивна.

Това е език за програмиране, който ви помага да внедрите сложен и красив дизайн на уеб страници. Ако искате вашата уеб страница да изглежда жива и да прави много повече от просто да ви гледа, JavaScript е задължителен.

Основи на JavaScript

Ако сте нов в езика, трябва да знаете някои от основи на JavaScript това ще ви помогне да започнете да пишете кода си. Основите включват:

ms sql уроци за начинаещи

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

Можете да проверите за да влезете в дълбочината на тези основни концепции и основи на JavaScript. В тази статия за функцията на JavaScript ще се съсредоточим върху различните начини за дефиниране на функции.

JavaScript функция

Функцията на JavaScript е a блок код който е предназначен да изпълнява някаква конкретна задача. Можете да изпълните функция, като я извикате. Това е известно като призовавайки или обаждане функция.

За да използвате функция, трябва да я дефинирате някъде в обхвата, от който искате да я извикате. Идеята е да се съберат някои често изпълнявани задачи и да се направи функция, така че вместо да пишем един и същ код отново и отново за различни входове, можем да извикаме тази конкретна функция.

Основното синтаксис да създадете функция в JavaScript е както следва:

функция functionName (Параметър1, Параметър2, ..) {// тяло на функцията}

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 ('Добре дошли към Edureka ') // Escape unescape (' Добре дошли в Edureka ') // Unescape

Различни начини за дефиниране на JavaScript функцията

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

• • Декларация за функция
  • Израз на функция
  • Определение на стенографски метод
  • Функция стрелка
  • Функция генератор
  • Конструктор на функции

Декларация за функция

Декларацията за функция се състои от a ключова дума за функция , задължително име на функция, списък с параметри в чифт скоби и чифт фигурни скоби, които ограничават кода на тялото.

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

// декларация за функция функция isEven (num) {return num% 2 === 0} isEven (24) // => true isEven (11) // => false

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

Израз на функцията

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

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

const count = функция (масив) {// израз на функция връща array.length} const методи = {числа: [2, 5, 8], sum: function () {// изразът на функция връща this.numbers.reduce (функция ( acc, num) {// func. израз връщане acc + num})}} count ([1, 7, 2]) // => 3 метода.sum () // => 15

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

• Той може да бъде присвоен на a променлива като обект: count = функция (…) {…}
• Създавам метод върху сумата на обект: функция () {…}
• Използвай функция имам обратно извикване: .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 '

Стенографският подход има няколко Ползи над традиционната дефиниция на собственост като:

• Има по-кратък синтаксис което улеснява четенето и писането.
• Това създава именувани функции, противно на израз на функция. Полезно е за отстраняване на грешки.

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

Функция стрелка се дефинира с помощта на двойка скоби, която съдържа списъка с параметри, последван от тлъста стрела (=>) и чифт къдрави скоби, които ограничават изявленията за тялото.

Следващият пример показва основното използване на функцията стрелка:

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

Тук, absValue е функция със стрелка, която изчислява абсолютната стойност на число.

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

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

Функцията генератор може да бъде декларирана в следните форми:

• Функция за декларация на функция функция * ():

функция * indexGenerator () {var index = 0 while (true) {index index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g.next ( ) .value) // => 1

• Функция израз израз функция * ():

const indexGenerator = функция * () {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

Функцията генератор връща обект ж и в трите случая. След това се използва за генериране на поредица от увеличени числа.

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

Когато функцията се извиква като конструктор, a нова функция е създаден. Аргументите, които се предават на конструктора, стават имена на параметри за новата функция. Тук последният аргумент се използва като функция тяло код.

Например:

функция 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 и Google API и да го разположите в Amazon Simple Storage Service (S3).

Имате въпрос към нас? Моля, споменете го в раздела за коментари на „Функция JavaScript“ и ние ще се свържем с вас.