- 相關(guān)推薦
JavaScript 基礎教學(xué)
JavaScript 基礎篇（一）
基礎篇
Javascript：
一、數據類(lèi)型和值
javascript：允許使用3種基本類(lèi)型數據--------數字、字符串、布爾值，此外還支持兩種小數據類(lèi)型null(空)和undefine(未定義).
javascript：還支持符合數據類(lèi)型-對象（object），javascript中對象分兩種，一種對象表示的已命名的值的無(wú)序集合，另一種表示有 編號的值的有序集合。其實(shí)有序集合就是數組（Array）。
javascript：還定義了另一種特殊對象----函數，還有一些javascript定義的一些專(zhuān)用對象（等同C#封裝的類(lèi)一樣的概念，直接用就行)
復制代碼 代碼如下:
整型直接量：3或者10000，說(shuō)白了就是數字
浮點(diǎn)型直接量：3.14,2345.567等，就是帶小數點(diǎn)的
字符串直接量："3.14","demo"等，所謂字符串，就是帶單引號或雙引號括起來(lái)的Unicode字符序列。
把數字轉換為字符串：1，var s = 100; s+="What you name";數字就會(huì )先
轉換成字符串
2，var s = 100 +"";加一個(gè)空字符串
3.要讓數字更顯示的轉換為字符串可以使用 String()函數或
者使用toString函數。
把字符串轉換為數字：var product = "2" * "2";其實(shí)當一個(gè)字符串用于數字環(huán)
境 中它會(huì )自動(dòng)地轉換成一個(gè)數字，也可以通過(guò)減0也可達到同樣的效果，或者使用
Number()函數
布爾值：
在這里我想和大家分享的內容還是轉換：今后用的會(huì )比較多。1、當一個(gè)布爾值用在數字環(huán)境中,true就轉換為數字1，而false轉換成數字0,在字符串環(huán)境中，true就轉換成字符串true，而false就轉換成字符串false
函數：
函數是一個(gè)可執行的JavaScript代碼段。這里說(shuō)一下：函數作為數據類(lèi)型，也可以像其他類(lèi)型一樣賦給對象的`屬性，當賦值成功后，屬性常常當做是哪個(gè)方法的引用。后面常用。
函數直接量：var square = function(x){return x*x}；//后面常用到,要能理解或記住
Javascript：二、對象
1、對象
復制代碼 代碼如下:
var o = new Object();//大家注意，javascript大小寫(xiě)敏感！
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}}//對象的屬性引用另一個(gè)對象。
對象的轉換：
當一個(gè)非空的對象用于布爾環(huán)境時(shí):它轉換為true，當用在字符串環(huán)境中是，javascript會(huì )調用對象的toString()方法，并且使用該函數返回的值，當用于數字環(huán)境時(shí)：javascript 會(huì )調用該對象的valueOf()方法，如果返回的是一個(gè)基本類(lèi)型，這個(gè)值會(huì )被使用，大多數的時(shí)候返回的是對象自己，這種情況下javascript回調用toString()方法把對象轉換成一個(gè)字符串,然后在試圖轉換成數字。這上面的概念，希望大家也要理解，以后會(huì )用到。
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的關(guān)鍵字Null 是一個(gè)特殊的值，它表示無(wú)值，null 常被看作對象類(lèi)型的一個(gè)特殊值，即代表無(wú)對象的值，當一個(gè)變量的值
為null，那么就說(shuō)明它的值不是有效的（Array，Object，數字，字符串，布爾值), 細節：null 在布爾環(huán)境中它轉換成false；在數字
環(huán)境中轉換成0。
4、Undefined(未定義)
在使用一個(gè)并未聲明的變量時(shí)，或者使用了已經(jīng)聲明的變量但沒(méi)有賦值的變量時(shí)，又或者是使用一個(gè)并不存在的對象屬性是，返回的
就是undefined值，在往后的（命名空間，模塊用的還是蠻多，大家要理解），細節：underfined在布爾環(huán)境中它轉換成false，在數字環(huán)境
它會(huì )轉換成NaN。這一點(diǎn)和null有區別。封裝它的對象是Error。
小結：以上內容雖然一看就懂，希望和我一樣初學(xué)的朋友們，千萬(wàn)不要大意!
JavaScript 基礎篇 （二）
基礎篇
javascript:變量的聲明
以下是幾種聲明變量的方式
復制代碼 代碼如下:
var value;
var value,value1,value2;//同時(shí)聲明多個(gè)變量，但是這些變量的值都是undefined
var i = 0,j = 0,k=100;//變量聲明，初始化一體。
//如果大家嘗試讀一個(gè)不存在的變量（值）會(huì )報錯！但是嘗試給一個(gè)未使用Var聲明的變量賦值，javascript
//會(huì )隱式的聲明改變量，而且聲明了的變量還是全局的。細節：所以大家創(chuàng )建變量都盡量使用Var
//變量的作用域(這個(gè)問(wèn)題也容易出，大家要搞明白)
javascript:變量的作用域
這些都是細節，和我一樣初學(xué)的一定要注意避免！
復制代碼 代碼如下:
var golbal = "golbal"; //全局變量
var local ="local";
function area()
{
//局部變量的優(yōu)先級比全局變量的高
var local = "arealocal"
//當函數體內聲明的變量名和全局變量名相同時(shí)，javascript 會(huì )隱藏全局變量
var golbal ="areagolbal";
document.write("local is :"+local + "and golbal is :" + golbal +"
");
}
area();
//輸出:local is :arealocaland golbal is :areagolbal
在嵌套的.函數里面定義局部變量，效果會(huì )怎么樣呢？看下面：
復制代碼 代碼如下:
var hope = "moremoney";
function createmore()
{
var hope = "have more money";//局部
function createmoreto()//嵌套函數
{
var hope = "have more money to much";//局部
document.write("Createmoreto hope is :"+hope +"
");
//輸出:Createmoreto hope is :have more money to much
}
createmoreto();//調用
document.write("Createmore hope is :" +hope +"
");
//輸出：Createmore hope is :have more money
}
createmore(); //調用
javascript：傳值和傳址
這里也是比較重要的概念！不要漏了。
復制代碼 代碼如下:
傳值 傳址
復制 實(shí)際復制的值，存在不同的、 復制的只是對數字的引用。如果通過(guò)這個(gè)
獨立的拷貝。 新的引用修改了數值，這個(gè)改變對最初的
引用來(lái)說(shuō)也是可見(jiàn)的。
傳遞 傳遞給函數的是值的獨立拷貝 傳遞給函數的是對數值的引用，如果函數
對它的改變在函數外沒(méi)有影響 通過(guò)傳遞給它的引用修改了數值，這個(gè)改
變也是可見(jiàn)的。
比較 比較這兩個(gè)對立的值，通常逐 比較的是兩個(gè)引用，以判斷它們引用的是否
字節的比較，以判斷是否相等 是同一個(gè)數值。
javascript：基本類(lèi)型和引用類(lèi)型
javascript的基本規則是：基本類(lèi)型通過(guò)傳值來(lái)操作，引用類(lèi)型通過(guò)傳址來(lái)操作。(什么事值類(lèi)型，或者什么事引用看我上一篇)
復制代碼 代碼如下:
按值傳遞
var value = 1;
var copyvalue = value; //將value賦給另一個(gè)變量
function addTotal(total,arg)
{
total+= arg; //total = total + arg 效果等同
}
//調用函數，傳兩個(gè)參數（大家可能會(huì )認為這個(gè)函數改變了全局變量的值，其實(shí)沒(méi)有，函數用的也是對立拷貝）
addTotal(value,copyvalue);
if(value == 1) copyvalue = 2;
document.write("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";
}
//沒(méi)調用函數前
document.write(array[0] +"
");
//輸出Javascccp;
//調用函數后
modifyArray(array);
document.write(array[0]+"
");
//輸出大寫(xiě)JAVASCRIPT
//通過(guò)修改objarray會(huì )是一樣的效果
objarray[0] = "Frank";
document.write(array[0]+"
");
//輸出Frank;
小結:上面內容希望大家都不要錯過(guò)，對學(xué)習后面的知識還是很有幫助的！
【JavaScript 基礎教學(xué)】相關(guān)文章：
javascript基礎知識大全03-22
整理Javascript基礎語(yǔ)法學(xué)習筆記欣賞04-01
對javascript的理解03-29
JavaScript的課堂講解03-31
JavaScript學(xué)習筆記03-30
常用的JavaScript模式03-10
Javascript的this用法簡(jiǎn)述03-25
JavaScript常用方法匯總03-08