<meta charset="utf-8">
<article class="_2rhmJa">
簡介
- JavaScript 是世界上最流行的語言之一，是一種運行在客戶端的腳本語言 （Script 是腳本的意思）
- 腳本語言：不需要編譯胧华，運行過程中由 js 解釋器( js 引擎）逐行來進行解釋并執(zhí)行
- 現(xiàn)在也可以基于 Node.js 技術(shù)進行服務(wù)器端編程
JavaScript的作用
- 表單動態(tài)校驗（密碼強度檢測） （ JS 產(chǎn)生最初的目的 ）
- 網(wǎng)頁特效
- 服務(wù)端開發(fā)(Node.js)
- 桌面程序(Electron)
- App(Cordova)
- 控制硬件-物聯(lián)網(wǎng)(Ruff)
- 游戲開發(fā)(cocos2d-js)
瀏覽器執(zhí)行 JS 簡介
瀏覽器本身并不會執(zhí)行JS代碼，而是通過內(nèi)置 JavaScript 引擎(解釋器) 來執(zhí)行 JS 代碼 憎兽。JS 引擎執(zhí)行代碼時逐行解釋每一句源碼（轉(zhuǎn)換為機器語言）撑蚌，然后由計算機去執(zhí)行，所以 JavaScript 語言歸為腳本語言刽肠，會逐行解釋執(zhí)行溃肪。
JS 的組成
ECMAScript
ECMAScript 是由ECMA 國際（ 原歐洲計算機制造商協(xié)會）進行標準化的一門編程語言免胃，這種語言在萬維網(wǎng)上應(yīng)用廣泛，它往往被稱為 JavaScript或 JScript惫撰，但實際上后兩者是 ECMAScript 語言的實現(xiàn)和擴展羔沙。
ECMAScript：規(guī)定了JS的編程語法和基礎(chǔ)核心知識，是所有瀏覽器廠商共同遵守的一套JS語法工業(yè)標準润绎。
DOM——文檔對象模型
文檔對象模型（DocumentObject Model撬碟，簡稱DOM），是W3C組織推薦的處理可擴展標記語言的標準編程接口莉撇。通過 DOM 提供的接口可以對頁面上的各種元素進行操作（大小呢蛤、位置、顏色等）
BOM——瀏覽器對象模型
瀏覽器對象模型(Browser Object Model棍郎，簡稱BOM) 是指瀏覽器對象模型其障，它提供了獨立于內(nèi)容的、可以與瀏覽器窗口進行互動的對象結(jié)構(gòu)涂佃。通過BOM可以操作瀏覽器窗口励翼，比如彈出框、控制瀏覽器跳轉(zhuǎn)辜荠、獲取分辨率等汽抚。
JS 初體驗
JS 有3種書寫位置，分別為行內(nèi)伯病、內(nèi)嵌和外部造烁。
1、行內(nèi)式
<input type="button" value="點我啊" onclick="alert('點我干哈')">
- 可以將單行或少量 JS 代碼寫在HTML標簽的事件屬性中（以 on 開頭的屬性）午笛，如：onclick
- 注意單雙引號的使用：在HTML中我們推薦使用雙引號, JS 中我們推薦使用單引號
- 可讀性差惭蟋， 在html中編寫JS大量代碼時，不方便閱讀药磺；
- 引號易錯告组，引號多層嵌套匹配時，非常容易弄混癌佩；
- 特殊情況下使用
2木缝、內(nèi)嵌式
<script>
// alert('歡迎來到王者峽谷')
console.log('你在哪里')
</script>
- 可以將多行JS代碼寫到 script 標簽中
- 內(nèi)嵌 JS 是學習時常用的方式
3.外部JS文件
<script src="../../js/my.js"></script>
- 利于HTML頁面代碼結(jié)構(gòu)化，把大段 JS代碼獨立到 HTML 頁面之外围辙，既美觀氨肌，也方便文件級別的復用
- 引用外部 JS文件的 script 標簽中間不可以寫代碼
- 適合于JS 代碼量比較大的情況
JavaScript注釋
單行注釋
//
/* adada*/
JavaScript輸入輸出語句
變量的使用
- 變量的聲明
- 變量的賦值
// 聲明變量
var age; // 聲明一個 名稱為age 的變量
- var 是一個 JS關(guān)鍵字，用來聲明變量( variable 變量的意思 )酌畜。使用該關(guān)鍵字聲明變量后怎囚，計算機會自動為變量分配內(nèi)存空間，不需要程序員管
- age 是程序員定義的變量名，我們要通過變量名來訪問內(nèi)存中分配的空間
賦值
age = 10;
var age = 18; // 聲明變量同時賦值為 18
同時聲明多個變量
var name = 'zhansan', age=18, sex = 1;
變量命名規(guī)范
- 由字母(A-Za-z)恳守、數(shù)字(0-9)考婴、下劃線(_)、美元符號( $ )組成催烘，如：usrAge, num01, _name
- 嚴格區(qū)分大小寫沥阱。var app; 和 var App; 是兩個變量
- 不能 以數(shù)字開頭。 18age 是錯誤的
- 不能 是關(guān)鍵字伊群、保留字考杉。例如：var、for舰始、while
- 變量名必須有意義崇棠。 MMD BBD nl → age
- 守駝峰命名法。首字母小寫丸卷，后面單詞的首字母需要大寫勾扭。myFirstName
數(shù)據(jù)類型的分類
JS 把數(shù)據(jù)類型分為兩類：
簡單數(shù)據(jù)類型 （Number,String,Boolean,Undefined,Null）
-
復雜數(shù)據(jù)類型 （object)
交換變量和判斷數(shù)字
<script>
var name1 = '張三';
var name2 = '李四';
var temp;
temp = name1;
name1 = name2;
name2 = temp;
console.log(name1);
console.log(name2)
// 判斷 一個變量 非數(shù)字 是數(shù)字false 不是true
console.log(isNaN(12))
console.log(isNaN('老師真帥'))
</script>
- 字符串長度和字符串拼接射亏、布爾型Boolean
<script>
var str = '李濟帥嗎';
alert(str.length);
var str2 = '真的嗎';
alert(str+str2);
alert(true + 1);
alert(false + 1);
</script>
- Undefined和 Null
一個聲明后沒有被賦值的變量會有一個默認值undefined ( 如果進行相連或者相加時棋恼，注意結(jié)果）
一個聲明變量給 null 值镶蹋，里面存的值為空（學習對象時，我們繼續(xù)研究null)
var varible;
console.log(varible)
console.log('nihao' +varible);
console.log(12 + varible);
console.log(true +varible);
var vari = null;
console.log(vari)
console.log('nihao' +vari);
console.log(12 + vari);
console.log(true +vari);
獲取變量數(shù)據(jù)類型
typeof 可用來獲取檢測變量的數(shù)據(jù)類型
<script>
var num = 10
console.log(typeof num) // number
var str = 'hehe'
console.log(typeof str) // string
var flag = true
console.log(typeof flag) // boolean
var vari = undefined
console.log(typeof vari) // undefined
var vari2 = null
console.log(typeof vari2) // object
var age = prompt('請輸入您的年齡');
console.log(age)
console.log(typeof age)
</script>
轉(zhuǎn)化為字符型
<script>
var num = 1000
// 1
var str = num.toString()
console.log(str)
console.log(typeof str)
// 2
console.log(typeof String(num))
// 3
str = num + ''
console.log(typeof str)
</script>
轉(zhuǎn)化為數(shù)字型
<script>
var num = '3.64';
var res = parseInt(num) // 取整
console.log(res)
console.log(typeof res)
console.log(parseInt('120px')) // 120
console.log(parseInt('rem120px')) // nan
console.log(parseFloat('2.23')) // nan
var haha = Number('121')
console.log(typeof haha)
</script>
