一文帶你解讀JavaScript的基本用法
作者：IT共享者
相信做網(wǎng)站對(duì)JavaScript再熟悉不過(guò)了，它是一門腳本語(yǔ)言，不同于Python的是，它是一門瀏覽器腳本語(yǔ)言，而Python則是服務(wù)器腳本語(yǔ)言，我們不光要會(huì)Python，還要會(huì)JavaScript，因?yàn)樗鼘?duì)做網(wǎng)頁(yè)方面是有很大作用的。
前言
相信做網(wǎng)站對(duì)JavaScript再熟悉不過(guò)了，它是一門腳本語(yǔ)言，不同于Python的是，它是一門瀏覽器腳本語(yǔ)言，而Python則是服務(wù)器腳本語(yǔ)言，我們不光要會(huì)Python，還要會(huì)JavaScript，因?yàn)樗鼘?duì)做網(wǎng)頁(yè)方面是有很大作用的。
JavaScript的基本用法
1.如何使用Js腳本
1).引入Js文件
在頭部標(biāo)簽中導(dǎo)入腳本標(biāo)簽并指明腳本文件路徑
- <head><script src="XXX.js"></script></head>
2).標(biāo)簽中使用
- <body><script >javascript 語(yǔ)句</script></body>
- <head><script >javascript 語(yǔ)句</script></head>
2.數(shù)據(jù)類型
JavaScript的數(shù)據(jù)類型分為：
- string
- number
- boolean
- array
- object
- null
- undefined
3.注釋
1).單行注釋
以“//”開(kāi)頭，后面接注釋語(yǔ)句，只能注釋一行
2).多行注釋
/* 注釋語(yǔ)句，可注釋多行 */
4.特殊符號(hào)
- \n 換行
- \t 制表符
- \b 空格
- \r 回車
- \f 換頁(yè)符
- \\ 反斜杠
- \' 單引號(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)語(yǔ)句
1).If ......Else
- var aa=12
- if(aa>3){console.log(1)}
- else{alert(1)}
可以看出與我們的Python語(yǔ)句略有不同。
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)簽語(yǔ)句
指的是標(biāo)簽后面的語(yǔ)句可由判斷結(jié)果自行決定什么時(shí)候結(jié)束
- var i=0
- label:while(i<10){
- i++;
- if(i==5){
- break label;
- }
- else{
- console.log(i)
- }
- }
8).With語(yǔ)句
相當(dāng)于Python中的上下文管理器
- var aa='fasdffsa'
- with(aa){
- console.log(aa)
- }
9).Switch語(yǔ)句
- 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ù)類型、注釋、變量和控制語(yǔ)句。下一篇文章，我們繼續(xù)介紹JavaScript，敬請(qǐng)期待!
責(zé)任編輯：姜華
來(lái)源：
IT共享之家
