ホームページ >ウェブフロントエンド >jsチュートリアル >js関数の一般的な記述方法と呼び出し方法

js関数の一般的な記述方法と呼び出し方法

jacklove
jackloveオリジナル
2018-06-15 16:44:292102ブラウズ


以前書いた記事: この記事では、5つのjs関数の一般的な書き方と呼び出し方を詳しく紹介しています 普段、他の人のコードを見ると、様々な形式のjs関数の書き方を目にします。迷ったので、必要な友達が見て参考にできるようにまとめてみました。
1. 従来の書き方 (最も一般的な方法)

//函数的写法function run () {
        alert('常规写法');//这里是你函数的内容
    } // 调用
    run();

2. 匿名関数の書き方 (関数を変数に割り当てると考えることができます)

   // 匿名函数的写法var run = function(){
        alert('这是一种声明函数的方式,左边是一个变量,右边是一个函数的表达式,意思就是把一个匿名的函数表达式赋值给了变量myfun,只是声明了一个变量指向了一个函数对象。');//这里是你函数的内容
    }  // 调用  
    run();

3. メソッドをオブジェクトとして扱う

 // 作为对象方法,函数写法,这里创建了两个函数外面用{}包裹起来
    var Test = {
run1:function(){
  alert('这个必须放在一个对象内部,放在外边会出错!');//这里是你函数的内容}
,run2:function(){
  alert('这个必须放在一个对象内部,放在外边会出错!');//这里是你函数的内容}
}//调用Test.run1();//调用第1个函数Test.run2();//调用第2个函数

4. コンストラクターでオブジェクトにメソッドを追加します JavaScript のすべてのオブジェクトには、プロトタイプ属性があります。 JavaScript のオブジェクトのプロトタイプ属性の説明は、次のとおりです。オブジェクト型のプロトタイプへの参照を返します。

// 给对象添加方法
    var funName = function(){};
  funName.prototype.way = function(){
        alert('这是在funName函数上的原始对象上加了一个way方法,构造函数中用到');
    }    // 调用
    var funname = new text();// 创建对象
    funname.way();//调用对象属性

5. 自己実行関数 js の自己実行関数の書き方をいくつか見つけましたので、皆さんに見てもらいましょう

//方法1:最前最后加括号 (function(){alert(1);}()
); 
/*这是jslint推荐的写法,好处是,能提醒阅读代码的人,这段代码是一个整体。 
例如,在有语法高亮匹配功能的编辑器里,光标在第一个左括号后时,最后一个右括号也会高亮,看代码的人一眼就可以看到这个整体。 */
//方法2:function外面加括号 (function(){alert(1);})(); 
//这种做法比方法1少了一个代码整体性的好处。
rree

この記事では、js 関数の一般的な書き方と呼び出し方法を紹介します。関連コンテンツの詳細については、php 中国語 Web サイトに注目してください。

関連する推奨事項:

ネイティブ JS で json を読み取る AJAX の全プロセス

vue.js のインストールと構成

JS によるブラウザー印刷と印刷プレビュー


以上がjs関数の一般的な記述方法と呼び出し方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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