函式是由若干程式碼構成，具有獨立功能的程式。在面向物件的程式語言中（java、c++、php等）函式又稱為方法。函式的出現大大提高了程式設計效率，也便於程式設計模組化。

今天主要為大家講解JavaScript中常見的幾種使用方法。這幾種方式的不同的地方在與this 的初始化。

第一種使用方法：作為單獨的函式使用

如下程式碼

function testFunction(A, a) {

return A * a*A; }

testFunction(10, 2);

// testFunction(10, 2)

返回200。

在這個例子中函式test在呼叫中被執行，這種情況下函式在JavaScript中是全域性物件。因為在html中預設全域性物件就是頁面本身，所以函式也屬於html頁面。如果是在瀏覽器中頁面物件是瀏覽器視窗，函式test會自動變為windows物件的函式，在這種情況下testfunction()和window.testFunction()是沒有區別的。

第二種使用方法：函式作為全域性物件使用

如下程式碼

function mytestFunction() {

return this;

}

mytestFunction();

這種情況下函式沒有自身物件呼叫，this的值會變成全域性物件，this的值是windows物件，如果是在瀏覽器中全域性物件是瀏覽器視窗。

第三種使用方法：函式作為方法使用

在JavaScript 中也可以定義物件方法（函式），

程式碼如下：

var myshili = {

xing:"zhang", ming: "san", mytest:function(){

document.write(this.xing + " " + this.ming)

}

}

myshili.mytest();

上面的建立了一個物件myshili，找個物件有兩個屬性xing和ming，還有一個方法mytest， 這段程式碼返回值是 "zhang san"。

第四種使用方法：建構函式呼叫函式

函式呼叫前出現了new這個關鍵字，則使用了建構函式，這並不是單純的建立新的函式，而是javascript函式重新建立了的物件。程式碼如下：

function testFunction(arg1, arg2) {

this.firstName = arg1; this.lastName = arg2;

}

var x = new testFunction("John","Doe");

x.firstName;

新物件會繼承建構函式的屬性和方法。

關於“javaScript函式”先聊到這。每天學習一個知識點，每日寄語”讀書三決：第一步，以古為敵。第二步，以古為友。第三步，以古為徒。

最後，如果有想一起學習web前端，HTML5及JavaScript的可以來一下我的前端群733581373，好友都會在裡面交流，分享一些學習的方法和需要注意的小細節，每天也會準時的講一些前端的炫酷特效，及前端直播課程學習

如果想看到更加系統的文章和學習方法經驗可以關注的微訊號：‘web前端技術圈’或者‘webxh6’關注後回覆‘2018’可以領取一套完整的學習視訊