掃碼添加微信一、導入
JavaScript一種直譯式腳本語言，是一種動態類型、弱類型、基于原型的語言，內置支持類型。它的解釋器被稱為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶端的腳本語言，最早是在HTML（標準通用標記語言下的一個應用）網頁上使用，用來給HTML網頁增加動態功能。
在1995年時，由Netscape公司的Brendan Eich，在網景導航者瀏覽器上首次設計實現而成。因為Netscape與Sun合作，Netscape管理層希望它外觀看起來像Java，因此取名為JavaScript。但實際上它的語法風格與Self及Scheme較為接近。
為了取得技術優勢，微軟推出了JScript，CEnvi推出ScriptEase，與JavaScript同樣可在瀏覽器上運行。為了統一規格，因為JavaScript兼容于ECMA標準，因此也稱為ECMAScript。
二、知識要點
1．Javascript概述
JavaScript 誕生于 1995 年。它當時的目的是為了驗證表單輸入的驗證。因為在JavaScript 問世之前， 表單的驗證都是通過服務器端驗證的。 而當時都是電話撥號上網的年代，服務器驗證數據是一件非常痛苦的事情。經過許多年的發展， JavaScript 從一個簡單的輸入驗證成為一門強大的編程語言。 所以，學會使用它是非常簡單的， 而真正掌握它則需要很漫長的時間。 那么本門課程就帶領大家進入 JavaScript 課堂，去學習和理解它。
JavaScript 是一種具有面向對象能力的、解釋型的程序設計語言。更具體一點，它是基于對象和事件驅動并具有相對安全性的客戶端腳本語言。 因為他不需要在一個語言環境下運行， 而只需要支持它的瀏覽器即可。 它的主要目的是， 驗證發往服務器端的數據、 增加 Web互動、加強用戶體驗度等。
代碼編輯器：Notepad++、sublime、Dreamweaver、etc.
瀏覽器：谷歌瀏覽器，火狐瀏覽器，IE 瀏覽器，IETest 工具等。
2．script標簽
<script>xxx</script>這組標簽，是用于在 html 頁面中插入 js 的主要方法。它主要有以下幾個屬性：
- charset：表示通過 src 屬性指定的字符集。
- defer：表示腳本可以延遲到文檔完全被解析和顯示之后再執行。
- language：用于代碼使用的腳本語言。
- src：表示包含要執行代碼的外部文件。
- type：表示代碼使用的腳本語言的內容類型。
范例：
<script type="text/javascript">
alert('歡迎來到 JavaScript 世界！');
</script>
3、Javascript嵌入方式
內部 javascript，直接使用 script 標簽，在當前頁面任意位置嵌入。如：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
alert('歡迎來到 Javascript 世界！');
</script>
</head>
<body>
<h1>Javascript 的嵌入方式</h1>
<script type="text/javascript">
alert('我的第一個 js 程序');
</script>
</body>
</html>
<script type="text/javascript">
alert('這個地方也能嵌入哦~');
</script>
行內 Javascript，通過鼠標或鍵盤事件寫入到某些特定的 html 標簽中，如：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body onload="alert('歡迎來到 Javascript 世界！');">
<h1 onclick="alert('你點我做什么??？');">Javascript 的嵌入方式</h1>
</body>
</html>
外部 Javascript， 用script 標簽的 src屬性引用外部 js 文件。 需要注意的是， 這時在 script標簽之間不能插入任何內容（插入的內容無效）。如：
<script type=”text/javascript” src=”js/common.js”></scirpt>
4．常量
常量，也叫做直接量或者字面量，指的是在程序運行過程中不會發生變化的量，也就是程序中直接顯示出來的數據值。如：
100 //數字字面量
'Hello World！' //字符串字面量
false //布爾字面量
/js/gi //正則表達式字面量
null //對象字面量
{x:1, y:2} //對象字面量表達式
[1,2,3,4,5] //數組字面量表達式
5．變量
變量，在程序運行過程中可能發生變化的量。通過下面一段小程序，大家可以理解什么是常量，什么是變量。
var i,count=0;
for(i=101;i<=130;i++){
count++;
document.write('程序運行第'+count+'次，當前 i 的值為'+i);
}
變量的定義：var 變量名;
正確如：var i; var score; var $a; var _abc;
錯誤如：var 123; var -s; var 姓名; var for;
標識符的命名規則：所謂標識符，就是指變量、函數、屬性的名字，或者函數的參數。標識符可以是下列格式規則組合起來的一或多個字符：
- 第一字符必須是一個字母、下劃線(_)或一個美元符號($)。
- 其他字符可以是字母、下劃線、美元符號或數字。
- 不能把關鍵字、保留字、true、false 和 null 作為標識符。
- 變量名最好有一定含義，一看這個名稱就知道存放的是什么內容。
同時定義多個變量：各個變量之間用逗號分割，如：var a,b,c,d,...;
變量的賦值：變量名=值;如 a=123; b='Hello!';
連續賦值：a=b=c=121;
定義變量的同時進行賦值：var a=123,b=11,c;
引申：
var a=120; A=101; Console.log(a,A);
結論：Javascript 是區分大小寫的，大寫和小寫代表的是不同的內容，如 alert()不能寫成Alert();
5．數據類型
ECMAScript 中有 5 種簡單數據類型： Undefined、 Null、 Boolean、 Number 和 String。還有一種復雜數據類型——Object。ECMAScript 不支持任何創建自定義類型的機制，所有值都成為以上 6 中數據類型之一。
在實際使用中可能還會有一種 function，它其實是 object 的一種。
typeof 操作符
typeof 操作符是用來檢測變量的數據類型。 對于常量或變量使用 typeof 操作符會返回如下字符串。
- undefined 未定義，或者定義了但沒有賦值
- boolean 布爾值
- string 字符串
- number 數值
- object 對象或 null
- function 函數
String 類型包含了一些特殊的字符字面量，也叫轉義序列。\n 換行 \t 制表 \b 空格 \r 回車 \f 進紙 \\ 斜杠 \' 單引號 \" 雙引號
6．運算符
算術運算符
+(加) -(減) *(乘) /(除) %(取模,求余數) ++(自加) --(自減)
%判斷奇偶
前++后++的區別
比較運算符
>(大于) <(小于) >=(大于等于) <=(小于等于) !=(不等于) ==(等于)
===(全等于) !==(不全等)
==與===的區別
邏輯運算符
&&(邏輯與) ||(邏輯或) !(邏輯非)
字符串運算符
+(字符串連接)
賦值運算符
=(賦值) += -= /= *= %= ...
條件運算符
條件?結果 1:結果 2
運算符的優先級
如果沒有使用圓括號強制優先級，我們必須遵循以下順序。在使用過程中如果不確定，可使用括號。
目的與要求
掌握Javascript的嵌入方式，理解Javascript中的變量和常量，并能正確定義變量，給變量賦值，進行Javascript的各種運算。
練習
- 定義2個變量并賦值，計算這兩個變量的加減乘除、取模、自加、自減。
- 定義2個變量并賦值，用條件運算符輸出較大的一個數。
- 定義一個變量并賦值，用條件運算符判斷這個數的奇偶。
- 定義一個變量保存成績，賦值后，用條件運算符判斷是否及格。
- 用戶輸入三條邊長，用條件運算符，判斷是否能構成三角形。
- 定義一個變量，用賦值運算符給變量賦值一個3行4列的表格并輸出。
三、總結
變量的命名規范需要牢記，今后的所有標識符，包括函數、函數的參數、對象等等都需要按此來命名。而對于數據類型，大概知道即可，在js的大部分設計過程中都用不到的。運算符的是一個重點，大家需要認真學習，尤其是對于之前在數學中沒有用到的運算符，一定要理解清楚并能熟練運用。
© 致遠 2020-02-16，原創內容，轉載請注明出錯：Javascript基礎知識