JavaScript的立即执行函数怎么使用
JavaScript的立即执行函数如何使用?本篇文章就来给大家介绍一下JavaScript立即执行函数的使用方法。
我们先来简单看一下函数是什么?
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
换句话说,如果你多次使用某个函数,只要调用就可以简单地使用。
使用fonction,定义如下。
fonction 函数名(){ 执行的代码 }
我们再来看一下什么是匿名函数?
顾名思义,匿名函数是其功能可以在没有函数名称的情况下定义的函数
使用匿名函数还具有在使用高阶函数时简化代码的优点。
高阶函数是一个可以将函数本身作为参数或返回值处理的函数。
在高阶函数中,作为参数的函数通常只使用一次,因此i可以通过使代码成为匿名函数来使代码变得简单。
此外,由于你不需要通过使其成为匿名函数来定义全局范围名称,因此还可以减少由于复制函数名称而导致的错误。
正常函数和匿名函数的比较
让我们根据以下程序比较正常函数和匿名函数。
function( ) { 执行的代码 }
正常的函数(命名的函数)
代码如下
<!DOCTYPE html> <html> <head> <meta charset = "utf-8"> <title>JavaScript</title> </head> <body> <script> function sum(a,b){ var result = a + b; return result; } var answer = sum(1,2); console.log(answer); </script> </body> </html>
使用console.log调用时,根据参数1和2 输出“3”。
匿名函数
接下来我们用匿名函数来编写相同函数
代码如下
<script> var sum = function (a,b){ var result = a + b; return result; } var answer = sum(1,2); console.log(answer); </script>
在一个命名的函数中,我们首先定义函数sum,我们稍后将sum指定给变量answer,并使用参数1和2调用。
相反,在匿名函数中,在变量中可以直接输入函数的定义,因此,能够将函数定义本身存储在变量中也是匿名函数的优点。
结果是一样的
最后,我们来看看立即执行函数的用法
立即函数是一个立即执行函数表达式,在英语中称为IIFE(立即调用函数表达式)。
立即函数被定义后立即执行。
因此,它被称为立即执行功能。
使用立即函数,只要定义函数就可以立即执行。
局部变量在函数中声明,并在整个声明的函数中使用。
全局变量是在全局范围内声明的变量,因此它们可以在JavaScript程序中的任何位置使用。
例如,全局变量在函数外部声明,那么它既可以在函数内部使用也可以在外部使用。
我们下面来看立即函数的示例
var声明一个变量,从functions开始的函数定义本身就可以立即执行。
代码如下
<script> var sum = (function (a,b){ var result = a + b; return result; })(1,2); console.log(sum); </script>
我们通过立即给函数定义提供参数来执行它。
到目前为止,我们已将函数sum分配给变量answer并传递参数。将其省略为变量answer,这意味着你可以将参数直接传递给已定义的函数并执行内容。
由于你不需要使用var answer = sum(1,2);来调用该函数,因此该程序非常流畅。
运行结果如下:结果也是3
Atas ialah kandungan terperinci JavaScript的立即执行函数怎么使用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Alat AI Hot

Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool
Gambar buka pakaian secara percuma

Clothoff.io
Penyingkiran pakaian AI

Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

Alat panas

Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6
Alat pembangunan web visual

SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Topik panas





Soalan dan penyelesaian yang sering ditanya untuk percetakan tiket kertas terma depan dalam pembangunan front-end, percetakan tiket adalah keperluan umum. Walau bagaimanapun, banyak pemaju sedang melaksanakan ...

Tidak ada gaji mutlak untuk pemaju Python dan JavaScript, bergantung kepada kemahiran dan keperluan industri. 1. Python boleh dibayar lebih banyak dalam sains data dan pembelajaran mesin. 2. JavaScript mempunyai permintaan yang besar dalam perkembangan depan dan stack penuh, dan gajinya juga cukup besar. 3. Faktor mempengaruhi termasuk pengalaman, lokasi geografi, saiz syarikat dan kemahiran khusus.

JavaScript adalah asas kepada pembangunan web moden, dan fungsi utamanya termasuk pengaturcaraan yang didorong oleh peristiwa, penjanaan kandungan dinamik dan pengaturcaraan tak segerak. 1) Pengaturcaraan yang didorong oleh peristiwa membolehkan laman web berubah secara dinamik mengikut operasi pengguna. 2) Penjanaan kandungan dinamik membolehkan kandungan halaman diselaraskan mengikut syarat. 3) Pengaturcaraan Asynchronous memastikan bahawa antara muka pengguna tidak disekat. JavaScript digunakan secara meluas dalam interaksi web, aplikasi satu halaman dan pembangunan sisi pelayan, sangat meningkatkan fleksibiliti pengalaman pengguna dan pembangunan silang platform.

Bagaimana cara menggabungkan elemen array dengan ID yang sama ke dalam satu objek dalam JavaScript? Semasa memproses data, kita sering menghadapi keperluan untuk mempunyai id yang sama ...

Perbincangan mengenai realisasi kesan animasi tatal dan elemen Parallax dalam artikel ini akan meneroka bagaimana untuk mencapai yang serupa dengan laman web rasmi Shiseido (https://www.shiseido.co.jp/sb/wonderland/) ... ...

Perbincangan mendalam mengenai punca-punca utama perbezaan dalam output konsol.log. Artikel ini akan menganalisis perbezaan hasil output fungsi Console.log dalam sekeping kod dan menerangkan sebab -sebab di belakangnya. � ...

Pembelajaran JavaScript tidak sukar, tetapi ia mencabar. 1) Memahami konsep asas seperti pembolehubah, jenis data, fungsi, dan sebagainya. 2) Pengaturcaraan asynchronous tuan dan melaksanakannya melalui gelung acara. 3) Gunakan operasi DOM dan berjanji untuk mengendalikan permintaan tak segerak. 4) Elakkan kesilapan biasa dan gunakan teknik debugging. 5) Mengoptimumkan prestasi dan mengikuti amalan terbaik.

Terokai pelaksanaan fungsi seretan panel dan drop panel seperti VSCode di bahagian depan. Dalam pembangunan front-end, bagaimana untuk melaksanakan vscode seperti ...
