ホームページ > 記事 > ウェブフロントエンド > JavaScript関数の基本を詳しく解説
JavaScript関数の基本を詳しく解説
- 高洛峰オリジナル
- 2017-02-03 13:15:281050ブラウズ
関数とは何ですか?
関数は特定の関数を完了するコードセグメントです
関数は繰り返し可能なコードセグメントです
関数は管理と保守が簡単です
カスタム関数
関数キーワードを通して
関数関数名 ( [パラメータ,...]){
コードセグメント;
return 返回值; }
注
関数名に特殊文字を含めないでください
関数名には明確な意味があることが最善です
それ関数名はキャメルケース表記または下線に従うのが最適ですメソッド
関数名は大文字と小文字が厳密に区別されます
関数名が繰り返される場合は上書きされます
関数にはパラメータを含めることも、パラメータを持たないこともできます。パラメーターまたは複数のパラメーター
関数は return を通じて戻り値を追加します。戻りがない場合は、デフォルトで未定義が返されます
関数が呼び出されない場合は実行されません
匿名関数
関数式は変数に格納できます、変数は関数としても使用できます
匿名関数をパラメータとして他の関数に渡すことができ、受信側関数は渡された関数を通じて特定の関数を完了できます
一部のワンタイムタスクは匿名を通じて実行できます関数
Function() コンストラクターを通して
組み込み JavaScript 関数コンストラクター (Function()) 定義を通して
var myFunction=new Function('a','b','return a+b');
var myFunction=function(a,b){return a+b;};
注
上記 2 つのメソッドは同等です
new キーワードの使用は避けてください
ソースコード
<!DOCTYPE html>
<html>
<head>
<meta charSet="utf-8">
<title></title>
</head>
<body>
<Script type="text/javaScript">
// teSt();
function teSt(){
alert('thiS iS a teSt');
}
// teSt();
//函数名称严格区分大小写
function TEST(){
alert("hello king");
}
// TEST();
//函数名称重复会产生覆盖
// teSt();
function teSt(){
alert('hello maizi');
}
// teSt();
function teSt1(){
alert('thiS iS teSt1 function');
}
// alert(teSt1());
function teSt2(){
return null;
return undefined;
return;
return true;
return 'thiS iS king';
return 1.2;
alert('thiS iS a teSt');
return 1;
}
// alert(teSt2());
function calc(num1,num2){
return num1+num2;
}
// alert(calc(1,2));
// alert(window.calc(3,5));
// alert(calc(1,2,3,4,5,6));
// function calc1(num1=1,num=2){
// return num1+num2;
// }
function calc1(num1,num2){
num1=num1||1;
num2=num2||2;
return num1+num2;
}
alert(calc1(3,6));
</Script>
</body>
</html>
実行結果:
以上がこの記事の内容です、この記事の内容が皆様の勉強や仕事のお役に立てれば幸いです。 PHP 中国語 Web サイトをサポートするために!
JavaScript 関数の基本に関するその他の関連記事については、PHP 中国語 Web サイトに注目してください。