第一章 JavaScript簡(jiǎn)介

1.1、JavaScript的起源

JavaScript誕生于1995年，它的出現(xiàn)主要是用于處理網(wǎng)頁中的前端驗(yàn)證。所謂的前端驗(yàn)證，就是指檢查用戶輸入的內(nèi)容是否符合一定的規(guī)則。比如：用戶名的長(zhǎng)度，密碼的長(zhǎng)度，郵箱的格式等。但是，有的同學(xué)可能會(huì)有疑問，這些驗(yàn)證，后端不也可以進(jìn)行驗(yàn)證嗎？確實(shí)，后端程序的確可以進(jìn)行這些驗(yàn)證，但你要清楚，在1995年那個(gè)年代，網(wǎng)速是非常慢的，向后端發(fā)送一個(gè)請(qǐng)求，瀏覽器很久才能得到響應(yīng)，那這無疑是一種非常不好的用戶體驗(yàn)。

為了解決前端驗(yàn)證的問題，當(dāng)時(shí)的瀏覽器巨頭NetScape（網(wǎng)景）公司就開發(fā)出一種腳本語言，起初命名為L(zhǎng)iveScript，后來由于SUN公司的介入更名為了JavaScript。但是你要清楚，Java和JavaScript是沒有什么關(guān)系的，只不過當(dāng)時(shí)Java非常流行，為了蹭熱度，才將LiveScript更名為JavaScript，它們的關(guān)系就像雷鋒和雷峰塔的關(guān)系一樣，沒啥關(guān)系。

但是，瀏覽器開發(fā)商不止網(wǎng)景一家，還有一個(gè)大家都知道的公司，微軟公司，它們的主打產(chǎn)品是IE（Internet Explorer）瀏覽器，當(dāng)網(wǎng)景公司的Netscape Navigator瀏覽器推出JavaScript語言時(shí)，微軟就急了啊，好家伙，人網(wǎng)景都推出了專門用于前端驗(yàn)證的語言，不僅大大減少了后端程序的壓力，還提高了用戶的體驗(yàn)。我微軟這么大的公司不也得整一個(gè)，在1996年，微軟公司在其最新的IE3瀏覽器中引入了自己對(duì)JavaScript的實(shí)現(xiàn)JScript。

于是在市面上存在兩個(gè)版本的JavaScript，一個(gè)網(wǎng)景公司的JavaScript和微軟的JScript，雖然當(dāng)時(shí)瀏覽器的巨頭是網(wǎng)景，但是網(wǎng)景的瀏覽器是收費(fèi)的，雖然微軟的IE瀏覽器在全球的市場(chǎng)份額遠(yuǎn)遠(yuǎn)不及網(wǎng)景，但是微軟的拳頭產(chǎn)品是Windows操作系統(tǒng)，每一個(gè)操作系統(tǒng)都自帶一個(gè)IE瀏覽器并且免費(fèi)，那么，未來的發(fā)展大家可能也想到了，網(wǎng)景讓微軟給干倒閉了，1998年11月，網(wǎng)景被美國(guó)在線（AOL）收購(gòu)。

老大哥就是老大哥，為了搶先獲得規(guī)則制定權(quán)，網(wǎng)景最先將JavaScript作為草案提交給歐洲計(jì)算機(jī)制造商協(xié)會(huì)，也就是ECMA組織，希望能將JavaScript做成行業(yè)標(biāo)準(zhǔn)，最終在網(wǎng)景、SUN以及微軟等公司的參與下，由一眾程序員和相關(guān)組織人員組成的第39技術(shù)委員會(huì)也就是TC39發(fā)布了ECMA-262標(biāo)準(zhǔn)，這個(gè)標(biāo)準(zhǔn)定義了名為ECMAScript的全新腳本語言，為啥又來了個(gè)ECMAScript？

因?yàn)镴ava是SUN的商標(biāo)，SUN授權(quán)了NetScape可以叫JavaScript，但是ECMA沒有SUN的授權(quán)就不能叫JavaScript，哪怕NetScape成員特別希望ECMA把它叫做JavaScript，但是ECMA也有成員并不希望這個(gè)標(biāo)準(zhǔn)就叫JavaScript，總之經(jīng)過幾輪磋商和博弈，ECMAScript這個(gè)名字就定下來。

我們可以簡(jiǎn)單看一下歷史事件發(fā)展表：

1.2、JavaScript的組成

ECMAScript是一個(gè)標(biāo)準(zhǔn)，而這個(gè)標(biāo)準(zhǔn)需要由各個(gè)廠商去實(shí)現(xiàn)，不同的瀏覽器廠商對(duì)該標(biāo)準(zhǔn)會(huì)有不同的實(shí)現(xiàn)。

我們已經(jīng)知道ECMAScript是JavaScript標(biāo)準(zhǔn)，所以一般情況下這兩個(gè)詞我們認(rèn)為是一個(gè)意思。但是實(shí)際上JavaScript的含義卻要更大一些。一個(gè)完整的JavaScript實(shí)現(xiàn)應(yīng)該由以下三個(gè)部分構(gòu)成：

由此我們也知道了我們所要學(xué)習(xí)的內(nèi)容就是這三部分，它們具體的含義后邊章節(jié)會(huì)具體介紹。

1.3、JavaScript的特點(diǎn)

解釋型語言

JavaScript是一門解釋型語言，所謂解釋型值語言是指不需要被編譯為機(jī)器碼在執(zhí)行，而是直接執(zhí)行。由于少了編譯這一步驟，所以解釋型語言開發(fā)起來尤為輕松，但是解釋型語言運(yùn)行較慢也是它的劣勢(shì)。不過解釋型語言中使用了JIT技術(shù)，使得運(yùn)行速度得以改善。

動(dòng)態(tài)語言

JavaScript是一門動(dòng)態(tài)語言，所謂的動(dòng)態(tài)語言可以暫時(shí)理解為在語言中的一切內(nèi)容都是不確定的。比如一個(gè)變量，這一時(shí)刻是個(gè)整型，下一時(shí)刻可能會(huì)變成字符串了。當(dāng)然這個(gè)問題我們以后再談。不過在補(bǔ)充一句動(dòng)態(tài)語言相比靜態(tài)語言性能上要差一些，不過由于JavaScript中應(yīng)用的JIT技術(shù)，所以JavaScript可能是運(yùn)行速度最快的動(dòng)態(tài)語言了。

類似于 C 和 Java 的語法結(jié)構(gòu)

JavaScript的語法結(jié)構(gòu)與C和Java很像，向for、if、while等語句和Java的基本上是一模一樣的。所以有過C和Java基礎(chǔ)的同學(xué)學(xué)習(xí)起來會(huì)輕松很多。不過JavaScript和與Java的關(guān)系也僅僅是看起來像而已。

基于原型的面向?qū)ο?/p>

JavaScript是一門面向?qū)ο蟮恼Z言。啥是對(duì)象？下次聊。

Java也是一門面向?qū)ο蟮恼Z言，但是與Java不同JavaScript是基于原型的面向?qū)ο?。啥是原型？下次聊?/p>

嚴(yán)格區(qū)分大小寫

JavaScript是嚴(yán)格區(qū)分大小寫的，也就是abc和Abc會(huì)被解析器認(rèn)為是兩個(gè)不同的東西。

1.4、JavaScript的使用

1.4.1、標(biāo)簽引用

在HTML中在script標(biāo)簽中就可以編寫JavaScript代碼，以下是一個(gè)簡(jiǎn)單演示。

<script>

??alert("Hello,World!");

</script>

1

2

3

1.4.2、文件引用

在一個(gè)單獨(dú)的js文件中也可以編寫JavaScript代碼，然后在HTML文件中使用script標(biāo)簽進(jìn)行引用，以下是一個(gè)簡(jiǎn)單演示。

main.html

<script src="main.js"></script>

1

main.js

alert("Hello,World!");

1

1.5、JavaScript的輸出

1.5.1、頁面輸出

如何使用JavaScript向頁面輸出一句話，請(qǐng)參考以下代碼。

<script>

??document.write("Hello,World!");

</script>

1

2

3

1.5.2、控制臺(tái)輸出

如何使用JavaScript向控制臺(tái)輸出一句話，請(qǐng)參考以下代碼。

注意：頁面按F12彈出控制臺(tái)

<script>

??console.log("輸出一條日志");//最常用

??console.info("輸出一條信息");

??console.warn("輸出一條警告");

??console.error("輸出一條錯(cuò)誤");

</script>

1

2

3

4

5

6