DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 簡單分析javascript中的函數
簡單分析javascript中的函數
編輯:關於JavaScript     

在腳本語言JavaScript中,函數的定義是由事件驅動或者當它被調用時可重復使用的代碼塊。在JavaScript的標准ECMAscript中,把函數表述為可以隨時隨地運行的語句。我個人是不認同ECMA的說法的,因為函數只有在發生調用的時候才會執行,否則就是一段毫無生氣的代碼。

我們來具體認識認識函數。

(一)首先是函數的定義: 在ECMAscript函數的定義是 關鍵字function 函數名( 參數){主體;return(返回值)};這四部分組成的,但是在腳本語言中函數的定義卻分為三種方式定義:

形式1:function 函數名(參數){主體;返回值};這種定義的方式和ECMAscript的方式一樣;
形式2:var 函數名=function (參數){主體;返回值};
形式3:var 函數名=new Function (參數){主體;返回值};

在Javascript中只有這三種定義函數的方式,接下來說說每一種定義方式的使用的注意事項和具體的用法:第一種定義方式是最簡單,最容易理解的,他就是簡簡單單的為我們定義一個函數,供我們在接下來的編程中使用;第二中方式是通過我們構造一個匿名函數,並且把這個匿名函數的傳遞給一個我們定義的函數變量來實現的,他在閉包中是很常見的,為的是使在全局域內,我們能使用內層函數,讓我們的函數形成閉包結構。第三種方式是通過new出一個新的內存空間存放我們的匿名函數,並賦值與我們定義的函數名,這個函數是基於我們的匿名函數創建的。這種方式主要應用在原型裡面。

其實通過觀察,我們會發現,好像這三種定義方式之間聯系很緊密,感覺第三種第一方式好像是前面2種和第三種的組合使用,實事也是你看到的這樣,所以對於這3種定義方式我們知道就行了,知道他們分別什麼時候使用就好了。再有,我要說的是這三種定義方式的數據類型,是基於基本類型來說的,和基於對象類型的數據是一樣的,在基於對象數據類型裡,我們把函數稱為對象。當你接觸了對象的定義時,很明顯的發現,他們的定義方式基本上是一樣的。只不過函數名給稱為對象,定義的形式是很類似的。記住一點,對象就是函數,函數就是對象。

(二)幾種特殊的函數
(1) 匿名函數
所謂的匿名函數,就是沒有函數名的函數。這種函數的有點就是說,它的調用很難,這也就保證了安全性。那麼我們應該如何調用匿名函數呢?來看個例子:


通過把匿名函數作為參數傳遞給add變量,我們就可以調用我們的匿名函數了。

(2)自調函數
自調函數也是匿名函數的一種,它沒有作為參數傳遞給其他變量,也沒有自己的函數名,也就是說它不能被別人調用,只能自己調用自己。

圖中寫的方式就是自調函數的使用,這個函數被兩個小括號包圍著,第一個小括號的作用是封裝,把我們編寫的匿名函數封裝在其中,第二個小括號就是調用了,我們還可以給他初始化,就像第二個自調函數的寫法一樣。  

其實自調函數主要用於實現一次性的功能,就是說在執行周期內只運行一次,所以在我們進行網頁的初始化時,可以考慮使用自調函數。

(3)回調函數

回調函數,就是把自身作為返回值或者實參傳遞的這樣的函數。

函數a()和b()就是回調函數的應用。

(4)內部函數

這個就是一句話了,就是存在於函數內部的一類函數。

(三)函數的優點

1.大量重復的語句寫在函數裡面,可以重復的調用;
2.簡化編程語言,讓編程變得模塊化;
3.優化代碼結構;

(四)注意事項 

1.函數的書寫時,可以先調用,在書寫;因為JavaScript在程序開始時,會對我們所有的函數和變量進行隱式的聲明;
2.函數不會自己執行,只有在發生函數調用時,才會分配空間,才能使用;
3.函數名相同時,默認執行寫在下面的函數;
 4.函數名若有一個單詞構成,則首字母小寫,若有多個單詞構成,第一個單詞後其他單詞首字母大寫;

(五)函數的變量域

1.全局變量
寫在全局域的變量稱為全局變量;
2.局部變量
定義在函數內部,並用var 聲明的變量稱為局部變量;如果定義在函數內部,但未用var 聲明,則看做是全局變量。

我們要清楚的知道,學習JavaScript語言就是學習各種各樣的函數,所以對於函數的理解一定深刻一些,不然在以後的學習過程中,我們會遇到各種函數的嵌套啊,什麼的各種函數糅雜在一起,就會更加的理不清頭緒,整的自己那袋混亂的。這篇簡簡單單的文章,是我對函數的一些理解,希望我的這些淺見,能對你理解函數有一些幫助。

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved