一文帶你解讀JavaScript的基本用法

作者：IT共享者 2021-10-11 10:19:48

相信做網(wǎng)站對(duì)JavaScript再熟悉不過了，它是一門腳本語言，不同于Python的是，它是一門瀏覽器腳本語言，而Python則是服務(wù)器腳本語言，我們不光要會(huì)Python，還要會(huì)JavaScript，因?yàn)樗鼘?duì)做網(wǎng)頁方面是有很大作用的。

[[428047]]

前言

JavaScript的基本用法

1.如何使用Js腳本

1).引入Js文件

在頭部標(biāo)簽中導(dǎo)入腳本標(biāo)簽并指明腳本文件路徑

<head><script src="XXX.js"></script></head>

2).標(biāo)簽中使用

<body><script >javascript 語句</script></body> 
<head><script >javascript 語句</script></head>

2.數(shù)據(jù)類型

JavaScript的數(shù)據(jù)類型分為：

string 
number 
boolean 
array 
object 
null 
undefined

3.注釋

1).單行注釋

以“//”開頭，后面接注釋語句，只能注釋一行

2).多行注釋

/* 注釋語句，可注釋多行 */

4.特殊符號(hào)

\n 換行 
\t 制表符  
\b 空格  
\r 回車  
\f 換頁符 
\\ 反斜杠  
\' 單引號(hào) 
\" 雙引號(hào) 
\0 x 八進(jìn)制代碼x表示的字符(n是0到7中的一個(gè)八進(jìn)制數(shù)字) 
\x x 十六進(jìn)制代碼x表示的字符（n是0到F 中的一個(gè)十六進(jìn)制數(shù)字） 
\u x 十六進(jìn)制代碼x表示的Unicode字符(n是0到F 中的一個(gè)十六進(jìn)制數(shù)字)

5.變量聲明

1).Var聲明

var ss='fsdf'  外部聲明的變量可在全局使用 
var ss        也可以不聲明值，也不會(huì)產(chǎn)生錯(cuò)誤，唯一的遺憾是會(huì)產(chǎn)生變量提升

2).Const 聲明

const ss=123   不存在變量提升，可生成塊級(jí)作用域 ，常用于聲明常量，聲明后必須賦值

3).Let 聲明

let ss=123   不存在變量提升，可生成塊級(jí)作用域，常用于聲明變量，

6.控制結(jié)構(gòu)語句

1).If ......Else

var aa=12 
if(aa>3){console.log(1)} 
else{alert(1)}

可以看出與我們的Python語句略有不同。

2).Do.....While

var i=1 
do 
 { 
 i++; 
 console.log(i); 
 } 
while(i<5)

3).While

var i=1 
while(i<5){ 
    i++; 
    console.log(i) 
}

4).For

for(let i=1;i<6;i++){ 
    console.log(i) 
}

5).For....In...

#打印了document對(duì)象的所有方法 
    for(y in document) 
        { 
            console.log(y) 
        }

6).Break、Continue

break    立即終止循環(huán) 
continue 退出當(dāng)前循環(huán)進(jìn)入下一個(gè)循環(huán)

7).標(biāo)簽語句

指的是標(biāo)簽后面的語句可由判斷結(jié)果自行決定什么時(shí)候結(jié)束

var i=0 
label:while(i<10){ 
    i++; 
    if(i==5){ 
        break label; 
} 
    else{ 
        console.log(i) 
} 
}

8).With語句

相當(dāng)于Python中的上下文管理器

var aa='fasdffsa' 
        with(aa){ 
            console.log(aa) 
        }

9).Switch語句

var aa=[1,2,3] 
    switch(aa){ 
        case 1:console.log(1); 
        break; 
        case 2:console.log(2); 
        break; 
        case 3:console.log(3); 
        break; 
        default:console.log('fas'); 
}

10).For....of

for(let val of iterable){ 
console.log(val) 
}

11).For each ..... in

var sum = 0; 
var obj = {prop1: 5, prop2: 13, prop3: 8}; 
for each (var item in obj) { 
  sum += item; 
} 
print(sum); // 輸出"26",也就是5+13+8的值 
 
 
obj.forEach(function(val,item,array){ 
      array[item]=val 
})

總結(jié)

這篇文章主要結(jié)束了JavaScript的導(dǎo)入、數(shù)據(jù)類型、注釋、變量和控制語句。下一篇文章，我們繼續(xù)介紹JavaScript，敬請(qǐng)期待!

責(zé)任編輯：姜華來源： IT共享之家

Javascript 高階函數(shù)前端