首頁 > web前端 > js教程 > JavaScript 函數的定義、呼叫以及該注意的問題

JavaScript 函數的定義、呼叫以及該注意的問題

零下一度
發布: 2017-04-17 14:46:33
原創
1399 人瀏覽過

這篇文章主要介紹了JavaScript 函數的定義-呼叫、注意事項,需要的朋友可以參考下

#函數定義

函數語句定義


function(a,b){
 return a+b; 
}
登入後複製

表達式定義


#
var add = function(a,b){return a+b};
登入後複製

//函數表達式可以包含名稱,這在遞歸時很有用var f = function fact(x){ if(x<=1) {return 1; }else { return x*faxt(x-1); } }

以表達式方式定義的函數,函數的名稱是可選的。如果函數定義表達式包含名稱,函數的局部作用域將會包含一個綁定到函數物件的名稱,實際上,函數的名稱將成為函數內部的一個局部變數

函數命名規範

1.like_this()第一個字元為小寫,當包含多個單字時候,單字以下劃線分割

2.likeThis()第一個字元為小寫,當包含多個單字時候,除第一個單字以外的單字首字母使用大學字母

3.內部函數或私有函數,通常以一條下劃線為前綴

#註:函數宣告語句'被提前到外部腳本或外部函數作用於頂部,所以可以被在它定義之前出現的程式碼所呼叫

以表達式方式定義函數前必須把它賦值給一個變數。所以表達式方式定義的函數在定義之前是無法呼叫的

函數傳回值

  • #return語句傳回函數的值給呼叫者。

  • return語句沒有,則它傳回undefined

巢狀函數

  • 巢狀函數可以存取他們的函數的參數和變數

  • 但是巢狀函數不能出現在迴圈、條件判斷,或是try/cache/finally/with語句中

函數呼叫

  • #當函數

  • 作為建構子
  • 透過他們的call()和apply()方法間接呼叫

##作為函數呼叫

add(1,2)

# 根據ECMAScript3和非嚴格的ECMAScript5對函數呼叫的規定,呼叫上下文(this的值)是全域物件。然而在嚴格模式下,呼叫上下文則是undefined。

//定義一個函數並且呼叫一個函數來決定目前腳本執行是否為嚴格模式
 var strict = (function(){return this;}());

作為方法呼叫


var o = {
 m:1,
 n:2,
 add:function(){
  this.result = this.m+this.n;
  }
}
登入後複製

方法呼叫和函數呼叫的一個重大差異。 ----呼叫上下文

o.add() add的呼叫上下文為o,即:this
o.add() 等同於o['add']()
方法鏈:當方法並不需要回傳值時候,最好直接回傳this
this為關鍵字,不是變量,也不是屬性名稱。 JavaScript語法不允許給this賦值
和變數不同,關鍵字this沒有作用於的限制,巢狀的函數不會從呼叫它的函數繼承this,如果想要存取外部函數的this,var self= this ;保存在變數中
如果巢狀函數作為函數調用,其this的值指向調用它的物件。如果作為函數調用,this不是全域物件(非嚴格模式),就是undefined(嚴格模式)

#建構子調用


var o = new Object();
登入後複製

建構函式呼叫和普通函式呼叫以及方法呼叫在實參處理。呼叫上下文和返回值等方面都有不同。

凡是沒有形參的建構子呼叫都可以省略圓括號。


var o = new Object();
var o = new Object;
//等价
登入後複製

建構子呼叫建立一個新的空對象,這個物件繼承自建構函式的prototype屬性,這個函式試圖初始化這個新建立的對象,病將這個對象做為上下文,因此建構函數可以使用this關鍵字來引用這個新建立的物件。

new o.m() 呼叫的上下文並不是o.
建構子不使用return。如果建構函式顯示的使用return語句傳回一個對象,那麼呼叫表達式的值就是這個對象。如果建構函數但並沒有傳回值,或傳回一個原始值,那麼就會忽略回傳值,同時使用新物件作為傳回結果。

間接呼叫

call()
appy()

#

以上是JavaScript 函數的定義、呼叫以及該注意的問題的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
js
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板