一、概述
發展歷史：https://www.w3school.com.cn/js/pro_js_history.asp
10天開發出的腳本語言，代碼嚴謹性不高，許多地方不會報錯，
Javascript的引入：內部標簽與外部引入
內部標簽：在body里輸入
<script>//內部標簽
alert("hellw world");
</script>
外部引入:通常置于head或body底部
<script src="xxx.js"></script> //外部引入
JS檔案中
alert("hello")
注意：在script標簽中，單行注釋為 // ，多行注釋為 /* */ ，與java相同，若不同引入方式在同一檔案中，則里面的alert按順序依次彈出，
二、瀏覽器控制臺如何使用
運用JavaScript可實作流程控制，例如：
<script>
var score=59;//定義變數：變數型別 變數名=值
if(score>60&&score<70){
alert("60-70");
}else if(score>70&&score<80){
alert("70-80");
}else{
alert("other");
}
</script>
則彈出彈窗內容為"other"
想進一步觀察流程控制途中每一步的運行結果，可將檔案從編輯器運行到瀏覽器后，可通過右鍵-檢查（審查元素）/Ctrl+Shift+I來打開控制頁面，其內容如下：
上圖為初始界面，其中：
Element：分析HTML和CSS代碼，
Console（控制臺）：寫JavaScript代碼，并且輸出，
常見命令——在瀏覽器的控制臺列印變數：console.log();與Java的System.out.println();相似，以下便是列印script中的變數score所顯示的結果，
Sources：當前的原始碼目錄，
右側的除錯工具中有監視工具，有打斷點的功能，打了斷點重繪網頁就可以跳轉至斷點處，半圓形箭頭加點（Step over next）是執行到結束，下箭頭加點（Step into next）往下走一步，上箭頭加點（Step out of current）是往上走一步，用于除錯一步一步找錯誤，
Network：網路請求，
Application：相當于web里的資料庫，將一些簡單的資料保存在網頁里，
①Local Storage：本地存盤，在H5里用的比較多，但現在不怎么用，在VUE里要使用它，如狀態管理，
②Session Storage：存Session的，
③Cookies：后面可能用的最多的，
三、資料型別介紹
變數：變數型別 變數名=變數值
變數名命名：
首位：字母，$，_
內容：數字，其余同上
注意：關鍵字不可命名，中文盡量不用來命名，
number：整數（不區分整數小數），浮點數（存在精度問題，盡量不用來計算），科學計數法，負數，NaN（not a number），infinity（無限大）
字串：單引號括起
null：空
undefined：未定義
邏輯運算：&&，||，！
比較運算子：=賦值
表示等于：==（等號兩邊資料型別可以不一樣，值一樣則為true）
===（等號兩邊資料型別必須一樣，值一樣為true）
注意：判斷NaN不能用比較運算子，可以用isNaN()，如圖：
陣列：一般用中括號，陣列中元素可為不同屬性，
var arr = [1,null,'1',true];//可讀性更高
new Array(1,null,'1',true);
物件：一般用大括號，每個屬性間用逗號隔開，
var person={
name:"lywl",
age:"19",
tags:['html','css','js']
}
可通過person.直接取其值，
五、嚴格檢查模式
例如定義如下變數：
i=1;//全域變數（默認），未定義
let j=2;//定義區域變數,一般用于ES6
為了使Javascript更嚴謹，避免產生一些錯誤，可用
‘use strict’
必須放在script標簽中第一行，使i不被定義為變數，從而報錯，所以日常寫代碼時，要記得在前面先定義好變數，
注意：IDEA需要設定支持ES6語法，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/252693.html
標籤：其他
上一篇：移動端動態設定viewport引起的大段文字字號變大
下一篇：js高頻面試題（高頻）