JavaScript 學(xué)習(xí)筆記之語句
一、條件分支語句：if
基本格式：
if (<表達(dá)式1>){
<語句組1>
}else if (<表達(dá)式2>){
<語句組2>
}else{
<語句組3>
}
執(zhí)行流程：
二、循環(huán)語句
2.1前測(cè)試循環(huán)語句：在循環(huán)體內(nèi)的代碼被執(zhí)行之前就對(duì)出口條件求值。
2.1.1while語句
基本格式：
do {
<語句組>
} while (<表達(dá)式>)
執(zhí)行流程：
2.1.2 for語句
基本格式：
for (<初始表達(dá)式>；<條件表達(dá)式>；<變動(dòng)量表達(dá)式>){
<語句組>
}
執(zhí)行流程：
2.2后測(cè)試循環(huán)語句：在循環(huán)體中的代碼被執(zhí)行之后才會(huì)測(cè)試出口條件。
2.2.1、do-while語句
基本格式：
do {
<語句組>
} while (<表達(dá)式>) ；
執(zhí)行流程：
三、精準(zhǔn)的迭代語句：for-in
基本格式：
for ( 屬性 in 對(duì)象 ){
<語句組>
}
作用：重復(fù)執(zhí)行指定對(duì)象的所有屬性，可以用來枚舉對(duì)象的屬性。
例子：
<html>
<body>
<p>點(diǎn)擊下面的按鈕，循環(huán)遍歷對(duì)象 "person" 的屬性。</p>
<button onclick="myFunction()">點(diǎn)擊這里</button>
<p id="demo"></p>
<script>
function myFunction()
{
var x;
var txt="";
var person={fname:"Bill",lname:"Gates",age:56};
for (x in person)
{
txt=txt + person[x];
}
document.getElementById("demo").innerHTML=txt;
}
</script>
</body>
</html>
如果要表示的對(duì)象為null或者undefined，循環(huán)體將不再執(zhí)行，或者拋出錯(cuò)誤，因此，在執(zhí)行for-in循環(huán)時(shí)，應(yīng)該先檢測(cè)改對(duì)象的屬性值是不是null或者undefined。
四、Lable語句
基本語法：
Label: <語句組>
如： begin: for (var i = 0; i < 10 ; i++ ){
alert(i);
}
舉例說明lable語句的作用：
未加lable：
var num = 0;
for (var i = 0 ; i < 10 ; i++){
for (var j = 0 ; j < 10 ; j++){
if( i == 5 && j == 5 ){
break;
}
num++;
}
}
alert(num);//95
加入lable：
var num = 0;
outPoint:
for (var i = 0 ; i < 10 ; i++){
for (var j = 0 ; j < 10 ; j++){
if( i == 5 && j == 5 ){
break outPoint;
}
num++;
}
}
alert(num); //55
第一個(gè)例子輸出95不難理解，第二個(gè)例子為什么輸出55呢，是因?yàn)閳?zhí)行到break outpoint時(shí)，直接跳出到putpoint層，執(zhí)行alert語句。
如果把第二個(gè)例子改成下面這樣：
var num = 0;
for (var i = 0 ; i < 10 ; i++){
outPoint:
for (var j = 0 ; j < 10 ; j++){
if( i == 5 && j == 5 ){
break outPoint;
}
num++;
}
};
alert(num);//95
這個(gè)結(jié)果和第一個(gè)例子的結(jié)果是一致的。
五、break和continue語句
5.1break語句：
var num = 0;
for (var i = 1 ; i < 10 ; i++){
if(i%5==0){
break;
}
num++;
};
alert(num);//4
break語句執(zhí)行后跳到alert語句
5.2continue語句：
var num = 0;
for (var i = 1 ; i < 10 ; i++){
if(i%5==0){
continue;
}
num++;
};
alert(num);//8
continue語句執(zhí)行后跳到for()循環(huán)，繼續(xù)執(zhí)行循環(huán)，直到循環(huán)條件不成立。
六、with語句
基本語法：
with (object) {
statements
}
舉例說明：
不使用with的寫法：
var qs = location.search.substring(1);
var hostName = location.hostname;
var url = location.href;
alert(qs);
alert(hostName);
alert(url);
使用with的寫法：
with(location){
var qs = search.substring(1);
var hostName = hostname;
var url = href;
}
alert(qs);
alert(hostName);
alert(url);
從上面例子可以看出：with語句的作用是將代碼的作用域設(shè)置到一個(gè)特定的對(duì)象中、減少的重復(fù)輸入。
但是js的解釋器需要檢查with塊中的變量是否屬于with包含的對(duì)象，這將使with語句執(zhí)行速度大大下降，并且導(dǎo)致js語句很難被優(yōu)化。
因此并不建議大規(guī)模使用with語句。
七、swith語句
基本語法：
switch (<表達(dá)式>) {
case <數(shù)值1>:<語句組1>
break;
case <數(shù)值2>:<語句組2>
break;
...
default <語句組>
}
執(zhí)行流程：
switch語句可以是任何數(shù)據(jù)類型，每個(gè)case的值也不一定是常量，也可以是變量、表達(dá)式等，例如：
switch ("hello world") {
case "hello" + " world":
alert("Greeting was found.");
break;
case "goodbye":
alert("Closing was found.");
break;
default:
alert("Unexpected message was found.");
}
var num = 25;
switch (true) {
case num < 0:
alert("Less than 0.");
break;
case num >= 0 && num <= 10:
alert("Between 0 and 10.");
break;
case num > 10 && num <= 20:
alert("Between 10 and 20.");
break;
default:
alert("More than 20.");
}
switch語句在比較時(shí)使用的是全等操作符比較，因此不會(huì)發(fā)生類型轉(zhuǎn)換。
練習(xí)：
<script type="text/javascript">
var count = 10;
for (var i=0; i < count; i++){
alert(i);
}
alert(i); //輸出什么？
</script>
for(;;){
alert("2");//輸出多少次2？
}
以上就是本文的全部?jī)?nèi)容了，希望對(duì)小伙伴們能夠有所幫助。
相關(guān)文章
JavaScript中也使用$美元符號(hào)來代替document.getElementById
JavaScript可以定義$符號(hào)函數(shù)，簡(jiǎn)寫或書寫兼容性更好的代碼。2010-06-06
javascript 數(shù)組學(xué)習(xí)資料收集
由于javascript 數(shù)組應(yīng)用比較廣泛，使用的朋友越來越多，腳本之家特為大家整理了一些js 數(shù)據(jù)方面的學(xué)習(xí)資料，大家看完了，基本上應(yīng)該對(duì)數(shù)組有個(gè)理解了。2010-04-04
javascript實(shí)現(xiàn)計(jì)算器功能詳解流程
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單計(jì)算器小功能，只學(xué)書上的理論是遠(yuǎn)遠(yuǎn)不夠的，只有在實(shí)戰(zhàn)中才能獲得能力的提升，大家可以在本篇實(shí)例中查缺補(bǔ)漏，提升水平2021-11-11
Javascript 讀書筆記索引貼，方便讀者學(xué)習(xí)參考。2010-01-01
上一篇從常見數(shù)據(jù)結(jié)構(gòu)算法、JavaScript兩個(gè)方面從面試的角度進(jìn)行了整理，本文將對(duì)其余內(nèi)容進(jìn)行補(bǔ)充2016-08-08
下面小編就為大家?guī)硪黄媪私釰S中的匿名函數(shù)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
JavaScript判斷IE版本號(hào)，很簡(jiǎn)單,需要的朋友可以參考下2015-07-07
js nextSibling屬性和previousSibling屬性概述及使用注意
nextSibling屬性:該屬性表示當(dāng)前節(jié)點(diǎn)的下一個(gè)節(jié)點(diǎn)；如果其后沒有與其同級(jí)的節(jié)點(diǎn)，則返回null;previousSibling屬性:該屬性與nextSibling屬性的作用正好相反,接下來將詳細(xì)介紹下，感興趣的你不妨了解下哦，或許對(duì)你有所幫助2013-02-02
javascript 實(shí)例詳解循環(huán)用法
假如您需要運(yùn)行代碼多次，且每次使用不同的值，那么循環(huán)（loop）相當(dāng)方便使用。本篇文章通過幾個(gè)實(shí)例來帶你掌握循環(huán)的用法2021-11-11
escape定義和用法escape() 函數(shù)可對(duì)字符串進(jìn)行編碼，這樣就可以在所有的計(jì)算機(jī)上讀取該字符串。語法 escape(string)參數(shù)描述string必需。要被轉(zhuǎn)義或編碼的字符串。返回值已編碼的 string 的副本。其中某些字符被替換成了十六進(jìn)制的轉(zhuǎn)義序列,需要了解的朋友可以參考下2013-01-01