Web開發之JavaScript(不斷添加)


 

小引                                                                                                                                         

       筆者認為web開發包括設計html,javascript,css,以及一種高級語言,比如c#,java等等,本文分為三部分,第一部分為簡單介紹javascript,第二部分為理解ECMAscript,最后部分為為javascript基礎,所以針對javascript筆者不是很深理解,只能從下面幾點對他進行分析,另外文章是經過多次重構,不斷添加,修改,要是不對,請指出,謝謝!主要內容為:

 第一部分:簡單介紹javascript

  • javascript
  • 特點
  • javascript的實現
  • ECMAScript標准
  • javascript的發展 

第二部分:理解ECMAscript

  • 關於 ECMAScript
  • 1、相同的句法
  • 2、面向對象編程
  • 3、函數也是對象
  • 4、對象都有原型
  • 5、數據構造方便
  • 6、JavaScript對象符號(JSON)
  • 7、Fifth Edition     

第三部分:javascript基礎

  • 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》

 

 

 

作者:類菌體
出處:http://www.cnblogs.com/bacteroid/archive/2012/03/27/2420123.html
關於作者:在校學生
本文版權歸作者和博客園共有,歡迎轉載,但未經作者同意必須保留此段聲明,且在文章頁面明顯位置給出原文連接
如有問題,可以通過303323670@qq.com 聯系我,非常感謝。

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM