js函式封裝與呼叫

2021-10-04 00:00:59 字數 2062 閱讀 9270

函式的使用可以減少大量重複的**,封裝好乙個函式之後,可以在後面多處去呼叫,有時候使用別人封裝好的函式,都不需要去了解該功能是如何實現,只需要知道函式是如何使用的即可,非常之方便。

2,函式名稱 : 符合變數的命名規範

3,函式的引數 : 函式的執行資料

4,函式的程式 : 封裝在函式{}中的程式內容

5,函式的返回值 : return 定義函式的返回值,並且會終止之後函式程式的執行

1,宣告式

function fun()

2,匿名式,賦值式

var fun1 = function(){}

基本資料型別和複雜資料型別,在定義和儲存資料時的區別

基本資料型別 : 布林 數值 字串 undefined null

複雜資料型別 : 物件 陣列 函式

在計算機儲存資料的過程中,將變數,儲存在記憶體當中,

在記憶體中計算機程式執行是,將記憶體中的儲存空間虛擬的分成了兩個部分

棧 和 堆 兩個部分 來儲存資料

基本資料型別,都儲存在 棧 當中

複雜資料型別,都儲存在 堆 當中

var a = 100;

這是在定義乙個基本資料型別

a = 100 儲存在 棧 中

變數名稱 a 中 儲存的就是 數值100

呼叫變數a,就是呼叫其中儲存的資料100

var b = function (){}

這是在定義乙個複雜資料型別

function(){} 函式儲存在 堆 當中,並且計算機作業系統,給這個函式定義了乙個 記憶體位址 例如 0f0

b 這個變數 儲存在 棧 當中

b 這個變數 儲存的是 函式的記憶體位址 0f0

呼叫變數b , 實際上是呼叫 0f0 這個位址 , 找到位址對應的函式 , 呼叫函式中的程式

封裝

function

fun(

)

呼叫

fun()

;//不需要傳參,也沒有返回值

封裝

function

add(num1,num2)

呼叫

fun

(12,13);

//需要傳入兩個整數,沒有返回值

封裝

function

add(num1,num2)

呼叫

var res =

fun(

12,13);

//需要傳入兩個整數,還需要宣告變數接收返回值

conso.

log(res)

1,考慮容錯機制

函式的執行,對於引數是要有要求的,如果引數出現問題

要麼終止程式的執行,要麼對引數進行處理

方式1: 使用return來終止函式的執行

在switch判斷和迴圈語句中,可以使用break來終止程式

在函式中藥終止函式的執行,不能使用break

方式2: 對資料進行調整

2,考慮函式引數的預設值

有時候乙個函式需要傳入兩個引數,但是使用時之傳了乙個引數,那另乙個就會以預設值的形式存在,會影響最終結果。

3,給函式定義函式說明

**規範中規定,所有的自定義函式,都要寫函式說明

每個公司對於函式說明的語法規範都不相同,我們現在先了解乙個基本格式

函式說明 param 引數的意思 是對引數的說明

一般寫 引數的名稱 資料型別 作用

return 返回值的意思 是對返回值的說明

return 返回值的名稱 資料型別 作用

比如累加求和函式說明:

@param min int 累加求和的起始數值,預設值是1,整數型別

@param max int 累加求和的終止數值,整數型別

@return res int 累加求和的結果,整數型別

Ajax 函式封裝與呼叫

function ajax options header success function error function 使用options物件中的屬性覆蓋defaults物件中的屬性 object.assign defaults,options 建立ajax物件 拼接請求引數的變數 let par...

js封裝函式

獲取id function getid e 獲取類名的集合 function getclassname e 獲取標籤名的集合 function gettagname e 獲取名稱的集合 function getname e function query e function queryall e f...

JavaScript函式封裝呼叫

舉個列子 我們在寫前端頁面,經常會使用到jquery文字框內容,來判斷一下輸入值是否符合,常見的寫法 這個頁面寫了個方法,結果發現另外乙個頁面還要寫同樣的,於是,就會寫到js中 引入,呼叫 function test 頁面呼叫 test 這也是一種封裝,還有一種封裝方法是 test function...