1. 程式人生 > >javascript理解04-?函數的概念及作用

javascript理解04-?函數的概念及作用

javascript-function

技術分享圖片 函數的概念及作用

函數對任何語言來說都是一個核心的概念。 通過函數可以封裝任意多條語句, 而且可以在任何地方、任何時候調用執行,即函數是定義一次但卻可以調用或執行任意多次的一段 JS 代碼

JS中的函數也是對象,所以JS函數可以像其它對象那樣操作和傳遞,我們也常叫JS中的函數 為函數對象。

技術分享圖片 函數的編寫

ECMAScript 中的函數使用 function 關鍵字來聲明,後跟一組參數以及函數體。

技術分享圖片 事件的概念種類及作用

n 事件,就是文檔或瀏覽器窗口中發生的一些特定的交互瞬間。可以使用偵聽器(或處理程序)來預訂事件,以便事件發生時執行相應的代碼。

焦點事件,當元素獲得或失去焦點時觸發;

鼠標事件,當用戶通過鼠標在頁面上執行操作時觸發;

鍵盤事件,當用戶通過鍵盤在頁面上執行操作時觸發

......

n onclick/ondblclick/onmouseover/onmouseout/onkeydown/onkeyup......

技術分享圖片 事件和函數的關系,以及綜合運用

技術分享圖片 函數和循環結合打印九九乘法表

技術分享圖片 函數的好處(參考概念)

技術分享圖片 函數的兩種創建方式:聲明式和賦值式

技術分享圖片 JS的編譯和執行

JS的解析過程分為兩個階段:預編譯期(預處理)與執行期。

預編譯期JS會對本代碼塊中的所有聲明的變量和函數進行處理(類似與C語言的編譯),但需要註意的是此時處理函數的只是聲明式函數,而且變量也只是進行了聲明但未進行初始化以及賦值。執行期就是在編譯後的基礎上開始從上到下執行腳本,遇到錯誤時中斷。

技術分享圖片 變量的聲明提升

技術分享圖片 形參和實參

ECMAScript 函數不介意傳遞進來多少參數,也不會因為參數不統一而錯誤。實際上,函數體內可以通過 arguments 對象來接收傳遞進來的參數(實參)

技術分享圖片 return關鍵字

多數函數都有一條return語句,return語句導致函數停止執行,並返回它的表達式的值給調用 者。如果return語句沒有相關的表達式,則返回undefined

技術分享圖片 作用域

任何程序設計語言都有作用域的概念,簡單的說,作用域就是變量與函數的可訪問範圍,即作 用域控制著變量與函數的可見性和生命周期。在JavaScript中,變量的作用域有全局作用域和 局部作用域兩種。

技術分享圖片 遞歸函數

遞歸函數是在一個函數通過名字調用自身的情況下構成的

技術分享圖片 匿名函數及調用方式

技術分享圖片 構造函數及對象類型(了解)


javascript理解04-?函數的概念及作用