一文帶你解讀JavaScript的基本用法
作者：IT共享者
相信做網站對JavaScript再熟悉不過了，它是一門腳本語言，不同于Python的是，它是一門瀏覽器腳本語言，而Python則是服務器腳本語言，我們不光要會Python，還要會JavaScript，因為它對做網頁方面是有很大作用的。
前言
相信做網站對JavaScript再熟悉不過了，它是一門腳本語言，不同于Python的是，它是一門瀏覽器腳本語言，而Python則是服務器腳本語言，我們不光要會Python，還要會JavaScript，因為它對做網頁方面是有很大作用的。
JavaScript的基本用法
1.如何使用Js腳本
1).引入Js文件
在頭部標簽中導入腳本標簽并指明腳本文件路徑
- <head><script src="XXX.js"></script></head>
2).標簽中使用
- <body><script >javascript 語句</script></body>
- <head><script >javascript 語句</script></head>
2.數據類型
JavaScript的數據類型分為：
- string
- number
- boolean
- array
- object
- null
- undefined
3.注釋
1).單行注釋
以“//”開頭，后面接注釋語句，只能注釋一行
2).多行注釋
/* 注釋語句，可注釋多行 */
4.特殊符號
- \n 換行
- \t 制表符
- \b 空格
- \r 回車
- \f 換頁符
- \\ 反斜杠
- \' 單引號
- \" 雙引號
- \0 x 八進制代碼x表示的字符(n是0到7中的一個八進制數字)
- \x x 十六進制代碼x表示的字符（n是0到F 中的一個十六進制數字）
- \u x 十六進制代碼x表示的Unicode字符(n是0到F 中的一個十六進制數字)
5.變量聲明
1).Var聲明
- var ss='fsdf' 外部聲明的變量可在全局使用
- var ss 也可以不聲明值，也不會產生錯誤，唯一的遺憾是會產生變量提升
2).Const 聲明
- const ss=123 不存在變量提升，可生成塊級作用域 ，常用于聲明常量，聲明后必須賦值
3).Let 聲明
- let ss=123 不存在變量提升，可生成塊級作用域，常用于聲明變量，
6.控制結構語句
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對象的所有方法
- for(y in document)
- {
- console.log(y)
- }
6).Break、Continue
- break 立即終止循環
- continue 退出當前循環進入下一個循環
7).標簽語句
指的是標簽后面的語句可由判斷結果自行決定什么時候結束
- var i=0
- label:while(i<10){
- i++;
- if(i==5){
- break label;
- }
- else{
- console.log(i)
- }
- }
8).With語句
相當于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
- })
總結
這篇文章主要結束了JavaScript的導入、數據類型、注釋、變量和控制語句。下一篇文章，我們繼續介紹JavaScript，敬請期待!
責任編輯：姜華
來源：
IT共享之家
