js函式常見的寫法以及呼叫方法
阿新 • • 發佈:2019-01-10
寫在前面:本文詳細的介紹了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:如果希望我寫哪方面的文章可以在底下評論,或者是私信我,雖然寫的不好,但我就當這是記錄自己成長的一種方式咯。(前提是我會了,如果不會我也會記下來,等會了的時候再更出來。)
簡書主頁連結,