5つのよくある関数の書き方と呼び出し方

1180 ワード

JavaScript

前言
関数は開発の中でどこにでもあります.よく開発の中で私達の声明の関数は一つか二つで十分です.しかし、私の夢を持っている私達にとっては、これは明らかに足りないです.だから、5つのよくある声明の方式と呼び出し方法をまとめました.
1、関数宣言(最も一般的な書き方)

//       
function bar() {
    console.log('      ');
}

//     
bar();

2、関数式(匿名関数の書き方)

//       
var bar = function() {
    console.log('      ');
}

//     
bar();

3、方法を対象とします.

//   
var Text = {
    bar1：function() {
        console.log()
    },
    bar2: function() {
        console.log()
    }
}

//   
Text.bar1();
Text.bar2();

4、コンストラクタにオブジェクトを追加する方法(プロトタイプの特性を利用して実現)

//   
var bar = function() {}
bar.prototype.way = function() {
    console.log('      ')
}

//   
var funname = new text();//     
funname.way();//

5、自己実行関数

最後に括弧を入れる


(function(){
    alert(1);
}())

function外は括弧をプラスします.


(function(){
    alert(1);
})()

このようなやり方は方法1より一つのコード全体の利点が少ないです.

functionの前に演算子を加算すると、よくあるのは!とvoidです.


!function(){
    alert(1);
}()

void function(){
alert(2);
}()

【vue-cli 3.0】vue.com fig.js配置-パスエイリアス