ホームページ  >  記事  >  ウェブフロントエンド  >  js 関数のさまざまな定義方法と違いについての簡単な説明

js 関数のさまざまな定義方法と違いについての簡単な説明

高洛峰
高洛峰オリジナル
2016-12-03 15:53:27997ブラウズ

関数を定義するには通常 3 つの方法があります:

1. 関数キーワード (関数) ステートメント:

function fnMethodName(x){
alert(x);
}

2. 関数リテラル (関数リテラル):

var fnMethodName = function(x){alert( x);}

3.Function() コンストラクター:

var fnMethodName = new Function('x', 'alert(x);')

上記の 3 つのメソッドは、同じメソッド function fnMethodName を定義します。最初のメソッドは、最も一般的に使用されるメソッドです。後の 2 つは関数を変数 fnMethodName にコピーします。この関数には名前がありません。つまり、匿名関数です。実際、かなりの数の言語に匿名関数があります。

例は以下のとおりです:

【第1のタイプ - 関数キーワード(関数)文】

<script type="text/javascript">
 
  function add(num1,num2)
    {
    return num1+num2+200;
    }
  var sum=add(122,10000);
  window.document.write(sum);
 
</script>

【第2のタイプ - 関数リテラル(Function Literals):】

<script type="text/javascript">
 
  var add=function(num1,num2)
    { return num1+num2+200;}
  var sum=add(122,300);
  window.document.write(sum);
</script>

【章】 3 種類の -Function() コンストラクター:】

<script type="text/javascript">
    var add=new Function("num"," return num+200");//此时Function 这种方法用的比较少
    var sum=add(122);
    window.document.write(sum);
 
</script>

上記の記事は、js 関数のさまざまな定義方法と違いについて簡単に説明しており、エディターによって共有されるすべての内容です


声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。