Statement ng function sa JavaScript

Paglilinaw at paggamit

Ang statement ng function ay ginagamit para mideklarar ang function.

Ang naideklara na function ay 'inaimbak para sa hinaharap na paggamit', at ito ay gagawin kapag tinatawag sa hinaharap.

Sa JavaScript, ang function ay object, na mayroon ding mga attribute at method.

Maaari ring gumamit ng expression para magdeklarang function (tingnan ang kahulugan ng pagdeklarang function).

Basa namin ang aming tutorial sa JavaScript, upang malaman ang lahat ng kaalaman na kailangan ninyo tungkol sa function. Magsimula sa mga kabanata tungkol sa function ng JavaScript at scope ng JavaScript. Para sa mas maraming detalye, basahin ang aming tutorial tungkol sa kahulugan, argumento, pagtawag at closure ng function.

Mga tagubilin:Gumamit ng 'return' statement para mabalik ang halaga mula sa function.

Egemplo

Deklara ang isang function at magpalabas ng "Hello World" sa elemento na may id="demo" kapag tinatawag ang function:

function myFunction() { // Pagdeklara ng function
  document.getElementById("demo").innerHTML = "Hello World!";
}
myFunction(); // Tinatawag ang function

Subukan Nang Higit Pa

May mas maraming TIY sample sa ibaba ng pahina.

Syntax

function functionName(parameters) {
  code to be executed
}

Halaga ng argumento

Argumento Paglalarawan
functionName Mga kinakailangan. Itukoy ang pangalan ng function, at maaaring 'mag-imbak para sa hinaharap na paggamit'. Ang pangalan ng function ay maaaring magkaroon ng titik, numero, underscore at simbolo ng dolyar (ang mga alituntunin ay katulad ng variable).
parameters

Opsiyonal. Tukuyin ang isang grupo ng walang o ilang pangalan ng argumento, na nagsasagawa ng pamitugtug sa pamamagitan ng kumoma.

Ang argumento ng function ay ang pangalan na nakalista sa kahulugan ng function.

Ang argumento ng function ay ang aktwal na halaga na natanggap ng function kapag tinatawag. Sa loob ng function, ang argumento ay ginagamit bilang lokal variable.

Komentaryo:Kung ang function ay tinatawag na walang argumento, ang halaga ng nawawalang argumento ay itataglay sa 'undefined'.

Detalye ng Teknolohiya

Versyon ng JavaScript: ECMAScript 1

Mga Karagdagang Egemplo

Egemplo

Bumalik ang halaga ng PI:

function myFunction() {
  return Math.PI;
}

Subukan Nang Higit Pa

Egemplo

Bumalik ang resulta ng pagkakalipat ng a at b:

function myFunction(a, b) {
  return a * b;
}

Subukan Nang Higit Pa

Egemplo

Sa pamamagitan ng paggamit ng function, maaaring gamitin ang parehong code ng iba't ibang argumento upang makakuha ng iba't ibang resulta.

Pagbabagong degree Fahrenheit sa degree Centigrade:

function toCelsius(fahrenheit) {
  return (5/9) * (fahrenheit-32);
}

Subukan Nang Higit Pa

Egemplo

Ang function ay magagamit bilang variable.

Pinalitan ng:

temp = toCelsius(32);
text = "Ang temperatura ay " + temp + " Centigrade";
Maaaring gamitin:
text = "Ang temperatura ay " + toCelsius(32) + " Centigrade";

Subukan Nang Higit Pa

Egemplo

Ang function ng JavaScript ay may isang binibigyang-karapatang object na tinatawag na arguments.

Ang attributes.length na property ay ibibigay ng function na nakaiba sa bilang ng mga argumento na natanggap ng function sa pagtawag:

function myFunction(a, b) {
  return arguments.length;
}

Subukan Nang Higit Pa

Egemplo

I-click ang button para tumawag sa function, ang function na ito ay maglalagay ng "Hello World" sa elemento na may id="demo":

<button onclick="myFunction()">Click me</button>
<p id="demo"></p>
<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Hello World";
}
</script>

Subukan Nang Higit Pa

Egemplo

Maaaring gamitin ang expression para sa paglalarawan ng function sa JavaScript.

Maaaring ipon ang function expression sa variable:

var x = function (a, b) {return a * b};

Subukan Nang Higit Pa

Egemplo

Pag-ipon ng function expression sa variable, ang variable na ito ay magagamit bilang function:

var x = function (a, b) {return a * b};
var z = x(4, 3);

Subukan Nang Higit Pa

Suporta ng Browser

Mga pangungusap Chrome IE Firefox Safari Opera
function Suporta Suporta Suporta Suporta Suporta

Mga Naglilingkod na Pahina

Tuturong JavaScript:JavaScript Function

Tuturong JavaScript:JavaScript Scope

Tuturong JavaScript:JavaScript Function Definition

Tuturong JavaScript:JavaScript Function Parameters

Tuturong JavaScript:JavaScript Function Call

Tuturong JavaScript:Function Closure sa JavaScript

Mga Referensya sa JavaScript:JavaScript return Statement