??博客主頁：大寄一場.
??系列專欄：前端??往期回顧：HTML+CSS+JS 學習筆記（三）———Javascript(上)
??博客制作不易歡迎各位??點贊+?收藏+?關注
目錄
?JavaScript中的函數(shù)
函數(shù)的定義和調用
函數(shù)的定義
?函數(shù)的調用
嵌套函數(shù)
?遞歸函數(shù)
?變量的作用域
全局變量和局部變量
?變量的優(yōu)先級
內置函數(shù)
?定義匿名函數(shù)
JavaScript 中的數(shù)組
數(shù)組介紹
?數(shù)組概念
數(shù)組元素
定義數(shù)組
定義空數(shù)組
數(shù)組元素的輸入和輸出
1.數(shù)組元素的輸入
2.數(shù)組元素的輸出
數(shù)組元素的添加
數(shù)組元素的刪除
數(shù)組的屬性
length 屬性
?prototype 屬性
數(shù)組的方法
?JavaScript中的函數(shù)
? ? ? 在JvaScript 中，西數(shù)就是可以作為一個邏單元來對待的一組代碼。使用函數(shù)讓代需更簡潔，提高代碼的重用性。如果一段具有特定功能的程序代碼需要在程序中使用，就可以先把它定義成函數(shù)，然后在需要這個功能的地方調用它，這樣就不必多次寫這段代碼了。另外，將實現(xiàn)特定功能的代碼段組織為一個函數(shù)有利于編寫較大的程序在JavaScript 中，大約95%的代碼都是包含在函數(shù)中的。由此可見，函數(shù)在 JavaScrint中是非常重要的。
函數(shù)的定義和調用
????????在程序中要使用自己定義的函數(shù)，必須首先對函數(shù)進行定義，而在定義函數(shù)時，函數(shù)本身是不會執(zhí)行的，只有在被調用時才會執(zhí)行。下面介紹函數(shù)的定義和調用的方法
函數(shù)的定義
在JavaScript 中，可以使用 function 語來定義一個函數(shù)，這種形式是由關鍵function、函數(shù)名加一組參數(shù)，以及置于大括號中需要執(zhí)行的一段代碼構成的。使function 語句定義函數(shù)的基本語法如下:
function 函數(shù)名 ([ 參數(shù) 1，參數(shù) 2，··]){
語句
[return 返回值 ]
}該語法中的參數(shù)說明如下。
(1)函數(shù)名:必選，用于指定函數(shù)名。在同一個網頁中，函數(shù)名必須是唯一的，且區(qū)分大小寫。
(2)參數(shù):可選，用于指定參數(shù)列表。當使用多個參數(shù)時，參數(shù)間使用逗號進行分隔個函數(shù)最多可以有 255 個參數(shù)。
(3) 語句:必選，是函數(shù)體，用于實現(xiàn)函數(shù)功能。
(4)返回值:可選，用于返回函數(shù)值。返回值可以是任意的表達式、變量或常量。
例如,定義一個不帶參數(shù)的函數(shù)hello0,在函數(shù)體中輸出“你好”字符串。具體代碼如下.
function hello(){//定義函數(shù)名稱
document.write("你好");//定義函數(shù)體
}例如，定義一個用于計算商品金額的函數(shù) account0，該函數(shù)有兩個參數(shù)，分別用于指定單價和數(shù)量，返回值為計算后的金額。具體代碼如下:
function account(price,number)(// 定義含有兩個參數(shù)的函數(shù)
var sum=price*number;// 計算金額
return sum;// 返回計算后的金額
}在同一網頁中定義兩個名稱相同的函數(shù)會出現(xiàn)錯誤。例如，下面的代碼中定義了兩個同名的函數(shù)?
function hel1o(){// 定義函數(shù)名稱為 hello
document.write("你好");//定義函數(shù)體
}
function hello(){//定義同名函數(shù)
alert("你好");//定義函數(shù)體
}
在上述代碼中，由于兩個函數(shù)的名稱相同，第一個函數(shù)被第二個函數(shù)覆蓋，所以第一個函數(shù)不會被執(zhí)行。因此在同一網頁中定義的函數(shù)名稱必須唯一。
?函數(shù)的調用
????????函數(shù)定義后并不會自動執(zhí)行。要執(zhí)行一個函數(shù)，需要在特定的位置調用函數(shù)。調用函數(shù)的過程就像啟動機器一樣，機器本身是不會自動工作的，只有按下開關來調用這個機器，它才會執(zhí)行相應的操作。調用函數(shù)需要創(chuàng)建調用語句,調用語句包含函數(shù)名稱、參數(shù)具體值。
1.函數(shù)的簡單調用
函數(shù)調用的語法格式如下:
函數(shù)名( 傳遞給函數(shù)的參數(shù) 1，傳遞給函數(shù)的參數(shù) 2，...) ;
函數(shù)的定義語句通常放在 HTML 文件的 <head> 標簽中，而函數(shù)的調用語句則可以放在HTML 文件中的任何位置。
2.在事件響應中調用函數(shù)
????????當用戶單擊某按鈕或某復選框時都將觸發(fā)事件，通過編寫程序對事件做出反應的行為稱為響應事件，在 JavaScript 中，將函數(shù)與事件相關聯(lián)就完成了響應事件的過程。例如,按下開關按鈕打開電燈就可以看作一個響應事件的過程,按下開關相當于觸發(fā)了單擊事件而電燈亮起就相當于執(zhí)行了相應的函數(shù)。
3.通過鏈接調用函數(shù)
????????函數(shù)除了可以在響應事件中被調用，還可以在鏈接中被調用。在 <a> 標簽的 href屋性中使用“javascript: 函數(shù)名 0”格式來調用函數(shù)，當用戶單擊這個鏈接時，相關函數(shù)將被執(zhí)行.
嵌套函數(shù)
????????在JavaScript 中允許使用嵌套函數(shù)。嵌套函數(shù)就是在一個函數(shù)的函數(shù)體中使用了其他函數(shù)。嵌套函數(shù)的使用包括函數(shù)的嵌套定義和函數(shù)的嵌套調用，下面分別進行介紹。
函數(shù)的嵌套定義
? ? ? ?兩數(shù)的嵌套定義就是在函數(shù)內部定義其他的函數(shù)。
雖然在 JavaScript 中允許函數(shù)的嵌套定義，但它會使程序的可讀性降低，因此，應盡量避免使用這種定義嵌套畫數(shù)的方式
?函數(shù)的嵌套調用
?????????在JavaScript中，允許在一個再數(shù)的通數(shù)體中調用另一個函數(shù)，這就是函數(shù)的嵌套調用
?遞歸函數(shù)
????????遞歸函數(shù)就是函數(shù)在自身的函數(shù)體內調用自身。在使用遞歸函數(shù)時一定要當心，處理不當會使程序進入死循環(huán)。遞歸函數(shù)只在特定的情況下使用，如處理階乘問題。
遞歸函數(shù)的語法格式如下:
function 函數(shù)名(參數(shù)1){
函數(shù)名 (參數(shù) 2);
}在定義遞歸函數(shù)時需要以下兩個必要條件。
(1)包括一個結束遞歸的條件。
例如，上面實例中的if(num<=l)語句，如果滿足條件，則執(zhí)行return l;語句，不再遞歸。
(2)包括一個遞歸調用語句。
例如，上面實例中的 retumm f(num-1)*num;語句，用于實現(xiàn)調用遞歸函數(shù)。
?變量的作用域
????????變量的作用域是指變量在程序中的有效范圍，在有效范圍內可以使用該變量。變量的作用域取決于該變量是哪一種變量
全局變量和局部變量
?在 JavaScript 中，變量根據(jù)作用域可以分為兩種:全局變量和局部變量。全局變量是定義在所有函數(shù)之外的變量，作用范圍是該變量定義后的所有代碼; 局部變量是定義在數(shù)體內的變量，只有在該函數(shù)中，且在該變量定義后的代碼中才可以使用這個變量，函數(shù)的參數(shù)也是局部性的，只在函數(shù)內部起作用。如果把函數(shù)比喻成一臺機器，那么在機器外擺放的原材料就相當于全局變量，這些原材料可以被所有機器使用，而機器內部使用的原材料就相當于局部變量。
例如，下面的程序代碼說明了變量的作用域的有效范圍:
var a="這是全局變量";// 該變量在函數(shù)外定義，作用于整個腳本
function send(){//定義函數(shù)
var b="這是局部變量";// 該變量在函數(shù)內定義，只作用于該函數(shù)體
document.write(a+"<br>") ;// 輸出全局變量的值
document.write(b);//輸出局部變量的值
}
send();// 調用函數(shù)?運行結果為:
這是全局變量
?變量的優(yōu)先級
????????如果在函數(shù)體中定義了一個與全局變量同名的局部變量，那么該全局變量在函數(shù)體中將不起作用。例如，下面的程序代碼將輸出局部變量的值:
var a="這是全局變量";// 定義一個全局變量 a
function send(){// 定義函數(shù)
var a="這是局部變量"http://定義一個和全局變量同名的局部變量a
document.write(a);// 輸出局部變量 a 的值
}
send();// 調用函數(shù)?運行結果為:
這是局部變量
在上述代碼中，定義了一個與全局變量同名的局部變量 a，此時輸出的值為局部變量的值。
內置函數(shù)
????????在使用 JavaScript 時，除了可以自定義函數(shù)，還可以使用 JavaScript 的內置函數(shù)。這些內置函數(shù)是由 JavaScript 提供的。JavaScript 中的主要內置函數(shù)如下表所示
| 函? ? 數(shù) | 說? ?明 |
| parseInt（） | 將字符型轉換為整型 |
| parseFloat（） | 將字符型轉換為浮點型 |
| isNaN（） | 判斷一個數(shù)值是否為 NaN |
| isFinite() | 判斷一個數(shù)值是否有限 |
| eval（） | 求字符串中表達式的值 |
| encodeURI（） | 將URI字符串進行編碼 |
| decodeURI（） | 對已編碼的 URI字符串進行解碼 |
?定義匿名函數(shù)
????????除了使用基本的 fiunction 語句來定義函數(shù)，還可使用另外兩種方式來定義函數(shù)，即在
表達式中定義函數(shù)和使用 Function0 構造函數(shù)定義函數(shù)。因為在使用這兩種方式定義函數(shù)時并未指定函數(shù)名，所以以這兩種方式定義的函數(shù)被稱為匿名函數(shù)，下面分別對這兩種式進行介紹。
在表達式中定義函數(shù)
????????JS提供了一種定義匿名函數(shù)的方式，就是在表達式中直接定義函數(shù)，它的語法格式和 function 語句的語法格式非常相似。在表達式中直接定義函數(shù)的語法格式如下：
var 變量名 = function(參數(shù) 1，參數(shù) 2，..) {
函數(shù)體
};這種定義函數(shù)的方法不需要指定函數(shù)名，只要把定義的函數(shù)賦值給一個變量，后面的程序就可以通過這個變量來調用這個函數(shù)。這種定義函數(shù)的方式有很好的可讀性.
使用 Function()?構造函數(shù)定義函數(shù)
????????除了在表達式中定義函數(shù)，還有一種定義匿名函數(shù)的方式一一使用 Function0 構造函數(shù)定義函數(shù)，這種方式可以動態(tài)地創(chuàng)建函數(shù)。Function0 構造函數(shù)的語法格式如下:
var 變量名 = new Function("參數(shù) 1","參數(shù)2",··，"函數(shù)體");Function()構造函數(shù)可以使用一個或多個參數(shù)作為函數(shù)的參數(shù)，也可以不使用任何參數(shù)。Function()構造函數(shù)的最后一個參數(shù)為函數(shù)體的內容。
Function()構造函數(shù)中的所有參數(shù)和函數(shù)體都必須是字符串類型，因此一定要用雙引號或單引號把參數(shù)引起來。
JavaScript 中的數(shù)組
????????數(shù)組是JavaScript中常用的數(shù)據(jù)類型，是JavaScript程序設計的重要內容，它提供了一種快、方便地管理一組相關數(shù)據(jù)的方法。通過數(shù)組可以對大量性質相同的數(shù)據(jù)進行存儲、排序、插入及刪除等操作，從而可以有效地提高程序開發(fā)效率、改善程序的編寫方式本章介紹數(shù)組的一些基本暖念，以及數(shù)組對象的屬性和方法。
數(shù)組介紹
????????數(shù)組是JavaSrpt 中的一種復合數(shù)據(jù)類型。變量中保存的是單個數(shù)據(jù)，而數(shù)組中保存的則是多個數(shù)罪的集合。數(shù)組與變量的比較效果如圖所示：
?數(shù)組概念
????????數(shù)組就是一組數(shù)據(jù)的集合，是 JavaScript 中用來存儲和操作有序數(shù)據(jù)集的數(shù)據(jù)結構可以把數(shù)組看作一個單行表格，該表格的每個單元格中都可以存儲一個數(shù)據(jù)，即一個數(shù)組中可以包含多個元素，如圖所示：
????????由于JavaScript 是一種霸類型的語言，所以數(shù)組中的每個元素的類型可以是不同的。
數(shù)組中的元素類型可以是數(shù)值型、字符串型和布爾型等，甚至可以是一個數(shù)組。
數(shù)組元素
????????數(shù)組是數(shù)組元素的集合，在圖17.2 中，每個單元格里存放的就是數(shù)組元素。例如,個班級的所有學生就可以看作一個數(shù)組，每位學生都是數(shù)組中的一個元素，一個酒店的所有房間就相當于一個數(shù)組，每個房間都是這個數(shù)組中的一個元素。
每個數(shù)組元素都有一個索引號(數(shù)組的下標)，通過索引號可以方便地引用數(shù)組元素數(shù)組的下標從0開始編號。例如，第一個數(shù)組元素的下標是 0，第二個數(shù)組元素的下標是1,依次類推。
定義數(shù)組
????????在JavaScript 中，數(shù)組也是一種對象，稱為數(shù)組對象。因此在定義數(shù)組時，也可以使用構造函數(shù)。JavaScript 定義數(shù)組的方法主要有以下4種
定義空數(shù)組
使用不帶參數(shù)的構造函數(shù)可以定義一個空數(shù)組。顧名思義，空數(shù)組中是沒有數(shù)組元素可以在定義空數(shù)組后向數(shù)組中添加數(shù)組元素。的，定義空數(shù)組的語法格式如下:
arrayObject =new Array()其中，arrayObject 為必選項，是新創(chuàng)建的數(shù)組對象名.
指定數(shù)組長度
在定義數(shù)組的同時可以指定數(shù)組元素的個數(shù)。此時并沒有為數(shù)組元素賦值，所有數(shù)組元素的值都是 undefined。
指定數(shù)組長度的語法格式如下:
arrayObject = new Array(size)該語法中的參數(shù)說明如下。
(1)arrayObject:必選項。新創(chuàng)建的數(shù)組對象名。
(2) size: 設置數(shù)組的長度。數(shù)組的下標是從0開始的，創(chuàng)建元素的下標將從0到size-1。
指定數(shù)組元素
在定義數(shù)組的同時可以直接給出數(shù)組元素的值。此時數(shù)組的長度就是括號中給出的數(shù)組元素的個數(shù)。
指定數(shù)組元素的語法格式如下:
arrayobject =new Array(element1, element2, element3， ...)該語法中的參數(shù)說明如下。
(1)arrayObject:必選項。新創(chuàng)建的數(shù)組對象名。
(2) element: 存入數(shù)組中的元素。在使用該語法時必須有一個以上的元素。
直接定義數(shù)組
????????JavaScript 中還有一種定義數(shù)組的方式，這種方式不需要使用構造函數(shù)，而是直接將數(shù)組元素放在一個中括號中，元素與元素之間用逗號分隔。
直接定義數(shù)組的語法格式如下:
arrayObject = [element1，element2， element3，...]?該語法中的參數(shù)說明如下。
(1)arrayObject: 必選項。新創(chuàng)建的數(shù)組對象名。
(2) element: 存入數(shù)組中的元素。在使用該語法時必須有一個以上的元素
操作數(shù)組元素
數(shù)組是數(shù)組元素的集合，在對數(shù)組進行操作時，實際上是對數(shù)組元素進行輸入或輸出添加或刪除的操作。
數(shù)組元素的輸入和輸出
數(shù)組元素的輸入，即對數(shù)組中的元素進行賦值;數(shù)組元素的輸出，即獲取數(shù)組中元素的值并輸出，下面分別進行介紹。
1.數(shù)組元素的輸入
向數(shù)組對象中輸入數(shù)組元素有以下 3 種方法。
(1)在定義數(shù)組對象時直接輸入數(shù)組元素。該方法只有在數(shù)組元素確定的情況下才可以使用。例如，在創(chuàng)建數(shù)組對象的同時存入字符串數(shù)組。
2) 利用數(shù)組對象的元素下標為其輸入數(shù)組元素。該方法可以隨意為數(shù)組對象中的各元素賦值或修改數(shù)組中的任意元素值。例如，在創(chuàng)建一個長度為 7的數(shù)組對象后，為下標
為 3 和4的元素賦值。
(3)利用 for 語句向數(shù)組對象中輸入數(shù)組元素。該方法主要用于批量向數(shù)組對象中輸入數(shù)組元素，一般用于為數(shù)組對象賦初值。例如，可以通過改變變量 n 的值(必須是數(shù)值型)，來為數(shù)組對象賦指定個數(shù)的數(shù)值元素。
2.數(shù)組元素的輸出
輸出數(shù)組對象中的元素值有以下 3 種方法。
(1)用下標獲取指定元素值。該方法通過數(shù)組對象的下標，獲取指定的元素值。例如，獲取數(shù)組對象中的第 3 個元素的值。
(2) 用 for 語句獲取數(shù)組中的元素值。該方法是利用 for 語句獲取數(shù)組對象中的所有元素值。
(3) 用數(shù)組對象名輸出所有元素值。該方法是用創(chuàng)建的數(shù)組對象本身顯示數(shù)組中的所有元素值。
數(shù)組元素的添加
????????在定義數(shù)組時，雖然已經設置了數(shù)組元素的個數(shù)，但是該數(shù)組的元素個數(shù)并不是固定的?？梢酝ㄟ^添加數(shù)組元素的方法來增加數(shù)組元素的個數(shù)。添加數(shù)組元素的方法非常簡單,只需對新的數(shù)組元素進行賦值就可以了。
數(shù)組元素的刪除
????????使用 delete 運算符可以刪除數(shù)組元素的值，但是只能將該元素恢復為未賦值的狀態(tài),即undefined，而不能真正地刪除一個數(shù)組元素，數(shù)組中的元素個數(shù)也不會減少。例如，首先定義一個包含 3 個元素的數(shù)組，然后應用 delete 運算符刪除下標為1的數(shù)組元素，最后輸出數(shù)組中的所有元素值。
數(shù)組的屬性
????????在數(shù)組對象中有l(wèi)ength和prototype 兩個屬性。下面分別對這兩個屬性進行詳細的介紹
length 屬性
????????length 屬性用于返回數(shù)組的長度，其語法格式如下:
arrayObject.length其中，arrayObject 為數(shù)組名稱。
(1)當用 newArray0創(chuàng)建數(shù)組時，并不對其進行賦值，length 屬性的返回值為0
(2) 數(shù)組的長度是由數(shù)組的最大下標決定的。
?prototype 屬性
????????? prototype 屬性可以為數(shù)組對象添加自定義的屬性或方法，其語法格式如下:
Array.prototype.name=value?該語法中的參數(shù)說明如下。
(1) name:要添加的屬性名或方法名。
(2) value: 添加的屬性的值或執(zhí)行方法的函數(shù)。文章來源：http://www.zghlxwxcb.cn/news/detail-458537.html
數(shù)組的方法
????????數(shù)組是JavaScript 中的一個內置對象，使用數(shù)組對象的方法可以更加方便地操作數(shù)組中的數(shù)據(jù)。文章來源地址http://www.zghlxwxcb.cn/news/detail-458537.html
| 方法 | 說明 |
| concat() | 連接兩個或更多的數(shù)組，并返回結果 |
| push() | 向數(shù)組的末尾添加一個或多個元素，并返回新的長度 |
| unshift() | 向數(shù)組的開頭添加一個或多個元素，并返回新的長度 |
| pop() | 刪除并返回數(shù)組的最后一個元素 |
| shift() | 刪除并返回數(shù)組的第一個元素 |
| splice() | 刪除元素，并向數(shù)組添加新元素 |
| reverse() | 顛倒數(shù)組中元素的順序 |
| sort() | 對數(shù)組的元素進行排序 |
| slice() | 從某個已有的數(shù)組中返回選定的元素 |
| toString() | 把數(shù)組轉換為字符串，并返回結果 |
| toLocaleString() | 把數(shù)組轉換為本地字符串，并返回結果 |
| join() | 把數(shù)組的所有元素放入一個字符串中，元素通過指定的分隔符進行分隔 |
到了這里，關于HTML+CSS+JS 學習筆記（三）———Javascript(中)的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網！
