函式表示式和函式宣告簡單介紹
建立函式的方式有兩種方式,一種是函式宣告方式,一種是表示式方式,下面就簡單介紹一下這兩方式的使用方式和各自的特點,希望能夠給對此感興趣的朋友有所幫助。
一.函式宣告方式:
所謂的函式宣告方式就會按照指定的語法格式中規中矩的建立一個函式物件。
格式如下:
[JavaScript] 純文字檢視 複製程式碼function 函式名稱 (引數:可選){ 函式體 }
上面是函式宣告方式建立一個函式物件的格式。程式碼例項如下:
[JavaScript] 純文字檢視 複製程式碼function func(){}
特別說明:
函式宣告方式建立一個函式物件會在預編譯階段被前置,也就是說無論函式宣告程式碼在當前上下文的任何地方,就算是在最後面也是可以正常呼叫的,程式碼如下:
[JavaScript] 純文字檢視 複製程式碼func(); function func(){ console.log("螞蟻部落") }
上面程式碼中,儘管函式呼叫在函式宣告之前,但是依然會有效。
二.表示方式:
所謂表示式方式也可以稱作為直接量方式,就會以物件直接量方式宣告一個物件是一個道理,程式碼例項如下:
[JavaScript] 純文字檢視 複製程式碼var func=function(){ console.log("螞蟻部落") }
有別要再強調一點,之所謂說是表示式方式,因為此種建立函式的方式是以表示式的方式實現的,以上程式碼就是一個賦值表示式,建立一個匿名函式,然後將函式的引用賦值給變數func。
特別說明:
變數的宣告在預編譯階段是前置的,但是這個時候只會宣告一個變數,並將變數的預設值預設為undefined,自定義的賦值則會在執行階段進行,所以下面的程式碼呼叫函式是錯誤的:
[JavaScript] 純文字檢視 複製程式碼func() var func=function(){ console.log("螞蟻部落") }
相關文章
- javascript函式和變數宣告提前簡單介紹JavaScript函式變數
- 正規表示式使用replace()函式簡單介紹函式
- JavaScript函式宣告和函式表示式區別JavaScript函式
- 函式宣告和函式表示式的區別函式
- 簡單介紹JS函式防抖和函式節流JS函式
- javascript函式宣告兩種主要方式簡單介紹JavaScript函式
- 何時使用函式表示式與函式宣告函式
- JS 中的函式表示式和函式宣告你混淆了嗎?JS函式
- javascript匿名函式簡單介紹JavaScript函式
- 函式宣告與函式表示式有什麼區別?函式
- js表示式方式和函式語句方式宣告函式的區別JS函式
- js 立即執行函式表示式介紹JS函式
- javascript call()函式用法簡單介紹JavaScript函式
- javascript trim()函式用法簡單介紹JavaScript函式
- getFullYear()函式用法簡單介紹函式
- document.close()函式簡單介紹函式
- js isPrototypeOf()函式用法簡單介紹JS函式
- javascript高階函式簡單介紹JavaScript函式
- jQuery建構函式簡單介紹jQuery函式
- javascript函式呼叫方式簡單介紹JavaScript函式
- match函式簡單介紹以及與index函式結合應用函式Index
- javascript 的函式宣告與表示式對比JavaScript函式
- js isNaN函式的用法簡單介紹JSNaN函式
- javascript定時器函式簡單介紹JavaScript定時器函式
- jQuery常用的動畫函式簡單介紹jQuery動畫函式
- jQuery的index()函式用法簡單介紹jQueryIndex函式
- javascript呼叫函式的方式簡單介紹JavaScript函式
- javascript匿名函式的使用簡單介紹JavaScript函式
- js eval()函式的用法簡單介紹JS函式
- js Date()建構函式簡單介紹JS函式
- js fromCharCode()函式用法簡單介紹JS函式
- js 函式作用域鏈簡單介紹JS函式
- 機器學習之簡單介紹啟用函式機器學習函式
- ORACLE函式介紹第一篇 著名函式之單值函式Oracle函式
- ORACLE函式介紹第二篇 非著名函式之單值函式Oracle函式
- 函式式 JavaScript 簡介函式JavaScript
- 函式式API簡介函式API
- jQuery的text()、html()和val()函式用法簡單介紹jQueryHTML函式