學習javaScript必知必會(1)~js介紹、函數、匿名函數、自調用函數、不定長參數

• 2022 年 1 月 14 日
• 筆記
• 學習javaScript必知必會(1)~js介紹、函數、匿名函數、自調用函數、不定長參數

一、簡單了解一下JavaScript（js）

1、什麼是js？

js：是網景公司開發的，是基於客戶端瀏覽器，
面向（基於）對象、事件驅動式的頁面腳本語言。

2、什麼場景下使用到js？

表單驗證、頁面特效、Ajax、小遊戲

3、js快速入門：

（1）直接使用標籤script，然後在script標籤下編寫js代碼
（2）通過標籤script的src引入外部文件

4、js語句的細節(語句的；可加可不加)：

js中的語句沒那麼嚴格，每個語句可以加; 也可以不叫;
（建議是加，因為你寫其他語言的語句是要求加；統一都加；更舒服）

5、關於script標籤（常有的屬性）：

（1）language：引用的語言，可以是Javascript，php、c#等
（2）src：引入外部的js文件

6、js中的變量：聲明使用 var（js是弱語言，不需要指定變量類型，統一使用var）

二、js中的函數、匿名函數、自調用函數、不定長參數

✿ 1、js中的函數：定義函數使用function（js是弱語言，不需要指定函數返回值類型，統一使用function）

■ 定義函數格式：

function 函數名([參數1,參數2,參數3...]){
//函數執行b部分;
    return 表達式;
}
//調用:直接函數名();
函數名();

■ 了解一下js中定義的函數的本質是：

//【函數名即首地址】
函數名=function(){

}  

//函數名其實是存儲在js內置對象windows下，
//window的屬性（屬性名==函數名）指向了函數的內存首地址
window.函數名=function(){

}  

//在js中定義的變量也好，方法也好，都是存儲到window下【window的屬性】
//例如變量：
var a = 10; //實質是 widow.a = 10;
//例如函數：
function doHomeWork(hour,paper){

}
//實質是
window.doHomeWork = function (hour,paper){

}

❀ 2、匿名函數：[變量可以保存數據，也可以保存地址。 () 具有執行意義]

//通過一個變量執行函數的首地址，這種在定義函數時沒有函數名的方式，然後使用變量來保
存函數的首地址的方式----匿名函數定義
var i = function (參數1,參數2,參數3...) {
    
}
//執行函數
i();

3、自調用匿名函數（作用：避免函數命名的衝突、只執行一次，一般用於做初始化工作）

(function ([,參數列表]) {
    //執行部分
}).([,參數列表的實參值]);

❀ 4、不定長參數：

■ 在js中，函數沒有定義形參，但是卻給其傳遞實參的值，則實參的值是傳遞給默認的arguments數組

//沒有定義形參，則實參會傳給默認的屬性數組arguments
function f() {
    for(var i = 0; i < arguments.length; i++){
        document.write(arguments[i] + '<br/>')
    }
}
//調用f函數
f('baobei','dabaobei', 'xiaobaobei');//傳遞三個參數
f('a', 'b', 'c', 'd');//傳遞四個參數