基本語法入門

piapia 發(fā)布于2019-08-26 10:22 / 2958人閱讀

摘要：語句變量概念變量提升標(biāo)識符注釋區(qū)塊條件語句結(jié)構(gòu)結(jié)構(gòu)結(jié)構(gòu)三元運(yùn)算符循環(huán)語句循環(huán)循環(huán)循環(huán)語句和語句標(biāo)簽參考鏈接語句和表達(dá)式以分號結(jié)束的是語句，表達(dá)式加分號沒有意義語句是為了完成某任務(wù)的操作。

1.語句
2.變量
2.1概念
2.2變量提升
3.標(biāo)識符
4.注釋
5.區(qū)塊
6.條件語句
6.1if 結(jié)構(gòu)
6.2if...else 結(jié)構(gòu)
6.3switch 結(jié)構(gòu)
6.4三元運(yùn)算符 ?:
7.循環(huán)語句
7.1while 循環(huán)
7.2for 循環(huán)
7.3do...while 循環(huán)
7.4break 語句和 continue 語句
7.5標(biāo)簽（label）
參考鏈接

1.語句和表達(dá)式
以分號結(jié)束的是語句，表達(dá)式加分號沒有意義
語句（statement）是為了完成某任務(wù)的操作。
1 + 3叫做表達(dá)式（expression），指一個(gè)為了得到返回值的計(jì)算式

var a = 1 + 3;

語句和表達(dá)式的區(qū)別在于，前者主要為了進(jìn)行某種操作，一般情況下不需要返回值；后者則是為了得到返回值，一定會返回一個(gè)值。

預(yù)期為值的地方，都可以使用表達(dá)式。比如，賦值語句的等號右邊，預(yù)期是一個(gè)值，因此可以放置各種表達(dá)式。（）里都是表達(dá)式

2.變量

給值取名，然后拿來引用。
變量是對“值”的具名引用

var a = 1;
上面的代碼先聲明變量a，然后在變量a與數(shù)值1之間建立引用關(guān)系，稱為將數(shù)值1“賦值”給變量a

var，是變量聲明命令。它表示通知解釋引擎，要?jiǎng)?chuàng)建一個(gè)變量a。

二次聲明沒用賦值有用
var x = 1;
var x;
x // 1
var x = 1;
var x = 2;

// 等同于

var x = 1;
var x;
x = 2;

2.1概念
2.2變量提升

JavaScript 引擎的工作方式是，先解析代碼，獲取所有被聲明的變量，然后再一行一行地運(yùn)行。

3.標(biāo)識符
4.注釋

需要注意的是，-->只有在行首，才會被當(dāng)成單行注釋，否則會當(dāng)作正常的運(yùn)算。
HTML 代碼的注釋，所以也被視為合法的單行注釋。

x = 1; x = 3;
上面代碼中，只有x = 1會執(zhí)行，其他的部分都被注釋掉了。

function countdown(n) {
while (n --> 0) console.log(n);
}
countdown(3)
// 2
// 1
// 0
上面代碼中，n --> 0實(shí)際上會當(dāng)作n-- > 0，因此輸出2、1、0。

5.區(qū)塊

JavaScript 使用大括號，將多個(gè)相關(guān)的語句組合在一起，稱為“區(qū)塊”（block）。

對于var命令來說，JavaScript 的區(qū)塊不構(gòu)成多帶帶的作用域（scope）。在外部仍有效

{
var a = 1;
}

a // 1

6.條件語句
6.1if 結(jié)構(gòu)

var x = 1;
var y = 2;
if (x = y) {
console.log(x);
}
// "2"
上面代碼的原意是，當(dāng)x等于y的時(shí)候，才執(zhí)行相關(guān)語句。但是，不小心將嚴(yán)格相等運(yùn)算符寫成賦值表達(dá)式，結(jié)果變成了將y賦值給變量x，再判斷變量x的值（等于2）的布爾值（結(jié)果為true）。

if (x = 2) { // 不報(bào)錯(cuò)
if (2 = x) { // 報(bào)錯(cuò)

6.2if...else 結(jié)構(gòu)

else代碼塊總是與離自己最近的那個(gè)if語句配對。

var m = 1;
var n = 2;

if (m !== 1)
if (n === 2) console.log("hello");
else console.log("world");
上面代碼不會有任何輸出，else代碼塊不會得到執(zhí)行，因?yàn)樗氖亲罱哪莻€(gè)if語句，相當(dāng)于下面這樣。

6.3switch 結(jié)構(gòu)

需要注意的是，每個(gè)case代碼塊內(nèi)部的break語句不能少，否則會接下去執(zhí)行下一個(gè)case代碼塊，而不是跳出switch結(jié)構(gòu)。

var x = 1;

switch (x) {
case 1:

console.log("x 等于1");

case 2:

console.log("x 等于2");

default:

console.log("x 等于其他值");

}
// x等于1
// x等于2
// x等于其他值

switch語句部分和case語句部分，都可以使用表達(dá)式。
switch語句后面的表達(dá)式，與case語句后面的表示式比較運(yùn)行結(jié)果時(shí)，采用的是嚴(yán)格相等運(yùn)算符（===），而不是相等運(yùn)算符（==），這意味著比較時(shí)不會發(fā)生類型轉(zhuǎn)換。
switch (1 + 3) {
case 2 + 2:

f();
break;

default:

neverHappens();

}

var x = 1;

switch (x) {
case true:

console.log("x 發(fā)生類型轉(zhuǎn)換");
break;

default:

console.log("x 沒有發(fā)生類型轉(zhuǎn)換");

}
// x 沒有發(fā)生類型轉(zhuǎn)換
6.4三元運(yùn)算符 ?:

var even = (n % 2 === 0) ? true : false;
上面代碼中，如果n可以被2整除，則even等于true，否則等于false。它等同于下面的形式。

var even;
if (n % 2 === 0) {
even = true;
} else {
even = false;
}

7.循環(huán)語句
7.1while 循環(huán)
7.2for 循環(huán)

for語句后面的括號里面，有三個(gè)表達(dá)式。

初始化表達(dá)式（initialize）開始時(shí)候只執(zhí)行一次
條件表達(dá)式（test）：每輪循環(huán)開始時(shí)，都要執(zhí)行這個(gè)條件表達(dá)式，只有值為真，才繼續(xù)進(jìn)行循環(huán)。
遞增表達(dá)式（increment）：每輪循環(huán)的最后一個(gè)操作，通常用來遞增循環(huán)變量

for ( ; ; ){
console.log("Hello World");
}
上面代碼省略了for語句表達(dá)式的三個(gè)部分，結(jié)果就導(dǎo)致了一個(gè)無限循環(huán)。

7.3do...while 循環(huán)

不管是否符合都回先執(zhí)行一次

7.4break 語句和 continue 語句

for循環(huán)也可以使用break語句跳出當(dāng)前循環(huán)。

for (var i = 0; i < 5; i++) {
console.log(i);
if (i === 3)

break;

}
// 0
// 1
// 2
// 3

var i = 0;

while (i < 100){
i++;
if (i % 2 === 0) continue;
console.log("i 當(dāng)前為：" + i);
}
上面代碼只有在i為奇數(shù)時(shí)，才會輸出i的值。如果i為偶數(shù)，則直接進(jìn)入下一輪循環(huán)。

如果存在多重循環(huán)，不帶參數(shù)的break語句和continue語句都只針對最內(nèi)層循環(huán)

7.5標(biāo)簽（label）

語句的前面有標(biāo)簽（label），相當(dāng)于定位符

標(biāo)簽通常與break語句和continue語句配合使用，跳出特定的循環(huán)。

top:
for (var i = 0; i < 3; i++){

for (var j = 0; j < 3; j++){
  if (i === 1 && j === 1) break top;
  console.log("i=" + i + ", j=" + j);
}

}
// i=0, j=0
// i=0, j=1
// i=0, j=2
// i=1, j=0

foo: {
console.log(1);
break foo;
console.log("本行不會輸出");
}
console.log(2);
// 1
// 2
上面代碼執(zhí)行到break foo，就會跳出區(qū)塊。

continue語句也可以與標(biāo)簽配合使用。

top:
for (var i = 0; i < 3; i++){

for (var j = 0; j < 3; j++){
  if (i === 1 && j === 1) continue top;
  console.log("i=" + i + ", j=" + j);
}

}
// i=0, j=0
// i=0, j=1
// i=0, j=2
// i=1, j=0
// i=2, j=0
// i=2, j=1
// i=2, j=2
上面代碼中，continue命令后面有一個(gè)標(biāo)簽名，滿足條件時(shí)，會跳過當(dāng)前循環(huán)，直接進(jìn)入下一輪外層循環(huán)。如果continue語句后面不使用標(biāo)簽，則只能進(jìn)入下一輪的內(nèi)層循環(huán)。

參考鏈接

GPU云服務(wù)器云服務(wù)器 js基本語法 java基本語法 javascript基本語法 java基本語法學(xué)習(xí)

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/106069.html

發(fā)表評論

登陸后可評論

0條評論

piapia

男|高級講師

我要關(guān)注我要私信

TA的文章

densenet

閱讀 2978·2023-04-26 02:04
bacloud：拉脫維亞便宜服務(wù)器，E5-2650L/16GB內(nèi)存/240GB SSD/1Gbps帶

閱讀 1286·2021-11-04 16:07
主機(jī)處理的是什么層-傳輸層的作用是什么?主機(jī)有傳輸層嗎?路由器有傳輸層嗎？

閱讀 3712·2021-09-22 15:09
一行css代碼輕松實(shí)現(xiàn)前端響應(yīng)式布局（vw+rem）

閱讀 685·2019-08-30 15:54
重新開始學(xué)前端之浮動

閱讀 1906·2019-08-29 14:11
JavaScript的幾種循環(huán)方式

閱讀 2534·2019-08-26 12:19
css中幾個(gè)重要概念

閱讀 2261·2019-08-26 12:00
vue-cli中chainWebpack的使用

閱讀 764·2019-08-26 10:27

国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

基本語法入門

相關(guān)文章

PHP入門：書寫語法以及基本規(guī)范

初學(xué) go 入門-案例-教程-記錄（4）了解基礎(chǔ)語法，了解運(yùn)算

PHP入門：常量基本規(guī)則

【Python零基礎(chǔ)到入門】Python基礎(chǔ)語法篇——基本數(shù)據(jù)類型【文末送書】

scrapy入門教程3：scrapy的shell命令

前端基礎(chǔ)入門一（HTML）

發(fā)表評論

0條評論

piapia

男|高級講師

TA的文章

densenet

bacloud：拉脫維亞便宜服務(wù)器，E5-2650L/16GB內(nèi)存/240GB SSD/1Gbps帶

主機(jī)處理的是什么層-傳輸層的作用是什么?主機(jī)有傳輸層嗎?路由器有傳輸層嗎？

一行css代碼輕松實(shí)現(xiàn)前端響應(yīng)式布局（vw+rem）

重新開始學(xué)前端之浮動

JavaScript的幾種循環(huán)方式

css中幾個(gè)重要概念

vue-cli中chainWebpack的使用

最新活動

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

基本語法 入門

相關(guān)文章

發(fā)表評論

0條評論

男|高級講師

TA的文章

最新活動

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

基本語法入門