JavaScript歷史
- 1995.2月 Netscape公司發(fā)布LiveScript，后臨時(shí)改為JavaScript，為了趕上Java的熱浪。
歐洲計(jì)算機(jī)制造商協(xié)會(huì)（ECMA）英文名稱是European Computer Manufacturers Association - 1997 年，以JavaScript 1.1 為基礎(chǔ)。由來自 Netscape、Sun、微軟、Borland 和其他一些對(duì)腳本編程感興趣的公司的程序員組成的 TC39（ECMA的小組） 錘煉出了 ECMA-262，也就是ECMAScript1.0。
- 1998年6月，ECMAScript 2.0版發(fā)布。
- 1999年12月，ECMAScript 3.0版發(fā)布，成為JavaScript的通行標(biāo)準(zhǔn)，得到了廣泛支持。
- 2007年10月，ECMAScript 4.0版草案發(fā)布：分歧太大，失敗告終。
- 2009年12月，ECMAScript 5.0版正式發(fā)布
- 2015年6月17日，ECMAScript 6發(fā)布正式版本，即ECMAScript 2015。
JavaScript和ECMAScript的關(guān)系
ECMAScript是一種由Ecma國際前身為歐洲計(jì)算機(jī)制造商協(xié)會(huì),英文名稱是European Computer Manufacturers Association，制定的標(biāo)準(zhǔn)。
JavaScript是由公司開發(fā)而成的，公司開發(fā)而成的一定是有一些問題，不便于其他的公司拓展和使用。所以歐洲的這個(gè)ECMA的組織，牽頭制定JavaScript的標(biāo)準(zhǔn)，取名為ECMAScript。
簡(jiǎn)單來說ECMAScript不是一門語言，而是一個(gè)標(biāo)準(zhǔn)。符合這個(gè)標(biāo)準(zhǔn)的比較常見的有：JavaScript、Action Script（Flash中用的語言）。就是說，你JavaScript學(xué)完了，F(xiàn)lash中的程序也會(huì)寫了。
ECMAScript在2015年6月，發(fā)布了ECMAScript 6版本，語言的能力更強(qiáng)。但是，瀏覽器的廠商不能那么快的去追上這個(gè)標(biāo)準(zhǔn)。這些新的特性，我們就業(yè)班的深入，也會(huì)給大家介紹。
JS介紹
js是一款運(yùn)行在客戶端的網(wǎng)頁編程語言。
組成部分
ECMAScript：JavaScript的語法標(biāo)準(zhǔn)。
DOM：JavaScript操作網(wǎng)頁上的元素的API
BOM：JavaScript操作瀏覽器的部分功能的API
特點(diǎn)
簡(jiǎn)單易用
可以使用任何文本編輯工具編寫
只需要瀏覽器就可以執(zhí)行程序解釋執(zhí)行
解釋執(zhí)行：事先不編譯、逐行執(zhí)行、無需進(jìn)行嚴(yán)格的變量聲明
編譯執(zhí)行：java c# 轉(zhuǎn)化為.dll可執(zhí)行文件==>電腦讀取.dll可執(zhí)行文件基于對(duì)象
內(nèi)置大量現(xiàn)成對(duì)象，編寫少量程序可以完成目標(biāo)面向過程
作用
表單驗(yàn)證
輪播特效
開發(fā)游戲
JS書寫位置
Javascript 書寫位置
（1）與css類似，直接嵌入到html頁面中
（2）文件調(diào)用：JavaScript代碼寫到另一個(gè)文件當(dāng)中（其后綴通常為“.js”），然后用格式為<script src="javascript.js"></script>的標(biāo)記把它嵌入到文檔中
- 寫js代碼的時(shí)候，分號(hào)不能省略。
- 推薦將JS代碼寫在html結(jié)束標(biāo)簽后邊、將多個(gè)JS文件合成為一個(gè)JS文件
Javascript執(zhí)行過程中的小原理
- html頁面中出現(xiàn)<script>標(biāo)簽后，就會(huì)讓頁面暫停等待腳本的解析和執(zhí)行。無論當(dāng)前腳本是內(nèi)嵌式還是外鏈?zhǔn)剑撁娴南螺d和渲染都必須停下來等待腳本的執(zhí)行完成才能繼續(xù)，這在頁面的生命周期中是必須的。
例如：通過外鏈?zhǔn)絡(luò)s文件查看加載速度。
輸出消息的幾種方式
-
alert()在頁面彈出一個(gè)對(duì)話框，早期JS調(diào)試使用。 -
Confirm()在頁面彈出一個(gè)對(duì)話框, 常配合if判斷使用。 -
console.log()將信息輸入到控制臺(tái)，用于js調(diào)試 -
prompt()彈出對(duì)話框，用于接收用戶輸入的信息。
返回用戶輸入的信息 -
document.write()在頁面輸出消息
document.write("<p><a href='#'>你好</a></p>");
document.write不僅能輸出信息，還能輸出標(biāo)簽。
轉(zhuǎn)義字符
\" 轉(zhuǎn)雙引
\'轉(zhuǎn)單引
\n轉(zhuǎn)換行
\r轉(zhuǎn)回車
Js注釋
單行注釋 //
多行注釋 /* */
快捷鍵 ctrl+/
變量
會(huì)變化的量。
變量是用來存儲(chǔ)數(shù)據(jù)的容器。
- 變量定義
變量定義： var 自定義名稱;
var關(guān)鍵字定義變量
- 給變量賦值
變量名=值;
var wukong = 123;//wukong是變量名，123是變量
- 命名規(guī)范
- 變量名必須以字符或下劃線“_”開頭
- 變量可以包含數(shù)字、從A至Z的大小字母
- 不能以數(shù)字或者純數(shù)字開頭來定義變量名。
- 不推薦使用中文來定義變量名。
- 不能使用特殊符號(hào)或者特殊符號(hào)開頭(-除外);
- JavaScript嚴(yán)格區(qū)分大小寫，computer和Computer是兩個(gè)完全不同的變量
-
禁止使用javascript的保留關(guān)鍵字作為變量名（見下面的保留關(guān)鍵字圖）
用于程序控制或者執(zhí)行特定操作的關(guān)鍵字
保留關(guān)鍵字
JavaScript數(shù)據(jù)類型
- 簡(jiǎn)單數(shù)據(jù)類型：
- Number:數(shù)字類型
- String:字符串類型
- Boolean:布爾類型
- undefined:變量未初始化
- null：空類型
typeof undefined;//"undefined"
null === undefined;//false
null == undefined;//true
typeof null;//"object"
復(fù)雜數(shù)據(jù)類型：
Object:對(duì)象（引用）
Array:數(shù)組
判斷數(shù)據(jù)類
typeof 變量名;
- Number數(shù)據(jù)類型
- 最基本的數(shù)據(jù)類型
- 不區(qū)分整型數(shù)值和浮點(diǎn)型數(shù)值
- 能表示的最大值是±1.7976931348623157乘以10的308次方
能表示的最小值是±5 乘以10的-324次方 - 包含十六進(jìn)制數(shù)據(jù)，以 0x開頭 0到9之間的數(shù)字，a(A)-f(F)之間字母構(gòu)成。 a-f對(duì)應(yīng)的數(shù)字是10-15
- 八進(jìn)制直接以數(shù)字0開始，有0-7之間的數(shù)字組成。
var num = 0x3f;//十六進(jìn)制
var num1 = 045;//8進(jìn)制
alert(num);//63
alert(num1);//37
- 字符串
字符串由單引號(hào)或雙引號(hào)括起
例如單獨(dú)一個(gè)字母也被稱為字符串（例如：‘a(chǎn)’）
轉(zhuǎn)義字符\" \'
var str = "你好";
var str1 = '你好啊';
- 比較運(yùn)算符：
>,<,>=,<=,==,!=
var a=1;
var b=2;
alert(a>b);
- 布爾數(shù)據(jù)類型 Boolean
只有2個(gè)值一個(gè)是true, 一個(gè)是false. 實(shí)際運(yùn)算中true=1,false=0
- JavaScript 特殊類型
取值null 含義：變量未引用，值為空（主動(dòng)），在內(nèi)存中找不到這個(gè)變量
取值undefined 含義：變量未初始化,變量在內(nèi)存中是存在的 - Null: Javascript中的關(guān)鍵字，它表示一個(gè)特殊值。通常用來描述“空值”。
- undefined: 表示值得空缺。它是變量的一種取值，表示變量未進(jìn)行初始化（變量沒有賦值），在EcmaScript3中，undefined是可讀寫的變量，可以給它賦任何值。在EcmaScript5中將這個(gè)錯(cuò)誤進(jìn)行了修改。只有undefined這一個(gè)值。
算術(shù)運(yùn)算符
-
+加號(hào) - 兩個(gè)數(shù)字類型的變量相加，得到的是一個(gè)數(shù)字類型。
- 一個(gè)數(shù)字類型和一個(gè)字符串相加，得到的是一個(gè)字符串。
-
-減號(hào) - 兩個(gè)數(shù)字類型的變量相減，得到的是一個(gè)數(shù)字類型。
- 一個(gè)數(shù)字類型和一個(gè)數(shù)字字符串相減，得到的是一個(gè)數(shù)字類型。
- 一個(gè)數(shù)字類型和一個(gè)非數(shù)字字符串相減，得到的是NaN,是一個(gè)數(shù)字類型。
var num1 = 22;
var num2 = 23;
var str1 = "12";
var str2 = "nihao";
var str3 = "8";
alert(typeof (num1-str1));//number
alert(num1-str2);//NaN
alert(str1-num1);//-10
alert(str1-str2);//NaN
alert(str1-str3);//4
NaN, not a number，表示不是一個(gè)數(shù)字
判斷是不是一個(gè)數(shù)字使用： isNaN(x)
(typeof NaN)是number/除號(hào)兩個(gè)數(shù)字類型的變量相除，得到的是一個(gè)數(shù)字類型。
一個(gè)數(shù)字類型和一個(gè)數(shù)字字符串相除，得到的是一個(gè)數(shù)字類型。
一個(gè)數(shù)字類型和一個(gè)非數(shù)字字符串相除，得到的是NaN,是一個(gè)數(shù)字類型。
0做為除數(shù)的時(shí)候，得到結(jié)果 Infinity （無限大），是一個(gè)數(shù)字類型。
var num1 = 24;
var num2 = 23;
var str1 = "12";
var str2 = "nihao";
var str3 = "8";
alert(num1/0);//Infinity
alert(num1/str1);//2
alert(num1/str2);//NaN
alert(typeof (num1/str2));//number
- Infinity： 無窮大 例如： var number=7/0
- % 取余數(shù)
- 優(yōu)先級(jí)：有()先計(jì)算()里邊的
帶操作的賦值運(yùn)算
在javascript中，程序執(zhí)行的過程是從上而下的順序執(zhí)行。遇到錯(cuò)誤，不會(huì)再往下執(zhí)行。
