1. 程式人生 > >js函式常見的寫法以及呼叫方法

js函式常見的寫法以及呼叫方法

寫在前面:本文詳細的介紹了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中的每個物件都有prototype屬性,Javascript中物件的prototype屬性的解釋是:返回物件型別原型的引用。

// 給物件新增方法
    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少了一個程式碼整體性的好處。
//方法3:function前面加運算子,常見的是!與void 。
!function(){alert(1);}(); 
void function(){alert(2);}(); 
/*顯然,加上“!”或“+”等運算子,寫起來是最簡單的。 
加上“void ”要敲五下鍵盤,但是聽說有一個好處是,比加"!"少一次邏輯運算。----我只是聽說,不明所以。*/

以上。
參考:1.http://www.jb51.net/article/31078.htm
2.http://www.cnblogs.com/Imever/p/4777985.html
最後又到了觀眾朋友們最喜歡的求贊求關注環節:希望看完的朋友點個喜歡,想關注我這個菜雞是如何成長的也可以關注一下我,基本上每個月都不會少於十五篇文章(看到乾貨我也會進行分享)。然後github也互相加個star。碼字不易,感謝支援,感激不盡!
ps:如果希望我寫哪方面的文章可以在底下評論,或者是私信我,雖然寫的不好,但我就當這是記錄自己成長的一種方式咯。(前提是我會了,如果不會我也會記下來,等會了的時候再更出來。)
簡書主頁連結