- javascript的基礎(chǔ)知識(shí) 推薦度：
- 相關(guān)推薦
javascript基礎(chǔ)知識(shí)大全
大多數(shù)人覺(jué)得學(xué)習(xí)JavaScript是一件容易的事情，其實(shí)也并沒(méi)有錯(cuò)，js的確是一個(gè)容易上手的語(yǔ)言。這就導(dǎo)致很多人都會(huì)用JavaScript，但卻很少有人能用的很精通的原因，因?yàn)樗麄兇笮】磈s這門(mén)語(yǔ)言的基礎(chǔ)和內(nèi)在了，基礎(chǔ)，無(wú)論何時(shí)都是一個(gè)重要的存在，最直接的就是在你面試的時(shí)候，如果連js的數(shù)據(jù)類(lèi)型都答不上來(lái)那是不是就太過(guò)分了…… 接下來(lái)，就讓我們一起總結(jié)一下JavaScript的基礎(chǔ)。
一、語(yǔ)法
------------------------------
javascript中的一切（變量、函數(shù)名和操作符）都區(qū)分大小寫(xiě)。
標(biāo)識(shí)符：就是指變量、函數(shù)、屬性的名字，標(biāo)識(shí)符要求如下
1 第一個(gè)字符必須是一個(gè)字母、下劃線(_)或一個(gè)美元符號(hào)($)
2 其他字符可以是字母、下劃線、美元符號(hào)或數(shù)字
3 不能把關(guān)鍵字、保留字、true、false、null用作標(biāo)識(shí)符
注釋
// 單行注釋
/*
*
* 多行注釋
*
*/
嚴(yán)格模式
嚴(yán)格模式是ES5引入的，嚴(yán)格模式定義一種不同的解析和執(zhí)行模式，在嚴(yán)格模式下，對(duì)某些不安全的操作會(huì)跑出錯(cuò)誤
// 在整個(gè)腳本中啟用嚴(yán)格模式，可以在頂部添加如下代碼
"use strict"
// 也可以指定函數(shù)在嚴(yán)格模式下執(zhí)行
function doSomething(){
"use strict"
// ....
}
二、變量和數(shù)據(jù)類(lèi)型
------------------------------
變量
1、ESCMscript中的變量是松散類(lèi)型的，即JavaScript使弱類(lèi)型語(yǔ)言，換句話說(shuō)js中的變量?jī)H僅是一個(gè)保存值得占位符而已，可以保存任何類(lèi)型的值。
2、定義變量用 var 操作符。
3、使用var操作符定義的變量將成為定義該變量的作用域中的局部變量。
4、在函數(shù)作用域（塊作用域）中可以通過(guò)省略var定義全局變量（不推薦）。
數(shù)據(jù)類(lèi)型
1、js中有5中基本數(shù)據(jù)類(lèi)型和1中復(fù)雜數(shù)據(jù)類(lèi)型他們分別是
Undefined、Null、Boolean、Number、String和Object
2、typeof操作符用來(lái)檢測(cè)變量的數(shù)據(jù)類(lèi)型，對(duì)一個(gè)值使用typeof操作符會(huì)返回字一個(gè) 字符串 ，標(biāo)示著該值得類(lèi)型：
“undefined” —- 如果這個(gè)值未定義
“boolean” —- 如果這個(gè)值是布爾值
“string” —- 如果這個(gè)值是字符串
“number” —- 如果這個(gè)值是數(shù)值
“object” —- 如果這個(gè)值是對(duì)象或null
“function” —- 如果這個(gè)值是函數(shù)
3、js的6中數(shù)據(jù)類(lèi)型與使用typeof判斷出來(lái)的數(shù)據(jù)類(lèi)型并不對(duì)應(yīng)，區(qū)別就在于使用typeof得到的類(lèi)型標(biāo)示中沒(méi)有”null”，而是多了一個(gè)”function”，其他的都是一樣的，還要注意的就是對(duì)null是用typeof時(shí)會(huì)返回”object”，并且typeof操作符得到的是字符串。
三、語(yǔ)句
------------------------------
if語(yǔ)句
語(yǔ)法：
if(條件){
}else if(條件){
}else{
}
解釋?zhuān)?/p>
其中，條件可以是任意表達(dá)式，而且對(duì)這個(gè)表達(dá)式的求值結(jié)果不一定非得是Boolean值，ES會(huì)自動(dòng)調(diào)用Boolean()轉(zhuǎn)換函數(shù)將這個(gè)表達(dá)式的結(jié)果轉(zhuǎn)換成一個(gè)布爾值。
while語(yǔ)句
語(yǔ)法：
while(條件){
something...
}
解釋?zhuān)?/p>
其中條件同if語(yǔ)句中的條件，while語(yǔ)句是前測(cè)試循環(huán)語(yǔ)句，即在執(zhí)行循環(huán)體之前就要對(duì)條件表達(dá)式求值，所以循環(huán)體有可能永遠(yuǎn)不會(huì)執(zhí)行。
do-while語(yǔ)句
語(yǔ)法：
do{
something...
}while(條件)
解釋?zhuān)?/p>
其中條件同if語(yǔ)句中的條件，do-while語(yǔ)句是后測(cè)試循環(huán)語(yǔ)句，即在對(duì)條件表達(dá)式求值之前，循環(huán)體中的代碼至少被執(zhí)行一次。有趣的記法就是（while是先問(wèn)再揍，do-while是揍完再問(wèn)）。
for語(yǔ)句
語(yǔ)法：
for(初始化代碼, 條件, 執(zhí)行循環(huán)體后要執(zhí)行的代碼){
something...
}
解釋?zhuān)?/p>
for語(yǔ)句也是一種前測(cè)試循環(huán)語(yǔ)句，所以循環(huán)體也有可能永遠(yuǎn)不會(huì)執(zhí)行，for語(yǔ)句和while語(yǔ)句的區(qū)別就是，在執(zhí)行循環(huán)之前初始化變量和定義循環(huán)后要執(zhí)行的代碼的能力。
for-in語(yǔ)句
語(yǔ)法：
for(property in expression){
something...
}
解釋?zhuān)?/p>
for-in語(yǔ)句是一種精準(zhǔn)的迭代語(yǔ)句，用來(lái)枚舉對(duì)象的屬性，需要注意的是，for-in語(yǔ)句輸出的屬性名的順序是不可測(cè)的，因?yàn)g覽器而異。
switch語(yǔ)句
語(yǔ)法：
switch(表達(dá)式){
case value :
statement
break;
case value :
statement
break;
case value :
statement
break;
default :
statement
}
解釋?zhuān)?/p>
switch語(yǔ)句是與if語(yǔ)句最密切的流程控制語(yǔ)句，JavaScript中的switch語(yǔ)句有很多自己的特色，首先：可以在switch語(yǔ)句中使用任何數(shù)據(jù)類(lèi)型，其次：每個(gè)case的值(即value)，不僅僅只能是常量，也可以是變量甚至表達(dá)式。
label語(yǔ)句
語(yǔ)法：
label : statement
// 實(shí)例
start : for(var i = 0; i < count; i++){
alert(i)
}
解釋?zhuān)?/p>
使用label語(yǔ)句可以在代碼中添加標(biāo)簽，以便將來(lái)使用，上面例子中的start標(biāo)簽可以在將來(lái)由break或continue語(yǔ)句引用，使代碼跳至標(biāo)簽開(kāi)始出執(zhí)行，一般label語(yǔ)句都要與for語(yǔ)句等循環(huán)語(yǔ)句中的break或continue配合只用。
break和continue語(yǔ)句
語(yǔ)法：
// 例子
mylabel :
for(var i = 0; i < 10; i++){
for(var j = 0; j < 10; j++){
if(i == 5 && j == 5){
break mylabel;
// continue mylabel;
}
}
}
解釋?zhuān)?/p>
break和continue語(yǔ)句都是用來(lái)跳出循環(huán)的語(yǔ)句，不同之處在于break語(yǔ)句會(huì)強(qiáng)制執(zhí)行后面的語(yǔ)句，而continue語(yǔ)句只是跳出本次循環(huán)繼續(xù)執(zhí)行下次循環(huán)。上面的例子中，結(jié)合使用break語(yǔ)句和label語(yǔ)句，控制代碼的執(zhí)行。
with語(yǔ)句
解釋?zhuān)?/p>
with語(yǔ)句的作用是將代碼的作用域設(shè)置到特定的對(duì)象中。嚴(yán)格模式下使用with語(yǔ)句會(huì)報(bào)錯(cuò)。定義with語(yǔ)句的目的是簡(jiǎn)化同一個(gè)對(duì)象的多次編寫(xiě)問(wèn)題，如下例：
var qs = location.search.substring(1);
var hostName location.hostname;
var url = location.href;
// 上面的代碼中都包含location對(duì)象，使用with語(yǔ)句可以將代碼簡(jiǎn)化如下
with(location){
var qs = search.substring(1);
var hostName = hostname;
var url = href;
}
四、函數(shù)
------------------------------
JavaScript中的函數(shù)使用function關(guān)鍵字來(lái)聲明
function(arg0, arg1, arg2, ..., argn){
statements
}
理解參數(shù)
JavaScript中的參數(shù)有一下特點(diǎn)：
不介意你傳遞幾個(gè)參數(shù)，即使你在定義函數(shù)時(shí)規(guī)定了接收幾個(gè)參數(shù)，它都不會(huì)報(bào)錯(cuò)。
不在乎你傳遞的參數(shù)是什么數(shù)據(jù)類(lèi)型。
之所以會(huì)這樣，是因?yàn)镴avaScript函數(shù)內(nèi)部的參數(shù)使用一個(gè)類(lèi)數(shù)組對(duì)象來(lái)表示的，所以函數(shù)接收到的始終都是這個(gè)類(lèi)數(shù)組對(duì)象，而不關(guān)心這個(gè)對(duì)象里面有什么參數(shù)，在函數(shù)體內(nèi)可以是用arguments對(duì)象來(lái)訪問(wèn)這個(gè)類(lèi)數(shù)組對(duì)象，可以使用方括號(hào)的語(yǔ)法如：arguments[0]、arguments[1]等，這個(gè)事實(shí)說(shuō)明一個(gè)重要的特點(diǎn)：
命名參數(shù)并不是必須的，它只是提供了便利而已。
通過(guò)arguments的length屬性獲知有多少個(gè)參數(shù)傳遞給了函數(shù)：
function howManyArgs(){
alert(arguments.length);
}
howManyArgs("string", 1); // 2
howManyArgs(); // 0
howManyArgs(1); // 1
關(guān)于arguments有一點(diǎn)比較有意思，就是它的值永遠(yuǎn)與對(duì)應(yīng)的形式參數(shù)同步，即修改了arguments[0]的值會(huì)使對(duì)應(yīng)的命名參數(shù)的值也發(fā)生相應(yīng)的改變。但是這并不是說(shuō)他們?cè)L問(wèn)的是相同的內(nèi)存空間，他們有獨(dú)立的存儲(chǔ)空間，只不過(guò)值會(huì)同步而已，另外如果值傳遞一個(gè)參數(shù)，修改arguments[1]的值是不會(huì)改變對(duì)應(yīng)的命名參數(shù)的值的，這是應(yīng)為，arguments.length的長(zhǎng)度是由傳遞參數(shù)個(gè)數(shù)決定的，而不是命名參數(shù)的個(gè)數(shù)決定的，在這里再次強(qiáng)調(diào)一次， 命名參數(shù)只是提供了便利而已，沒(méi)有任何其他作用 。
沒(méi)有重載
由于JavaScript中的函數(shù)沒(méi)有函數(shù)簽名的特征，所以沒(méi)有重載，不過(guò)可以通過(guò)檢查傳入函數(shù)的參數(shù)的類(lèi)型和數(shù)量作出不同的反應(yīng)來(lái)模擬重載。
【javascript基礎(chǔ)知識(shí)】相關(guān)文章：
關(guān)于javascript的基礎(chǔ)知識(shí)04-01
對(duì)javascript的理解03-29
JavaScript的課堂講解03-31
JavaScript 基礎(chǔ)教學(xué)04-01
常用的JavaScript模式03-10
Javascript的this用法簡(jiǎn)述03-25
JavaScript常用方法匯總03-08