JavaScript概述
網頁中 各技術的作用
| 技術 | 作用 |
| HTML | 創建網頁結構 |
| css | 美化網頁 |
| JavaScript | 用于網頁互動，讓網頁變得更加生動，提高用戶的體驗 |
js初次體驗
需求：
使用js
1.JavaScript的兩種引入方式：
1.使用<JavaScript>標簽寫在HTML檔案里面
2.寫在外部檔案
2.JS語言的三個組成部分：
| 組成部分 | 作用 |
| ECMA | 所有腳本的語言的規范，構成JavaScript語法的基礎 |
| BOM | 瀏覽器物件模型，用來操作瀏覽器各種物件 |
| DOM | 檔案物件模型，用來操作網頁中的各個元素 |
3.script標簽有哪兩個屬性？
1.scr匯入外部js腳本的位置
2.type是指腳本的型別，可選
4.js有哪三種形式
console.log("這種輸出經常作為開發人員的除錯方式")
document.write("這種方式是到網頁上")
alert()
5.變數定義語法
5.1ES6中有三個定義變數的關鍵
1.var以前使用比較多的一個關鍵字
2.let es6新增的定義變數的關鍵字
3.const定義的變數是一個常量(定義的變數是一個常量，不能進行二次賦值)
5.2java和js的宣告變數的比較
| 資料型別 | java中定義 | js定義 |
| 整數 | int i=5 | var i=5 |
| 浮點數 | ||
| 布爾型 | Boolean b=true | var b =true |
| 字符 | char c="a" | var c='a',js當中沒有字符型別，只有字串 |
| 字串 | String str ="abc" | var str="abc" |
注意事項：
1.js語言屬于弱型別語言，同一個變數可以賦值
6.let和var的區別
7.const定義的變數不可以二次賦值，但是const定義的物件可以改變物件的屬性值，不可以改變物件的屬性
7.1.const關鍵字定義的變數有哪些特征？
const定義的變數是一個常量，不能二次賦值
const定義的物件屬性不能更改，但是屬性值可以更改（不能使用物件名=，可以使用物件名.屬性=值）
8.js的資料型別（5鐘）
| 資料型別 | 說明 |
| number | 數值型，包含整數或者小數 |
| Boolean | 布爾型別，true/false |
| String | 字串型別，可以使用單引，雙引，反引 |
| object | 物件型別 |
| underfine |
8.1typeof運算子（關鍵字）
作用：判斷一個變數的資料型別
寫法
typerof 變數名
小結一下：
| null和undefined的區別 | 說明 |
| null | null本質是一個物件，只是這個沒有值 |
| undefined | 未知的型別，只是定義一個變數，沒有給具體的值，沒有初始化 |
9.js的運算子
（1）.算術運算子
| 運算子 | 說明 |
| + | 加法，連接符 |
| - | 減法 |
| * | 乘法 |
| / | 取余 |
| ++.-- | 自增，自減 |
（2）賦值運算子：用于給js變數賦值
| 運算子 | 說明 |
| = | 把左邊的值賦值給右邊 |
| += | 把左右兩邊值相加賦值給左邊 |
| -= | 把左邊的值減去右邊的值得結果賦值給左邊的變數 |
| *= | 把左右兩邊的值相乘在賦值給左邊 |
| /= | 把左邊的值除以右邊的值的結構 |
| %= | 把左邊的模以右邊的值得結果 |
（3）比較運算子
| == | 絕對等于，不只判斷數值，還要比較型別 | 5=== | |
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/347148.html
標籤：其他
下一篇：NodeJs環境搭建