Aplicativos da web dinâmicos surgiram após o nascimento de . Com a crescente popularidade dos aplicativos da web, JavaScript tornou-se uma das línguas mais importantes do mundo de hoje. Este artigo da função JavaScript explicará as diferentes maneiras de definir funções em JavaScript na seguinte sequência:
- Introdução ao JavaScript
- Fundamentos de JavaScript
- Função JavaScript
- Funções Predefinidas
- Diferentes maneiras de definir a função JavaScript
Introdução ao JavaScript
JavaScript é um alto nível , interpretado, linguagem de programação usado para tornar as páginas da web mais interativas. É uma linguagem de script do lado do cliente muito poderosa que torna sua página da web mais animada e interativa.
É uma linguagem de programação que ajuda você a implementar um design complexo e bonito em páginas da web. Se você deseja que sua página da web pareça viva e faça muito mais do que apenas ficar boquiaberta, JavaScript é essencial.
Fundamentos de JavaScript
Se você é novo no idioma, precisa conhecer alguns dos fundamentos de JavaScript isso o ajudará a começar a escrever seu código. Os princípios básicos incluem:
- Arrays
- Funções
Você pode verificar o para aprofundar esses conceitos básicos e fundamentos do JavaScript. Neste artigo da Função JavaScript, vamos nos concentrar nas diferentes maneiras de definir funções.
Função JavaScript
Uma função JavaScript é um bloco de código que é projetado para executar qualquer tarefa específica. Você pode executar uma função chamando-a. Isso é conhecido como invocando ou chamando uma função.
Para usar uma função, você deve defini-la em algum lugar no escopo a partir do qual deseja chamá-la. A ideia é juntar algumas tarefas comumente executadas e fazer uma função de forma que, em vez de escrever o mesmo código repetidamente para entradas diferentes, possamos chamar essa função específica.
O básico sintaxe para criar uma função em JavaScript é o seguinte:
function functionName (Parameter1, Parameter2, ..) {// Corpo da função}
JavaScript consiste em vários componentes integrados ou funções predefinidas . Mas, também nos permite criar funções definidas pelo usuário. Então, vamos seguir em frente e dar uma olhada em algumas das funções predefinidas comumente usadas.
Funções Predefinidas
JavaScript possui várias funções integradas de nível superior. Vamos dar uma olhada em algumas das funções que são construídas na linguagem.
Funções | Descrição |
Eval | Avalia uma string / expressão aritmética e retorna um valor. |
ParseInt | Analisa um argumento de string e retorna um inteiro da base especificada. |
ParseFloat | Analisa um argumento de string e retorna um número de ponto flutuante. |
Fuga | Retorna a codificação hexadecimal de um argumento. |
Unescape | Retorna a string ASCII para o valor especificado. |
Vamos dar um exemplo e ver como essas funções predefinidas funcionam em 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 ('Bem-vindo para Edureka ') // Escape unescape (' Bem-vindo à Edureka ') // Unescape
Diferentes maneiras de definir a função JavaScript
Uma função pode ser definida de várias maneiras. É importante verificar como a função interage com os componentes externos e o tipo de chamada. As diferentes formas incluem:
Declaração de Função
Uma declaração de função consiste em um palavra-chave de função , um nome de função obrigatório, uma lista de parametros em um par de parênteses e um par de chaves que delimitam o código do corpo.
É definido como:
// declaração da função função isEven (num) {return num% 2 === 0} isEven (24) // => verdadeiro isEven (11) // => falso
Função isEven(num) é uma declaração de função usada para determinar se um número é par.
Expressão de Função
Uma expressão de função é determinada por um palavra-chave de função , seguido por um nome de função opcional, uma lista de parâmetros em um par de parênteses e um par de chaves que delimita o código do corpo.
É definido como:
const count = function (array) {// Expressão de função return array.length} métodos const = {numbers: [2, 5, 8], sum: function () {// Function expression return this.numbers.reduce (function ( acc, num) {// func. expressão return acc + num})}} contagem ([1, 7, 2]) // => 3 métodos.sum () // => 15
A expressão de função cria um objeto de função que pode ser usado em várias situações, como:
- Pode ser atribuído a um variável como um objeto: contagem = função (…) {…}
- Crie um método em uma soma de objeto: função () {…}
- Use o função tenha um ligue de volta: .reduce (função (…) {…})
Definição do método abreviado
A definição de método abreviada é usada em uma declaração de método em literais de objeto e classes ES6. Você pode defini-los usando um nome da função , seguido por uma lista de parametros em um par de parênteses e um par de chaves que delimitam as declarações do corpo.
O exemplo a seguir usa a definição de método abreviada em um literal de objeto:
const collection = {items: [], add (... items) {this.items.push (... items)}, get (index) {return this.items [index]}} collection.add ('edureka ',' Online ',' JavaScript ') collection.get (1) // =>' edureka '
A abordagem abreviada tem vários benefícios sobre a definição de propriedade tradicional, como:
- Tem um sintaxe mais curta o que torna mais fácil ler e escrever.
- Isso cria funções nomeadas, ao contrário de uma expressão de função. É útil para depuração.
Função de seta
Uma função de seta é definida usando um par de parênteses que contém a lista de parâmetros, seguido por um flecha gorda (=>) e um par de chaves que delimita as declarações do corpo.
O exemplo a seguir mostra o uso básico da função de seta:
const absValue = (número) => {if (número 21 absValue (7) // => 7
Aqui, absValue é uma função de seta que calcula o valor absoluto de um número.
Função Geradora
A função do gerador em JavaScript retorna um Gerador objeto. A sintaxe é semelhante à expressão de função, declaração de função ou declaração de método. Mas requer um personagem estrela (*) .
A função geradora pode ser declarada nas seguintes formas:
- Formulário de declaração de função 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
- Expressão de função forma função * ():
const indexGenerator = function * () {let index = 0 while (true) {yield index ++}} const g = indexGenerator () console.log (g.next (). value) // => 0 console.log (g. próximo (). valor) // => 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 (). valor) // => 1
A função geradora retorna o objeto g em todos os três casos. Em seguida, é usado para gerar uma série de números incrementados.
Construtor de Função
Quando Function é invocado como um construtor, um nova função é criado. Os argumentos que são passados para o construtor tornam-se os nomes dos parâmetros para a nova função. Aqui, o último argumento é usado como o corpo de função código.
Por exemplo:
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
Esses foram alguns dos diferentes métodos para definir funções em JavaScript. Com isso, chegamos ao final do nosso artigo. Espero que você tenha entendido o que são funções JavaScript e os diferentes métodos para defini-las.
Agora que você sabe sobre a função JavaScript, verifique o por Edureka. O Treinamento de Certificação de Desenvolvimento Web ajudará você a aprender como criar sites impressionantes usando HTML5, CSS3, Twitter Bootstrap 3, jQuery e APIs do Google e implantá-lo no Amazon Simple Storage Service (S3).
converter string para array php
Tem alguma questão para nós? Mencione isso na seção de comentários de “Função JavaScript” e entraremos em contato com você.