JavaScript基礎入門--JavaScript簡介

一、簡單好學，富有表現力 —— JavaScript簡介

1.1 JavaScript的用途

JavaScript用來制作web頁面交互效果，提升用戶體驗。

 簡單列出幾個JavaScript能夠制作的頁面效果，它能干什么：

web前端三層來說：

結構層HTML從語義的角度，描述頁面結構

樣式層CSS從審美的角度，美化頁面

行為層JavaScript從交互的角度，提升用戶體驗

1.2 JavaScript歷史背景介紹

  布蘭登·艾奇（Brendan Eich，1961年～），1995年在網景公司，發明的JavaScript。一開始JavaScript叫做LiveScript，但是由于當時Java這個語言特別火，所以為了傍大牌，就改名為JavaScript。如同“北大”和“北大青鳥”的關系。“北大青鳥”就是傍“北大”大牌。同時期還有其他的網頁語言，比如VBScript、JScript等等，但是后來都被JavaScript打敗，所以現在的瀏覽器中，只運行一種腳本語言就是JavaScript。

1.3 JavaScript和ECMAScript的關系

ECMAScript是一種由Ecma國際前身為歐洲計算機制造商協會,英文名稱是European Computer Manufacturers Association，制定的標準。

JavaScript是由公司開發而成的，公司開發而成的一定是有一些問題，不便于其他的公司拓展和使用。所以歐洲的這個ECMA的組織，牽頭制定JavaScript的標準，取名為ECMAScript。

簡單來說ECMAScript不是一門語言，而是一個標準。符合這個標準的比較常見的有：JavaScript、Action Script（Flash中用的語言）。就是說，你JavaScript學完了，Flash中的程序也會寫了。

ECMAScript在2015年6月，發布了ECMAScript 6版本，語言的能力更強。但是，瀏覽器的廠商不能那么快的去追上這個標準。這些新的特性，我們后面的學習中深入，也會給大家介紹。

1.4 今天的JavaScript：承擔更多責任

2003年之前，JavaScript被認為“牛皮鮮”，用來制作頁面上的廣告，彈窗、漂浮的廣告。什么東西讓人煩，什么東西就是JavaScript開發的。所以瀏覽器就推出了屏蔽廣告功能。

2004年JavaScript命運開始改變了，那一年谷歌公司，開始帶頭使用Ajax技術了，Ajax技術就是JavaScript的一個應用。并且，那時候人們逐漸開始提升用戶體驗了。

 百度的智能感應

再比如：

  網易的Ajax驗證

2007年喬布斯發布了iPhone，這一年開始，用戶就多了上網的途徑，就是用移動設備上網。

JavaScript在移動頁面中，也是不可或缺的。并且這一年，互聯網開始標準化，按照W3C規則三層分離，人們越來越重視JavaScript了。

 聚劃算的手機頁面

2010年的時候，人們更加了解HTML5技術了，HTML5推出了一個東西叫做Canvas（畫布），工程師可以在Canvas上進行游戲制作，利用的就是JavaScript。

 canvas制作的水果忍者

2011年，Node.js誕生，使JavaScript能夠開發服務器程序了。

今天，JavaScript工程師是絕對的吃香，能夠和iOS、Android工程師比肩，毫不遜色的。

現在，公司都流行WebApp，就是用網頁技術開發手機應用。什么意思呢？手機系統有iOS、安卓、windows phone。那么公司比如說開發一個“攜程網”APP，就需要招聘三隊人馬，比如iOS工程師10人，安卓工程師10人，windows工程師10人。共30人，工資開銷大。并且，如果要改版，要改3個版本。所以，現在公司，都用web技術，用html+css+javascript技術來開發app。好處是不用招聘那么多工程師，只需要幾個前端開發工程師即可。并且也易于迭代，就是網頁一改變，所有的終端都變了。

1.5 JavaScript非常好學

JavaScript在“對初學者友好的語言”排行榜中排名第一。

JavaScript是有界面效果的，比如你學習C語言，對不起，白底黑字。而JavaScript有絢麗的效果，效果是可見的。你的勞動，是真真正正有效果啊。

JavaScript是弱變量類型的語言，變量只需要用var來聲明。Java中變量的聲明，要根據變量是什么類型的來聲明：

1 int a;
2 float a;
3 double a;
4 String a;
5 boolean a;

JavaScript中，只用一個：

1 var a;

JavaScript不用關心一些其他的事情，比如內存的釋放，指針。程序員只需要關心自己的業務，不需要關系這些雞毛蒜皮的破事兒。

1.6 我們的課程

JavaScript分為幾個部分：

● 語言核心 - 基礎班只學習語言核心，變量、表達式、運算符、函數、if語句、for語句

● DOM -以后會學習，就是控制HTML中的元素，比如讓盒子移動、變色、輪播圖。DOM是啥，以后會學習。

● BOM - 以后會學習，就是控制瀏覽器的一些東西，比如讓瀏覽器自動滾動。BOM是啥，以后會學習。

JavaScript的學習方法和HTML、CSS有著非常大的區別：

● 要多去“品”程序，多去思考內在邏輯。 HTML、CSS好比富士康，人力密集型；JS好比發條手表，很精密，令人嘖嘖稱奇。

● JS機械重復性的勞動幾乎為0，基本都是創造性的勞動。而不像HTML、CSS中margin、padding都是機械重復勞動。

● 永遠不要背程序，每一個程序都必須自己會寫。今后有一個隱性作業，重打老師的每一個案例。

我們的基礎的JS課程，最大的目的就是讓純小白，純0基礎的學生體驗到什么是編程、什么是邏輯，如何編程，編程如何思維？編程的樂趣。所以，我們JS基礎，不介紹細枝末節的東西，以后會學習再說。換句話說，基礎的知識，就是應該會的一些皮毛。一些奇怪的東西，基礎不介紹比如：

1 13 + true;

1 13 && true;

這些東西，隨著后面學習的深入，都會介紹。最后能成為JS的面試專家。

二、JavaScript是前臺語言，而不是后臺語言

JavaScript運行在客戶的電腦里面，而不是服務器上，所以我們稱為“前臺語言”。JavaScript就是一個簡單的制作頁面效果的語言，不能操作數據庫。就是服務于頁面的交互效果、美化、絢麗。

“后臺語言”是運行在服務器上的，比如PHP、ASP、JSP等等，這些語言都能夠操作數據庫，都能夠對數據庫進行“增刪改查”操作。

（Node.js除外，先別管Node.js是什么）。

● 比如一個圖書館，要開發“圖書借閱程序”，能夠記錄每個學生借了什么書，有沒有按時歸還，不能用JS開發！因為，設計數據庫的數據記錄。

● 比如，一個公司要開發“訂餐系統”，每天上午11:00統計所有的員工想吃什么？不能用JS開發。因為涉及數據庫的數據記錄。

● 比如，一個公司的網頁想要做的漂亮、有交互效果，絢麗。用JS開發。