ホームページ > 記事 > ウェブフロントエンド > JavaScript関数の使い方
JavaScript関数の使い方
- 不言オリジナル
- 2018-12-17 13:52:062622ブラウズ
関数は同じ処理を共同で定義し、複数の用途に使用できるようにします。次の記事では JavaScript関数の使い方関数の使い方 での関数の使い方を紹介します。
コードが多い場合は、同じ処理を何度も使用する必要がある場合がありますが、コピーして貼り付けることで時間を節約できます。コードが非常に長くなってしまうため、後続の操作に不便になります。このとき、同じ処理を関数として定義し、この関数を呼び出すと、コードが非常に簡潔になります。
さらに、この関数には、処理が必要なコードの一部を変更する必要がある場合、1 か所だけ変更すれば済むという利点もあります。
JavaScript関数の使い方関数の使い方 での function の定義を見てみましょう
基本的な形式
関数を定義するときに最初に必要なものは function です。次に、関数の名前を記述し、必要な処理を {} 内に記述します。最も簡単な記述方法は次のとおりです。<script>
function 函数名( ) {
处理的代码
}
</script>
パラメータと戻り値
<script>
function 函数名（参数1，参数2，...）{
处理的代码
return 返回值;
}
</ script>関数型プログラミングの使用例を 具体的に見てみましょう
最初に変数を使用して書き込み、入力された金額に応じて変数をお金として定義します。 use document.write は、「金持ち」、「普通の人」、「貧乏人」の 3 種類の文字列を出力します。 コードは次のとおりです<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>JavaScript関数の使い方関数の使い方</title>
</head>
<body>
<script>
var money;
if (money > 5000) {
document.write("有钱人");
} else if (money > 3000){
document.write("普通人");
} else {
document.write("贫穷");
}
</script>
</body>
</html>上記のコードに基づいて、入力された金額に応じて、実行結果は「金持ち」または「普通の人」または「貧乏」になります。関数が使用されない場合は、同じコードを記述する必要があります。 <script>
var money=10000;
if (money > 5000) {
document.write("有钱人");
} else if (money > 3000){
document.write("普通人");
} else {
document.write("贫穷");
}
</script>変数マネーの値を10000に入力すると出力結果は「金持ち」になります
##関数の具体的な使用例を見てみましょう
ここでの関数名は「judge」です。入力した変数のお金の価値で「お金持ち」「普通の人」「貧しい人」を判断したいからです。
実際には、どのような情報が関数に渡されるのかわからないため、変数moneyを使用してパラメータを定義します。この関数は、変数moneyに入力された値に基づいて出力値と文字列を変更します。function judge(money) {
if (money > 5000) {
document.write("有钱人");
} else if (money > 3000){
document.write("普通人");
} else {
document.write("贫穷");
}
} こうすることで、これまで何度も繰り返し書いてきたコードを削除し、judgeという関数に置き換えることができます。 コードは次のとおりです<script>
function judge(money) {
if (money > 5000) {
document.write("有钱人");
} else if (money > 3000){
document.write("普通人");
} else {
document.write("贫穷");
}
}
var money = 10000;
judge(money);
var money = 4000;
judge(money);
var money = 2000;
judge(money);
</script>実行結果は次のとおりです
戻り値を使用して、 return
document.write を使わずに判定結果の文字列を返すこともできます。 。この場合、戻り値 return を使用します。判定結果文字列「豊か」「普通」「貧乏」を代入したら、最後にreturnで結果変数の値を返します。
コードは次のとおりです<script>
function judge(money) {
var result;
if (money > 5000) {
result = "有钱人";
} else if (money > 3000){
result = "普通人";
} else {
result = "贫穷";
}
return result;
}
var money = 10000;
var result = judge(money);
document.write(result);
var money = 4000;
var result = judge(money);
document.write(result);
var money = 2000;
var result = judge(money);
document.write(result);
</script>ランニング効果は変わりません
#最後に簡単に見てみましょう
ローカル変数とは
ローカル変数とは、関数内で定義された変数を指し、その関数内でのみ役割を持ちます。
以上がJavaScript関数の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。