Function ng JavaScript
- Nasundan na Pahina Uri ng Data sa JS
- Susunod na Pahina Objekto ng JS
Ang function ng JavaScript ay dinisenyo para sa pagpapatupad ng mga partikular na ginagawa.
Ang function ng JavaScript ay lalalakip kapag tinatawag ito ng isang code.
示例
function myFunction(p1, p2) { return p1 * p2; // Ang function na ito ay ibabalik ang katumbas ng p1 at p2 }
Grammar ng function ng JavaScript
Ang function ng JavaScript ay pinapatupad sa pamamagitan ng function
Ay tinukoy ng keyword, pagkatapos nito angPangalan ng functionat ang mga butas (()).
Ang pangalan ng function ay maaaring kasama ang mga titik, numero, underscore at simbolo ng dolyar (ang mga patakaran ay katulad ng pangalan ng variable).
Ang mga butas na butas ay maaaring kasama ang mga parameter na nagsasama-sama ng kumita:
(Parameter 1, Parameter 2, ...)
Ang code na pinapatakbo ng function ay inilalagay sa loob ng mga butas na butas:{}
function name(Parameter 1, Parameter 2, Parameter 3) { Ang code na dapat ipatupad }
Mga parameter ng function (Function parameters)Ay ang mga pangalan na nakalista sa kahulugan ng function.
Mga argumento ng function (Function arguments)Ay ang tunay na inirecib ng function kapag tinatawag ang function.Halaga。
Sa function, ang mga parameter ay lokal na variable.
Sa ibang mga wika ng programasyon, ang function ay katulad ng program (Procedure) o subprogram (Subroutine).
Pagtawag ng function
Ang code sa loob ng function ay lalalakip sa pamamagitan ng pagtawag ng function ng ibang code:
- Kapag nangyayari ang pangyayari (kapag tinatanggap ng button ng user)
- 当 JavaScript 代码调用时
- 自动的(自调用)
您将在本教程中学到更多有关函数调用的知识。
函数返回
当 JavaScript 到达 return
语句,函数将停止执行。
如果函数被某条语句调用,JavaScript 将在调用语句之后“返回”执行代码。
函数通常会计算出返回值。这个返回值会返回给调用者:
示例
计算两个数的乘积,并返回结果:
var x = myFunction(7, 8); // 调用函数,返回值被赋值给 x function myFunction(a, b) { return a * b; // 函数返回 a 和 b 的乘积 }
x 的结果将是:
56
为何使用函数?
您能够对代码进行复用:只要定义一次代码,就可以多次使用它。
您能够多次向同一函数传递不同的参数,以产生不同的结果。
示例
将华氏度转换为摄氏度:
function toCelsius(fahrenheit) { return (5/9) * (fahrenheit-32); } document.getElementById("demo").innerHTML = toCelsius(77);
() 运算符调用函数
使用上面的例子,toCelsius
引用的是函数对象,而 toCelsius()
引用的是函数结果。
示例
访问没有 () 的函数将返回函数定义:
function toCelsius(fahrenheit) { return (5/9) * (fahrenheit-32); } document.getElementById("demo").innerHTML = toCelsius;
用作变量值的函数
函数的使用方法与变量一致,在所有类型的公式、赋值和计算中。
示例
使用变量来存储函数的值:
var x = toCelsius(77); var text = "The temperature is " + x + " Celsius";
您能够把函数当做变量值直接使用:
var text = "The temperature is " + toCelsius(77) + " Celsius";
您将在本教程中学到更多有关函数的知识。
局部变量
在 JavaScript 函数中声明的变量,会成为函数的局部变量。
局部变量只能在函数内访问。
示例
// Ang kodong ito ay hindi maaring gamitin ang carName function myFunction() { var carName = "Volvo"; // Ang kodong ito ay maaaring gamitin ang carName } // Ang kodong ito ay hindi maaring gamitin ang carName
Dahil ang mga lokal na variable ay makikilala lamang ng kanilang function, maaaring gamitin ang parehong pangalan ng variable sa iba't ibang function.
Ang mga lokal na variable ay nilikha noong simula ng function, at nililipat noong natapos ang function.
Aklat sa Labas
Kung nais kang makita ng mas maraming kaalaman tungkol sa Function ng JavaScriptPara sa mas maraming kaalaman, basahin ang mga kaugnay na nilalaman sa Tutorial sa Advanced ng JavaScript:
- Ulas ng Function ng ECMAScript
- Ito ay nagtuturo ng konsepto ng function, kung paano ideklara at tawagan ng ECMAScript ang function, at kung paano maibalik ang halaga ng function.
- Objekto ng arguments sa ECMAScript
- Ito ay nagpakilala sa pangunahing paggamit ng objekto na ito, at pagkatapos ay nagtuturo kung paano gamitin ang katangian ng length upang sukatin ang bilang ng argument ng function, at upang magsimulang magdulot ng function overload.
- Objekto ng Function sa ECMAScript (klase)
- Ito ay nagtuturo kung paano gumawa ng function gamit ang klase Function, at pagkatapos ay nagturo ng mga katangian at mga paraan ng objekto ng Function.
- Closure sa ECMAScript
- Ito ay nagtuturo ng konsepto ng closure, at nagpakita sa iyo ng dalawang ehemplo, isang simple at isang mas kumplikado.
- Nasundan na Pahina Uri ng Data sa JS
- Susunod na Pahina Objekto ng JS