幾種常見寫法

1. 常規寫法：

最常規的寫法

// 函式的定義
function foo(){
    alert('常規寫法');
}

// 函式的呼叫
foo()

2. 匿名函式寫法

給一個變數賦值為一個函式，即變數也為函式物件

// 函式的定義
var foo = function(){
    alert('匿名函式定義');
}

// 函式的呼叫
foo()

3. 將方法作為一個物件

將函式作為物件的方法寫法，採用JSON格式（JSON物件）

// 定義
var test = {
    foo1: function(){  },
    foo2: function
 
(){  }
}

// 呼叫
test.foo1();
test.foo2();

4. 建構函式中給物件新增方法

JavaScript中每個物件都有prototype屬性，對物件的prototype屬性的解釋是：返回物件型別原型的引用。

// 給物件新增方法
var foo = function(){ };  // 定義函式物件
foo.prototype.test = function(){ 
    alert('這是在在foo函式上的原始物件上新增test方法，建構函式中用到');
}

// 呼叫
var myfoo = new foo(); // 建立物件
myfoo.test(); // 呼叫物件屬性
 

5. 自執行函式

JavaScript自執行函式的幾種寫法

// 方式1： (foo())
(
     function(){alert('hello');}()
);
/*這是jslint推薦的寫法，好處是，能提醒閱讀程式碼的人，這段程式碼是一個整體。 
例如，在有語法高亮匹配功能的編輯器裡，游標在第一個左括號後時，最後一個右括號也會高亮，看程式碼的人一眼就可以看到這個整體。 */

// 看到別人的外掛，你會發現人家開頭處加了一個";"，這樣就算頁面js有錯誤，載入執行他的外掛也能保證執行，如：
;(function(e){alert(e);}('hello world'));
// 即是型如： ;(foo())
 

// 方式2：(foo)()
(function(){alert('hello');})();
//這種做法比方法1少了一個程式碼整體性的好處。

// 方式3： function前面加運算子，常見的是!與void
！function(){alert('hello');}();
void function(){alert(2);}();

注：
如果一個函式的引數很多，那麼我們呼叫函式的時候並不能很好的記住他的順序，把引數封裝成物件，然後把物件裡的一個個屬性對應用於引數，這樣子很好解決了這個問題

 var foo = function(args) {
     sayHi(args.country || "Chinese",
           args.name,
           args.qq,
           args.phone,
           args.email) 
 }

function sayHi(country,name,qq,phone,email){
    alert("Hi, I am a "+country+", my name is "+name+";qq:"+qq+";phone:"+phone+";email:"+email);    
}

foo({name:"xiao",phone:"13888888888",email:"[email protected]",qq:123456});

常見問題

開發中常遇見有函式的寫法不同
myfun：function(){}
myfun = function(){}
function myfun(){}
var myfun =function(){}
myfun.prototype.myfunPro = function (){}

這幾種方法每一個都有不一樣的作用。

1. 這裡寫程式碼片myfun：function(){} 這個是必須寫在物件內部的，這是一個物件的方法，如

var a = {
   myfun：function(){} 
}

寫在外面會報錯。

1. 任何時候都不要這樣寫myfun = function(){}，這樣寫就變成了全域性物件window的一個屬性，要記得加上var ，第四種方式是對的，如下：

var myfun = function(){}

這是一種宣告函式的方式，左邊是一個變數，右邊是一個函式的表示式，意思就是把一個匿名的函式表示式複製給了變數myfun，只是聲明瞭一個變數指向了一個函式物件。這個和第三種方法function myfun(){}宣告的方法差別不大，但還是有差別的。
這就要涉及到javascript解析的部分了，簡單來說，js在解析的過程中，會先把函式和變數提前解析。
function myfun(){}這種宣告方法會把函式整個語句顯示的提前到了指令碼或者函式前（當前作用域），函式名和函式均會被提前（會在執行上下文程式碼前宣告）。
而var myfun = function(){}這種宣告方法，只是提前了一個變數，並沒有提前函式體。

1. 最後一種並不是宣告的函式，只是在myfun函式上的原始物件上加了一個myfunPro方法，建構函式中用到的。給你個例子：

var myfun = function(){
   this.a = "a";
}
myfun.prototype.myfunPro = function (){
   alert("0")
}
var test = new myfun();
console.log(test);

執行結果如下圖：

這時候如果你在最底部加上一段程式碼，如下：

ar myfun = function(){
   this.a = "a";
}
myfun.prototype.myfunPro = function (){
   alert("0")
}
var test = new myfun();
console.log(test);
test.myfunPro();

這時候就會彈出一個對話方塊 0了 。

JavaScript例項和物件的區別

在Javascript中只有物件。 變數是物件，函式也是物件。 只要你知道你的物件是什麼，按照它的方式去使用就可以了。

javascript是弱型別，物件，例項，函式，方法通用的。不需要區別那麼清楚。

關於js中例項和物件的解釋如下：

// 比如定義persion如下：
var person = new Object();
var person = {};

JS 是基於原型的面嚮物件語言, 所有資料都可以當作物件處理，所以 person 是物件, 可以把它當作是 Object 的例項. 當然, 一切都是物件。
第二個採用物件字面量的方式生成的person也是如此。
然而它內部沒有呼叫new Object()，而是採用JSON的初始化方式：

將現有的引用指向person。 例項和物件的區別，從定義上來講： 1、例項是類的具象化產品， 2、而物件是一個具有多種屬性的內容結構。
例項都是物件，而物件不全是例項。 Js裡面沒有類（ES6以前）的語法，所以類的概念就通過創造一個物件來實現。