Web開發之JavaScript

NO IMAGE
1 Star2 Stars3 Stars4 Stars5 Stars 給文章打分!
Loading...

小引
筆者認為web開發包括設計html,javascript,css,以及一種高階語言,比如c#,java等等,本文分為三部分,第一部分為簡單介紹javascript,第二部分為理解ECMAscript,最後部分為為javascript基礎,所以針對javascript筆者不是很深理解,只能從下面幾點對他進行分析,要是不對,請指出,謝謝!主要內容為:

第一部分:

javascript
特點
javascript的實現
ECMAScript標準
javascript的發展

第二部分:

關於 ECMAScript
1、相同的句法
2、物件導向程式設計
3、函式也是物件
4、物件都有原型
5、資料構造方便
6、JavaScript物件符號(JSON)
7、Fifth Edition

第三部分:
1、javascript語法
2、變數
3、資料型別
4、條件語句
5、迴圈語句
6、函式
參考

第一部分:
javascript介紹
JavaScript是一種基於物件(Object)和事件驅動(Event Driven)並具有安全效能的指令碼語言。使用它的目的是與HTML超文字標記語言、Java 指令碼語言(Java小程式)一起實現在一個Web頁面中連結多個物件,與Web客戶互動作用。從而可以開發客戶端的應用程式等。它是通過嵌入或調入在標準的HTML語言中實現的。它的出現彌補了HTML語言的缺陷,它是Java與HTML折衷的選擇.
特點
是一種指令碼編寫語言
JavaScript是一種指令碼語言,它採用小程式段的方式實現程式設計。像其它指令碼語言一樣,JavaScript同樣已是一種解釋性語言,它提供了一個易的開發過程。它的基本結構形式與C、C 、VB、Delphi十分類似。但它不像這些語言一樣,需要先編譯,而是在程式執行過程中被逐行地解釋。它與HTML標識結合在一起,從而方便使用者的使用操作。 基於物件的語言。JavaScript是一種基於物件的語言,同時以可以看作一種物件導向的。這意味著它能運用自己已經建立的物件。因此,許多功能可以來自於指令碼環境中物件的方法與指令碼的相互作用。
簡單性
JavaScript的簡單性主要體現在:首先它是一種基於Java基本語句和控制流之上的簡單而緊湊的設計, 從而對於學習Java是一種非常好的過渡。其次它的變數型別是採用弱型別,並未使用嚴格的資料型別。
安全性
JavaScript是一種安全性語言,它不允許訪問本地的硬碟,並不能將資料存入到伺服器上,不允許對網路文件進行修改和刪除,只能通過瀏覽器實現資訊瀏覽或動態互動。從而有效地防止資料的丟失。
動態性的
JavaScript是動態的,它可以直接對使用者或客戶輸入做出響應,無須經過Web服務程式。它對使用者的反映響應,是採用以事件驅動的方式進行的。所謂事件驅動,就是指在主頁(Home Page)中執行了某種操作所產生的動作,就稱為“事件”(Event)。比如按下滑鼠、移動視窗、選擇選單等都可以視為事件。當事件發生後,可能會引起相應的事件響應。
跨平臺性
JavaScript是依賴於瀏覽器本身,與操作環境無關,只要能執行瀏覽器的計算機,並支援JavaScript的瀏覽器就可正確執行。從而實現了“編寫一次,走遍天下”的夢想。實際上JavaScript最傑出之處在於可以用很小的程式做大量的事。無須有高效能的電腦,軟體僅需一個字處理軟體及一瀏覽器,無須WEB伺服器通道,通過自己的電腦即可完成所有的事情。
綜合
JavaScript 是一種新的描述語言,它可以被箝入到 HTML 的檔案之中。 JavaScript語言可以做到迴應使用者的需求事件 (如: form 的輸入) ,而不用任何的網路來回傳輸資料,所以當一位使用者輸入一項資料時,它不用經過傳給伺服端 (server)處理,再傳回來的過程,而直接可以被客戶端 (client) 的應用程式所處理。
JavaScript 和 Java 很類似,但到底並不一樣! Java 是一種比 JavaScript 更復雜許多的程式語言,而 JavaScript 則是相當容易瞭解的語言。JavaScript 創作者可以不那麼注重程式技巧,所以許多 Java 的特性在 Java Script 中並不支援。
JavaScript實現
核心(ECMAScript)——JavaScript的核心ECMAScript描述了該語言的語法和基本物件
文件物件模型(DOM)——DOM描述了處理網頁內容的方法和介面
瀏覽器物件模型(BOM)——BOM描述了與瀏覽器進行互動的方法和介面

ECMAScript標準

1997年,歐洲計算機製造商協會(ECMA)在JavaScript語言規範的基礎上制定了ECMA-262標準,形成了網頁尾本語言的規範。目前各主流瀏覽器均支援符合 ECMA-262標準的指令碼語言。從此,Web瀏覽器就開始努力(雖然有著不同程度的成功和失敗)將ECMAScript作為JavaScript實現的基礎。儘管ECMAScript是一個重要的標準,但它並不是JavaScript唯一的部分,當然,也不是唯一被標準化的部分。實際上,一個完整的JavaScript實現是由以下3個不同部分組成的:
核心(ECMAScript)——JavaScript的核心ECMAScript描述了該語言的語法和基本物件
文件物件模型(DOM)——DOM描述了處理網頁內容的方法和介面
瀏覽器物件模型(BOM)——BOM描述了與瀏覽器進行互動的方法和介面
目前所有的主流 Web 瀏覽器都支援 ECMA-262 第三版,即JavaScript 1.5版本,JavaScript 1.6-1.9只是ECMAScript (JavaScript on Gecko)升級至JavaScript 2.0的臨時代號。
JavaScript的發展趨勢

語言永遠被當做工具,這一點從來都沒有被改變過,以後也不會,語言是使用及和其他技術進行交流的方式和手段。例如,在Windows平臺上,使用ADODB元件可以使JavaScript能處理支援SQL的資料庫中的資料,使用FSO元件可以實現本地檔案IO功能。這一切都說明了JavaScript位於應用開發的最頂端,其與低層技術的實現無關。
儘管平臺技術不斷髮生變化,JavaScript仍將以不變的形式去使用平臺提供的能力從而適應新的需求。未來的一段時間內,Web開發將是開發者眾聚之地,也是JavaScript變得紫紅的時代。

第二部分:

關於 ECMAScript
ECMAScript是ECMA(European Computer Manufacturers Association)制定的標準指令碼語言(JAVAScript),目前推薦遵循的是ECMAScript 262(http://www.ecma.ch/ecma1/STAND/ECMA-262.HTM),首先ECMAScript規範描述了指令碼程式語言應實現的基本內容如下:語法 ,資料和變數的型別 ,語句 ,關鍵字 ,保留字 ,運算子 物件。所以符合ECMA-262規範的指令碼程式語言必須實現該規範描述的所有的”型別、值、物件、屬性、函式和程式語法及語義”,並且必須支援Unicode字元標準(UCS)。在此基礎上,每個具體實現還可以指定”額外的型別、值、物件、屬性和函式”,可以定義新的”程式和正規表示式語法”等。
1、相同的句法
首先是相同的句法,ECMAScript與其他流行的開放語言如c#,java,很類似,也就意味著其他語言風格看起來很想在ECMAScript上,比如
複製程式碼 程式碼如下:
for(i = 0; i < a.length; i ) {
if (a[i] == x)
return i;
}

2、物件導向程式設計
ECMAScript的支援物件導向程式設計。在ECMAScript物件命名屬性的值。物件的屬性,函式可以被稱為方法。
window.setTitle(user.name);
3、函式也是物件
ECMAScript的功能是物件和屬性作為引數傳遞,可以儲存,並作為結果返回。從函數語言程式設計上,讓你的函式和方法匯入功能從他們的呼叫者那裡得到一個簡單而靈活的方式。
複製程式碼 程式碼如下:
var recent = posts.sort(function(a, b) {
return (a.date > b.date ? -1 : 1);
}).slice(0, 10);

4、物件都有原型
受到本身程式語言的鼓舞,ECMAScript的物件繼承原型物件的屬性,基於原型的程式設計方便容易委託和靈活的覆蓋物件的行為。
複製程式碼 程式碼如下:
function Car() { }
Car.prototype = new Object();
Car.prototype.wheels = 4;
Car.prototype.color = “black”;
function RaceCar() { }
RaceCar.prototype = new Car();
RaceCar.prototype.color = “red”;
var vroom = new RaceCar();
vroom.wheels // 4
vroom.color // “red”

5、資料構造方便
ECMAScript中談到許多常見的資料型別,這樣可以節省時間,使你的程式更加易讀速記。
Arrays
var digits = [3, 1, 4, 1, 5, 9];
Objects

var img = { width: 320, height:160, src: “images/es.png” };
正規表示式

var email = /([^@]*)@([^@]*)/;
6、JavaScript物件符號(JSON)

JSON是一種流行,輕量級的資料交換格式。 JSON是互動式的網頁和網路服務,部分特別有用,因為它的語法是ECMAScript的語法的一個子集。

7、Fifth Edition
歐洲計算機製造商協會最近公佈的新的ECMAScript標準第五版的最終候選人草案。一些新的功能包括:
1、提高標準庫
2、標準化的JSON庫
3、反射的getter和setter方法

第三部分:
1、javascript語法
1.1區分大小寫
1.2弱項型別變數
var MyName=”Xinzhu”;var Age =22;var School=”Gxnu”;var male=true; 1.3每項結尾分號可有,可無
1.4括號用於程式碼塊

複製程式碼 程式碼如下:
if(myName==”xinzhu”){
var age=22;
alert(age);
}

1.5javascript註釋方式和c語言,java相同
2、變數

通過var關鍵字宣告,如:var boy=”xinzhu”;這裡要注意,首字元是字母,可以是大小寫,下劃線和$,剩下的可以是下劃線,$,任意之母;變數名不可以是關鍵字或者保留字

3、資料型別
underfined,代表一切不可知的事情,可以將underfined賦值給任何變數或者屬性,但是並不意味清除該變數,反而會因此多了一個屬性
null,大概有這個概念,但是什麼東西都沒有
boolean,是和非,用於程式碼處理和控制程式碼流程
Number,線性的事物,大小寫和次序分明,用於程式碼進行批量處理,可以控制程式碼迭代或迴圈
String,面向人們的理性事物,可以通過人機溝通的資訊,程式碼可以理解人的意圖

4、條件語句

比較操作符,邏輯操作符,if語句,switch語句,這些都會很簡單不佈列
5、迴圈語句

for, while, 太簡單不佈列
6、函式
javascript程式碼只有function一種形式,function就是函式的型別,用於完成一個事件的方法
格式:
複製程式碼 程式碼如下:
function functionName([arg0,arg1,arg2……argN]){
statements
[returm[expression]]
}

例子:
複製程式碼 程式碼如下:
function sayHello(sName){
alert(“Hello” sName);
}
sayName(xinzhu);//呼叫

參考

1、2012年3月程式語言排行榜:JavaScript語言的迴歸(1) 
2、it公司面試手冊
3、Standard ECMA-262:http://www.ecma-international.org/publications/standards/Ecma-262-arch.htm
4、ecmascript:http://www.ecmascript.org/index.php
5、《精通JavaScript.jQuery》

您可能感興趣的文章:

javascript開發中使用onpropertychange,oninput事件解決onchange事件的不足javascript開發隨筆3 開發iframe富文字編輯器的一點體會javascript開發隨筆一 preventDefault的必要javascript開發隨筆二 動態載入js和檔案javascript移動裝置Web開發中對touch事件的封裝例項JavaScript 開發工具webstrom使用指南JavaScript外掛化開發教程 (一)

相關文章

前端開發 最新文章