JavaScript入門萌新須知

JavaScript 多數狀況下,被用做瀏覽器端表單數據驗證, 操做改變網頁元素內容從而實現網頁特效,以及根據用戶的一些操做信息,如鼠標單擊,移動操做等作出相應的反饋, 從而實現與用戶的交互.所以, JavaScript 早期被定位爲瀏覽器端腳本語言.javascript

經過對Chrome V8引擎的再封裝, 有了最近普遍使用的 Node.js, 將它的觸角延伸到服務器端的後臺服務, 配合 MongoDB 實現徹底的後臺功能, 這樣 JS 的功能獲得極大的拓展.html

如今經過第三方提供的打包工具，JS被用於混合環境的App開發, 使得JS具有系統能力（調用攝像頭、文件操做、生成二維碼等），這樣使用JS便可開發出與原生App一樣強大的功能。java

以致於有人提出 ATWOOD 定律: Any application that can be written in JavaScript, will eventually be written in JavaScript. ( 凡是能用JS寫出來，最終都會用JS去寫它 )瀏覽器

JS的主要開發者是 Brendan Eich. 他在設計之初:服務器

①　借鑑C語言的基本語法app

②　借鑑Java語言的數據類型和內存管理函數

③　借鑑Scheme語言，將函數提高到"第一等公民"(first class)的地位工具

④　借鑑Self語言，使用基於原型(prototype)的繼承機制spa

ECMAScript
網景公司第一個發佈 JS 後, 微軟公司也發佈了它的 JS 版本, 不一樣公司的 JS 存在差別, 給使用帶來了不方便.最終由歐洲計算機制造商協會（ECMA，European Computer Manufactures Association）制定了統一的規範, 這就是 ECMAScript. 2015年6月 ECMAScript 6 正式發佈, 即 ES6
prototype

一般 ECMAScript 只是規定的核心語法. 對於 JavaScript 來講有三部分:

核心語法: ECMAScript
瀏覽器對象模型: BOM
文檔對象模型: DOM

書寫位置

1. 標籤中

<button onclick="alert('你點啥>')">點擊按鈕彈消息</button>  
<!-- 全部標籤均可以  -->

2. </body> 標籤以前

<body> 
	<script>
    	alert('在script標籤中的代碼')	
    </script>
</body>

3. 單獨 js 文件, 在當前 html 文件引入

xxx.js

alert('我是一個單獨的JS文件')

在html中引入 xxx.js 文件

<body>
    
 	<script src="./xxx.js"></script>   
</body>

輸出語句

1. alert( )

2. document.write( )

3. console.log( )

<script>
	alert('彈出消息窗口')
    document.write('顯示<br>在頁面上')
    console.log('內容輸出到控制檯調試窗口')
</script>

注意: 三條語句是自上而下的執行

語句執行與分號

執行

歸根到底, 代碼指令是自上而下順序執行的.

分號

1) 語句結束時, 是否必須加分號, 存在爭議

2) JS 中, 回車換行也表示一條代碼指令的結束

3) 當多條指令寫在一行, 分號能起到分隔不一樣指令的做用

我的建議: 多數狀況, 一行只寫一條語句指令時, 不加分號

註釋

做用

對旁邊代碼解釋說明
代碼註釋後不會執行. 查找代碼中錯誤時,註釋某段代碼來排錯.

單行註釋 //

<script>
	// alert('代碼被註釋就不執行了')
	alert('有時候是爲了調試代碼')
</script>

快捷鍵 sublime 中 ctrl + /

多行註釋 /* */

<script>
    /* alert('不會被執行') alert('也不會被執行') */
</script>

快捷鍵 sublime 中先選中要註釋的代碼 ctrl + shift + /