JavaScript 基礎教學

基礎篇

Javascript：

一、數據類型和值

javascript：允許使用3種基本類型數據--------數字、字符串、布爾值，此外還支持兩種小數據類型null(空)和undefine(未定義).

javascript：還支持符合數據類型-對象（object），javascript中對象分兩種，一種對象表示的已命名的值的無序集合，另一種表示有 編號的值的有序集合。其實有序集合就是數組（Array）。

javascript：還定義了另一種特殊對象----函數，還有一些javascript定義的一些專用對象（等同C#封裝的類一樣的概念，直接用就行)

複製代碼 代碼如下:

整型直接量：3或者10000，説白了就是數字

浮點型直接量：3.14,2345.567等，就是帶小數點的

字符串直接量："3.14","demo"等，所謂字符串，就是帶單引號或雙引號括起來的Unicode字符序列。

把數字轉換為字符串：1，var s = 100; s+="What you name";數字就會先

轉換成字符串

2，var s = 100 +"";加一個空字符串

3.要讓數字更顯示的轉換為字符串可以使用 String()函數或

者使用toString函數。

把字符串轉換為數字：var product = "2" * "2";其實當一個字符串用於數字環

境 中它會自動地轉換成一個數字，也可以通過減0也可達到同樣的效果，或者使用

Number()函數

布爾值：

在這裏我想和大家分享的內容還是轉換：今後用的會比較多。1、當一個布爾值用在數字環境中,true就轉換為數字1，而false轉換成數字0,在字符串環境中，true就轉換成字符串true，而false就轉換成字符串false

函數：

函數是一個可執行的JavaScript代碼段。這裏説一下：函數作為數據類型，也可以像其他類型一樣賦給對象的屬性，當賦值成功後，屬性常常當做是哪個方法的引用。後面常用。

函數直接量：var square = function(x){return x*x}；//後面常用到,要能理解或記住

Javascript：二、對象

1、對象

複製代碼 代碼如下:

var o = new Object();//大家注意，javascript大小寫敏感！

var now = new Date()

var regex = new RegExp("^+?d{1}d{3}$")//正則表達式

對象的直接量：

var point = {x:12,y:34}；

var point2 = {"super":{day:sunday,day1:monday}}//對象的屬性引用另一個對象。

對象的轉換：

當一個非空的對象用於布爾環境時:它轉換為true，當用在字符串環境中是，javascript會調用對象的toString()方法，並且使用該函數返回的值，當用於數字環境時：javascript 會調用該對象的valueOf()方法，如果返回的是一個基本類型，這個值會被使用，大多數的時候返回的是對象自己，這種情況下javascript回調用toString()方法把對象轉換成一個字符串,然後在試圖轉換成數字。這上面的概念，希望大家也要理解，以後會用到。

2、數組

複製代碼 代碼如下:

var array = new Array();

var arr = new Array(1.2,"Javascript",{x:12,y:23})//帶參數的

數組直接量：

var a = [1.2,"Javascript",{x:12,y:23}]//數組是[]號，對象是{}號，很好記！

3、Null(空)

javascript的關鍵字Null 是一個特殊的值，它表示無值，null 常被看作對象類型的一個特殊值，即代表無對象的值，當一個變量的值

為null，那麼就説明它的值不是有效的（Array，Object，數字，字符串，布爾值), 細節：null 在布爾環境中它轉換成false；在數字

環境中轉換成0。

4、Undefined(未定義)

在使用一個並未聲明的變量時，或者使用了已經聲明的變量但沒有賦值的變量時，又或者是使用一個並不存在的對象屬性是，返回的

就是undefined值，在往後的（命名空間，模塊用的還是蠻多，大家要理解），細節：underfined在布爾環境中它轉換成false，在數字環境

它會轉換成NaN。這一點和null有區別。封裝它的對象是Error。

小結：以上內容雖然一看就懂，希望和我一樣初學的'朋友們，千萬不要大意!

基礎篇

javascript:變量的聲明

以下是幾種聲明變量的方式

複製代碼 代碼如下:

var value;

var value,value1,value2;//同時聲明多個變量，但是這些變量的值都是undefined

var i = 0,j = 0,k=100;//變量聲明，初始化一體。

//如果大家嘗試讀一個不存在的變量（值）會報錯！但是嘗試給一個未使用Var聲明的變量賦值，javascript

//會隱式的聲明改變量，而且聲明瞭的變量還是全局的。細節：所以大家創建變量都儘量使用Var

//變量的作用域(這個問題也容易出，大家要搞明白)

javascript:變量的作用域

這些都是細節，和我一樣初學的一定要注意避免！

複製代碼 代碼如下:

var golbal = "golbal"; //全局變量

var local ="local";

function area()

{

//局部變量的優先級比全局變量的高

var local = "arealocal"

//當函數體內聲明的變量名和全局變量名相同時，javascript 會隱藏全局變量

var golbal ="areagolbal";

e("local is :"+local + "and golbal is :" + golbal +"

");

}

area();

//輸出:local is :arealocaland golbal is :areagolbal

在嵌套的函數裏面定義局部變量，效果會怎麼樣呢？看下面：

複製代碼 代碼如下:

var hope = "moremoney";

function createmore()

{

var hope = "have more money";//局部

function createmoreto()//嵌套函數

{

var hope = "have more money to much";//局部

e("Createmoreto hope is :"+hope +"

");

//輸出:Createmoreto hope is :have more money to much

}

createmoreto();//調用

e("Createmore hope is :" +hope +"

");

//輸出：Createmore hope is :have more money

}

createmore(); //調用

javascript：傳值和傳址

這裏也是比較重要的概念！不要漏了。

複製代碼 代碼如下:

傳值 傳址

複製 實際複製的值，存在不同的、 複製的只是對數字的引用。如果通過這個

獨立的拷貝。 新的引用修改了數值，這個改變對最初的

引用來説也是可見的。

傳遞 傳遞給函數的是值的獨立拷貝 傳遞給函數的是對數值的引用，如果函數

對它的改變在函數外沒有影響 通過傳遞給它的引用修改了數值，這個改

變也是可見的。

比較 比較這兩個對立的值，通常逐 比較的是兩個引用，以判斷它們引用的是否

字節的比較，以判斷是否相等 是同一個數值。

javascript：基本類型和引用類型

javascript的基本規則是：基本類型通過傳值來操作，引用類型通過傳址來操作。(什麼事值類型，或者什麼事引用看我上一篇)

複製代碼 代碼如下:

按值傳遞

var value = 1;

var copyvalue = value; //將value賦給另一個變量

function addTotal(total,arg)

{

total+= arg; //total = total + arg 效果等同

}

//調用函數，傳兩個參數（大家可能會認為這個函數改變了全局變量的值，其實沒有，函數用的也是對立拷貝）

addTotal(value,copyvalue);

if(value == 1) copyvalue = 2;

e("total t" + value + "and copyvalue tt" + copyvalue+"

");

//最後輸出:total 1and copyvalue 2

複製代碼 代碼如下:

按址傳遞

var array = new Array("Javascccp");

var objarray = array;

function modifyArray(arr)

{

arr[0] = "JAVASCRIPT";

}

//沒調用函數前

e(array[0] +"

");

//輸出Javascccp;

//調用函數後

modifyArray(array);

e(array[0]+"

");

//輸出大寫JAVASCRIPT

//通過修改objarray會是一樣的效果

objarray[0] = "Frank";

e(array[0]+"

");

//輸出Frank;

小結:上面內容希望大家都不要錯過，對學習後面的知識還是很有幫助的！