轉(zhuǎn)載自? ?JavaScript學(xué)習(xí)總結(jié)(一)——JavaScript基礎(chǔ)

一、JavaScript語言特點(diǎn)

1.1、JavaScript是基于對象和事件驅(qū)動的(動態(tài)的)

　　它可以直接對用戶或客戶輸入做出響應(yīng)，無須經(jīng)過Web服務(wù)程序。它對用戶的響應(yīng)，是采用以事件驅(qū)動的方式進(jìn)行的。所謂事件驅(qū)動，就是指在主頁中執(zhí)行了某種操作所產(chǎn)生的動作，就稱為“事件”。比如按下鼠標(biāo)，移動窗口，選擇菜單等都可以視為事件。當(dāng)事件發(fā)生后，可能會引起相應(yīng)的事件響應(yīng)。

1.2、JavaScript是跨平臺的

　　JavaScript是依賴于瀏覽器本身的，與操作系統(tǒng)無關(guān)。

二、JavaScript變量

2.1、定義變量

　　在定義變量時，統(tǒng)一使用"var 變量名"表示，例如：var str;甚至可以省略var這個關(guān)鍵字

2.2、JavaScript變量的類型如何決定

　　JavaScript中變量的數(shù)據(jù)類型是由JS引擎決定的

var name="孤傲蒼狼";//name是string類型var age=24;//age是number類型var flag=true;//flag是boolean類型var email;//email只是聲明，沒有賦值，因此代表的類型是"undefined"，也就是無法確定name=10;//name自動變成了number類型

2.3、使用typeof關(guān)鍵字查看變量代表的具體數(shù)據(jù)類型

　　typeof 運(yùn)算符有一個參數(shù)，即要檢查的變量或值。例如：

var sTemp = "test string";alert (typeof sTemp); //輸出 "string"alert (typeof 86); //輸出 "number" 對變量或值調(diào)用typeof運(yùn)算符將返回下列值之一：

• undefined - 如果變量是 Undefined 類型的
• boolean - 如果變量是 Boolean 類型的
• number - 如果變量是 Number 類型的
• string - 如果變量是 String 類型的
• object - 如果變量是一種引用類型或 Null 類型的

測試代碼：

<script type="text/javascript">var name="孤傲蒼狼";//name是string類型alert("name是"+typeof name+"類型");var age=24;//age是number類型alert("age是"+typeof age+"類型");var flag=true;//flag是boolean類型alert("flag的類型是："+typeof flag);name=10;//name自動變成了number類型alert("name變量重新賦值后，name的數(shù)據(jù)類型變成了："+typeof name);var email;//email只是聲明，沒有賦值，因此代表的類型是"undefined"，也就是無法確定alert("email的類型是："+typeof email );var a=null; /* 為什么 typeof 運(yùn)算符對于 null 值會返回 "Object"。 這實(shí)際上是 JavaScript 最初實(shí)現(xiàn)中的一個錯誤，然后被 ECMAScript 沿用了。現(xiàn)在，null 被認(rèn)為是對象的占位符，從而解釋了這一矛盾，但從技術(shù)上來說，它仍然是原始值。 */alert("a是"+typeof a +"類型");</script>

運(yùn)行結(jié)果：

?三、JavaScript數(shù)據(jù)類型

　　

　　JavaScript包含兩種不同數(shù)據(jù)類型：基本數(shù)據(jù)類型和引用數(shù)據(jù)類型。基本類型指的是簡單的數(shù)據(jù)，引用類型指由多個值構(gòu)成的對象。當(dāng)我們把值賦值給一個變量時，解析器首先要做的就是確認(rèn)這個值是基本類型值還是引用類型值。

3.1、基本數(shù)據(jù)類型

　　常見的五種基本數(shù)據(jù)類型：

Boolean

Number

String

Undifined

Null

　　這五種基本數(shù)據(jù)類型可以直接操作保存在變量中的實(shí)際值。

3.1.1、數(shù)值類型(Number)和布爾類型(Boolean)

　　看下面的代碼：

<script type="text/javascript">var a = 10;var b = a;b = 20;alert("a="+a);//打印a=10var b1 = true;var b2 = b1;b2 = false;alert("b1="+b1);//打印b1=true</script>

　運(yùn)行結(jié)果：

　　從運(yùn)行結(jié)果可以看出，b的值是a值的一份拷貝，雖然，兩個變量的值是相等，但是兩個變量保存兩不同的基本數(shù)據(jù)類型值。b只是保存了a復(fù)制的一個副本。所以，當(dāng)b的值改變成20時，a的值依然是10。兩個Boolean變量b1和b2同樣是基本數(shù)據(jù)類型，同樣保存兩個不同的基本數(shù)據(jù)據(jù)類型值，b2保存1復(fù)制的一個副本。所以，當(dāng)b2的值改變成false時，b1的值依然是true。

下圖演示了這種基本數(shù)據(jù)類型賦值的過程：

?

3.1.2、字符串類型(String)

　　JavaScript中的字符串String一個特殊的基本數(shù)據(jù)類型，在很多語言中，String是以對象的形式表示的，但在JavaScript里，String是當(dāng)作一種基本數(shù)據(jù)類型，是通值傳遞的方式來操作。但它是一個比較特殊的基本類型。

看下面例子：

<script type="text/javascript">var strA = "這是字符串";var strB = strA;strA = "這是另外一個字符串";alert("strB="+strB);</script>

運(yùn)行結(jié)果：

　　

　　從運(yùn)行結(jié)果可以看到，仿佛strA通過值傳遞的方式復(fù)制了一份給了strB。當(dāng)strA改變的時候，strB并沒有改變，似乎我們已經(jīng)可以下結(jié)論，String就是個基本數(shù)據(jù)類型。

可是，因?yàn)镾tring是可以任意長度的，通過值傳遞，一個一個的復(fù)制字節(jié)顯示效率依然很低，看起來String也可以當(dāng)作引用類型。

看下面例子：

var a = "myobject";a.name = "myname";//為字符串a(chǎn)動態(tài)添加name屬性alert("a.name="+a.name); //訪問a的name屬性，結(jié)果顯示：a.name=undefined

運(yùn)行結(jié)果：

　　

　　運(yùn)行結(jié)果顯示，String無法當(dāng)作一個對象來處理。這也證明了一點(diǎn)：基本類型雖然也可以添加屬性，也不會報錯，經(jīng)測試添加完之后卻是無法訪問的，實(shí)際上，javascript里的String是不可以改變的，javascript也沒有提供任何一個改變字符串的方法和語法。

看下面的例子：

var b = "myobject";b = b.substring(3,5);alert("b="+b); // b=bj

運(yùn)行結(jié)果：

　　

　　這樣做，沒并有改變String字符串"myobject"，只b引用了另一個字符串"bj"，"myobject"被回收了。

　　所以可以這樣講，String實(shí)際上并不符合上面兩種數(shù)據(jù)類型分類。它是具有兩方面屬性介于兩都之間的一種特殊類型。

3.1.3、Null 類型

　　Null類型只有一個專用值 null，值 undefined 實(shí)際上是從值 null 派生來的，因此 ECMAScript 把它們定義為相等的。

<script type="text/javascript">alert("null == undefined的結(jié)果是："+(null == undefined)); //輸出 "true"</script>

運(yùn)行結(jié)果：

　　

　　盡管這兩個值相等，但它們的含義不同。undefined 是聲明了變量但未對其初始化時賦予該變量的值，null 則用于表示尚未存在的對象（typeof 運(yùn)算符對于 null 值會返回 "Object"。）。如果函數(shù)或方法要返回的是對象，那么找不到該對象時，返回的通常是 null。

3.1.4、Undefined 類型

　　Undefined 類型只有一個值，即 undefined。當(dāng)聲明的變量未初始化時，該變量的默認(rèn)值是 undefined。

var oTemp;

　　前面一行代碼聲明變量 oTemp，沒有初始值。該變量將被賦予值 undefined，即 undefined 類型的字面量。可以用下面的代碼段測試該變量的值是否等于 undefined：

<script type="text/javascript">var oTemp;alert("oTemp == undefined的結(jié)果是："+(oTemp == undefined));//輸出 "true"</script>

運(yùn)行結(jié)果：

　　

　　運(yùn)行結(jié)果顯示 "true"，說明這兩個值確實(shí)相等。

　　可以用 typeof 運(yùn)算符顯示該變量所代表的的數(shù)據(jù)類型是undefined類型

<script type="text/javascript">var oTemp;alert("typeof oTemp的結(jié)果是："+typeof oTemp); //輸出 "undefined"</script>

　　

　　值 undefined 并不同于未定義的值。但是，typeof 運(yùn)算符并不真正區(qū)分這兩種值。考慮下面的代碼：

<script type="text/javascript">var oTemp;alert("oTemp變量有聲明，typeof oTemp的結(jié)果是："+typeof oTemp); //輸出 "undefined"alert("oTemp2變量沒有聲明，typeof oTemp2的結(jié)果是："+typeof oTemp2); //輸出 "undefined"</script>

運(yùn)行結(jié)果：

　　兩個變量輸出的都是 "undefined"，即使只有變量 oTemp2 從未被聲明過。如果對oTemp2 使用除 typeof 之外的其他運(yùn)算符的話，會引起錯誤，因?yàn)槠渌\(yùn)算符只能用于已聲明的變量上。
　　下面的代碼將引發(fā)錯誤：

var oTemp;alert(oTemp2 == undefined);//'oTemp2' 未定義

　　當(dāng)函數(shù)無明確返回值時，返回的也是值 "undefined"，如下所示：

function testFunc() { //這是一個空函數(shù)，沒有返回值}alert("testFunc() == undefined的結(jié)果是："+(testFunc() == undefined)); //輸出 "true"

運(yùn)行結(jié)果：

　　

3.2、引用數(shù)據(jù)類型

　　javascript引用數(shù)據(jù)類型是保存在堆內(nèi)存中的對象，JavaScript不允許直接訪問堆內(nèi)存空間中的位置和操作堆內(nèi)存空間，只能通過操作對象在棧內(nèi)存中的引用地址。所以引用類型的數(shù)據(jù)，在棧內(nèi)存中保存的實(shí)際上是對象在堆內(nèi)存中的引用地址。通過這個引用地址可以快速查找到保存在堆內(nèi)存中的對象。

看下面的例子：

<script type="text/javascript">var obj1 = new Object();var obj2 = obj1;obj2.name = "孤傲蒼狼";alert(obj1.name); // 孤傲蒼狼 </script>

運(yùn)行結(jié)果：

　　

　　由上面例子，我們聲明了一個引用數(shù)據(jù)類型變量obj1，并把它賦值給了另外一個引用數(shù)據(jù)類型變量obj2。當(dāng)我們obj2添加了一個name屬性并賦值" 孤傲蒼狼"。obj1同樣擁有了和obj2一樣的name屬性。說明這兩個引用數(shù)據(jù)類型變量指向同一個對象。obj1賦值給obj2，實(shí)際只是把這個對象在棧內(nèi)存的引用地址復(fù)制了一份給了obj2，但它們本質(zhì)上共同指向了堆內(nèi)存中的同一個對象。

下面我們來演示這個引用數(shù)據(jù)類型賦值過程

　　

　　自然，給obj2添加name屬性，實(shí)際上是給堆內(nèi)存中的對象添加了name屬性，obj2和obj1在棧內(nèi)存中保存的只是堆內(nèi)存對象的引用地址，雖然也是拷貝了一份，但指向的對象卻是同一個。故而改變obj2引起了obj1的改變。

　　一般而言，基本數(shù)據(jù)類型是由固定數(shù)目的字節(jié)組成，這些字節(jié)可以在解析器的較底層進(jìn)行操作，比如Number和 Boolean；而引用數(shù)據(jù)類型，可以包含任意數(shù)目的屬性和元素，因此它們無法像基本數(shù)據(jù)類型那樣很容易的操作。由于，引用數(shù)據(jù)類型的值是會發(fā)生變化的， 所以通過跟基本數(shù)據(jù)類型一樣的值傳遞方式，也就沒什么意義了，因?yàn)闀可娴酱罅康膬?nèi)存的復(fù)制和比較，效率太低。所以引用數(shù)據(jù)類型是通過引用傳遞方式，實(shí)際傳遞的只是對象的一個地址。比如Array和Function，因?yàn)樗鼈兌际翘厥獾膶ο笏运鼈兌际且妙愋汀?strong>另外，引用類型是可以添加屬性，基本類型雖然也可以添加屬性，也不會報錯，經(jīng)測試添加完之后卻是無法訪問的。

總結(jié)

以上是生活随笔為你收集整理的JavaScript学习总结(一)——JavaScript基础的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。