學習javaScript必知必會(1)~js介紹、函式、匿名函式、自呼叫函式、不定長引數

一樂樂 發表於 2022-01-14
JavaScript

一、簡單瞭解一下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');//傳遞四個引數

相關文章