JavaScript 函數(shù)的定義-調(diào)用、注意事項
函數(shù)定義
函數(shù)語句定義
function(a,b){
return a+b;
}
表達式定義
var add = function(a,b){return a+b};
//函數(shù)表達式可以包含名稱,這在遞歸時很有用 var f = function fact(x){ if(x<=1) {return 1; }else { return x*faxt(x-1); } }
以表達式方式定義的函數(shù),函數(shù)的名稱是可選的。如果函數(shù)定義表達式包含名稱,函數(shù)的局部作用域?qū)粋€綁定到函數(shù)對象的名稱,實際上,函數(shù)的名稱將成為函數(shù)內(nèi)部的一個局部變量
函數(shù)命名規(guī)范
1.like_this()第一個字符為小寫,當(dāng)包含多個單詞時候,單詞以下劃線分割
2.likeThis()第一個字符為小寫,當(dāng)包含多個單詞時候,除第一個單詞以外的單詞首字母使用大學(xué)字母
3.內(nèi)部函數(shù)或私有函數(shù),通常以一條下劃線為前綴
注:函數(shù)聲明語句‘被提前到外部腳本或外部函數(shù)作用于頂部,所以可以被在它定義之前出現(xiàn)的代碼所調(diào)用
以表達式方式定義函數(shù)前必須把它賦值給一個變量。所以表達式方式定義的函數(shù)在定義之前是無法調(diào)用的
函數(shù)返回值
- return語句返回函數(shù)的值給調(diào)用者。
- return語句沒有,則它返回undefined
嵌套函數(shù)
- 嵌套函數(shù)可以訪問他們的函數(shù)的參數(shù)和變量
- 但是嵌套函數(shù)不能出現(xiàn)在循環(huán)、條件判斷,或者try/cache/finally/with語句中
函數(shù)調(diào)用
- 作為函數(shù)
- 作為方法
- 作為構(gòu)造函數(shù)
- 通過他們的call()和apply()方法間接調(diào)用
作為函數(shù)調(diào)用
add(1,2)
根據(jù)ECMAScript3和非嚴(yán)格的ECMAScript5對函數(shù)調(diào)用的規(guī)定,調(diào)用上下文(this的值)是全局對象。然而在嚴(yán)格模式下,調(diào)用上下文則是undefined。
//定義一個函數(shù)且調(diào)用一個函數(shù)來確定當(dāng)前腳本運行是否為嚴(yán)格模式
var strict = (function(){return this;}());
作為方法調(diào)用
var o = {
m:1,
n:2,
add:function(){
this.result = this.m+this.n;
}
}
方法調(diào)用和函數(shù)調(diào)用的一個重大區(qū)別。----調(diào)用上下文
o.add() add的調(diào)用上下文為o,即:this
o.add() 等同于o['add']()
方法鏈:當(dāng)方法并不需要返回值時候,最好直接返回this
this為一個關(guān)鍵字,不是變量,也不是屬性名。JavaScript語法不允許給this賦值
和變量不同,關(guān)鍵字this沒有作用于的限制,嵌套的函數(shù)不會從調(diào)用它的函數(shù)中繼承this,如果想訪問外部函數(shù)的this,var self= this;保存在變量中
如果嵌套函數(shù)作為函數(shù)調(diào)用,其this的值指向調(diào)用它的對象。如果作為函數(shù)調(diào)用,this不是全局對象(非嚴(yán)格模式),就是undefined(嚴(yán)格模式)
構(gòu)造函數(shù)調(diào)用
var o = new Object();
構(gòu)造函數(shù)調(diào)用和普通函數(shù)調(diào)用以及方法調(diào)用在實參處理。調(diào)用上下文和返回值等方面都有不同。
凡是沒有形參的構(gòu)造函數(shù)調(diào)用都可以省略圓括號。
var o = new Object(); var o = new Object; //等價
構(gòu)造函數(shù)調(diào)用創(chuàng)建一個新的空對象,這個對象繼承自構(gòu)造函數(shù)的prototype屬性,這個函數(shù)試圖初始化這個新創(chuàng)建的對象,病將這個對象做為上下文,因此構(gòu)造函數(shù)可以使用this關(guān)鍵字來引用這個新創(chuàng)建的對象。
new o.m() 調(diào)用的上下文并不是o.
構(gòu)造函數(shù)并不使用return。如果構(gòu)造函數(shù)顯示的使用return語句返回一個對象,那么調(diào)用表達式的值就是這個對象。如果構(gòu)造函數(shù)但并沒有返回值,或者返回一個原始值,那么就會忽略返回值,同時使用新對象作為返回結(jié)果。
間接調(diào)用
call()
appy()
- JavaScript:new 一個函數(shù)和直接調(diào)用函數(shù)的區(qū)別分析
- JavaScript函數(shù)的4種調(diào)用方法實例分析
- 深入學(xué)習(xí) JavaScript中的函數(shù)調(diào)用
- 淺談js函數(shù)三種定義方式 & 四種調(diào)用方式 & 調(diào)用順序
- javascript函數(shù)的四種調(diào)用模式
- Javascript 函數(shù)的四種調(diào)用模式
- 深入理解JavaScript中的尾調(diào)用(Tail Call)
- javascript使用call調(diào)用微信API
- 基于JavaScript實現(xiàn)繼承機制之調(diào)用call()與apply()的方法詳解
- javaScript call 函數(shù)的用法說明
- JavaScript中的apply和call函數(shù)詳解
- JavaScript直接調(diào)用函數(shù)與call調(diào)用的區(qū)別實例分析
相關(guān)文章
js實現(xiàn)網(wǎng)頁右上角滑出會自動消失大幅廣告的方法
這篇文章主要介紹了js實現(xiàn)網(wǎng)頁右上角滑出會自動消失大幅廣告的方法,是javascript廣告特效的典型應(yīng)用,非常具有實用價值,需要的朋友可以參考下2015-02-02
Bootstrap CSS組件之按鈕組(btn-group)
這篇文章主要為大家詳細介紹了Bootstrap CSS組件之按鈕組(btn-group),具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-12-12
JavaScript實現(xiàn)HTML導(dǎo)航欄下拉菜單
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)HTML導(dǎo)航欄下拉菜單,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-11-11
JavaScript利用img實現(xiàn)前端頁面埋點功能
做數(shù)據(jù)分析的時候需要獲取足量的有效數(shù)據(jù),這個時候就需要我們在前端頁面埋點。如何來實現(xiàn)一個前端埋點功能,本文就帶你上手試試2022-06-06

