Javascript基(ji)礎與面向對(dui)象基(ji)礎~第二講(jiang) Javascript中的變量及變量的類型
前言
javascript腳本語言,它的成功很(hen)大(da)(da)程度上體現在它對(dui)各(ge)大(da)(da)瀏(liu)覽器(qi)的兼容性上,各(ge)大(da)(da)瀏(liu)覽器(qi)都按著的標準走(zou),這也使得javascript成為前端工程的一種必要籌碼,你的JS牛,你的薪(xin)水可(ke)能就是5位數,呵(he)呵(he)!
有(you)人說(shuo)JS就是(shi)腳(jiao)本(ben)語言(yan),一(yi)個(ge)個(ge)方法,一(yi)個(ge)個(ge)小(xiao)插件(jian),但我并(bing)不這(zhe)樣認為,對于(yu)任(ren)何(he)一(yi)種開(kai)發語言(yan)來說(shuo),它(ta)都(dou)可(ke)以(yi)是(shi)面向對象(xiang)的(de)(de),都(dou)可(ke)以(yi)遵循著面向對象(xiang)的(de)(de)原(yuan)則去走,只有(you)這(zhe)樣,你開(kai)發出現的(de)(de)代碼才是(shi)健壯的(de)(de),可(ke)讀性(xing)強的(de)(de),看著舒服的(de)(de)。
javascript中的變量
javascript中(zhong)的變(bian)(bian)量(liang)(liang)可以分為全(quan)局變(bian)(bian)量(liang)(liang)與局部(bu)變(bian)(bian)量(liang)(liang),當(dang)你(ni)不去var聲明時,它會(hui)默(mo)認被聲明為全(quan)局變(bian)(bian)量(liang)(liang),加上var它就是(shi)(shi)當(dang)前方(fang)法中(zhong)的局部(bu)變(bian)(bian)量(liang)(liang),對于(yu)(yu)(yu)全(quan)局變(bian)(bian)量(liang)(liang)來說,它的作用(yong)域就是(shi)(shi)當(dang)前頁面(mian),它對于(yu)(yu)(yu)當(dang)前頁面(mian)的所(suo)有<script>塊都是(shi)(shi)可見的,而對于(yu)(yu)(yu)局部(bu)變(bian)(bian)量(liang)(liang)它的作用(yong)域就是(shi)(shi)當(dang)前方(fang)法塊。定義如下:
<script> variableGlobal = 1; //全局的
var variableGlobal2="1"; //定義在所有function方法之外(wai)的(de),用var聲(sheng)明的(de)變量(liang),也是全局的(de)
function sub(){
var a="1" //局部變量
} </script> <script> alert(variableGlobal ) </script>
javascript中變量的數據類型
開發(fa)語言中的數據類(lei)(lei)型(xing)(xing)都很(hen)類(lei)(lei)似,對(dui)于(yu)JS來說它(ta)有(you)整型(xing)(xing),浮點(dian)型(xing)(xing),布爾(er)型(xing)(xing),數據類(lei)(lei)型(xing)(xing),json類(lei)(lei)型(xing)(xing),對(dui)象類(lei)(lei)型(xing)(xing)組(zu)成,它(ta)們之(zhi)間可以進(jin)行相應的運算(suan),如整型(xing)(xing)與整型(xing)(xing)之(zhi)間,整型(xing)(xing)與浮點(dian)型(xing)(xing)之(zhi)間,整型(xing)(xing)與字符型(xing)(xing)之(zhi)間。
幾種常見(jian)的類型及它們(men)的變(bian)量如(ru)何去(qu)定義(yi)
//注意:javascript語言中,對大小寫是敏感的 var variableInt = 1; //整形變量(liang) var variableString = "1"; //字符型變量 var variableBool = true; //布爾型變量 var variableFloat = 1.01; //浮(fu)點(dian)型變量(有(you)的語言里叫它單精度型) var variableArray = [1, 2, 3, "one", "two", "three"]; //數(shu)組型變量 var variableJson = [{ ID: "1", Name: "zzl" }, { ID: "2", Name: "ninali"}]; //Json對象型變(bian)量 var variableObject = { ID: 1, Name: "zzl", Age: 30, IsMarry: true }; //JS對象型(xing)變量
類型之間的轉換
var stringToInt = parseInt(variableString); var strintToFloat = parseFloat(variableString); console.log(stringToInt); console.log(strintToFloat);
各種類型的變量之間的運算
console.log(variableInt + variableInt); //整(zheng)型計算 console.log(variableInt + variableString); //整(zheng)形(xing)與字符型(xing)計算(suan) console.log(variableInt + variableFloat); //整形與(yu)單精度型計算 console.log(variableBool); console.log(!variableBool); //對布爾(er)型的(de)邏輯(ji)非(fei)運(yun)算 console.log(variableBool && false); //對布爾型的邏輯與運(yun)算 console.log(variableBool || false); //對(dui)布爾型的邏(luo)輯或運(yun)算(suan) for (var i = 0, max = variableArray.length; i < max; i++) {//對(dui)數組的遍歷 console.log(variableArray[i]); } for (var i = 0, max = variableJson.length; i < max; i++) {//對JSON對象(xiang)的(de)遍歷 console.log("ID索(suo)引為:" + variableJson[i]["ID"] + "對應的Name為:" + variableJson[i]["Name"]); } console.log("js對象(xiang)中,ID屬性是" + variableObject.ID + "Name屬(shu)性是" + variableObject.Name)//輸出(chu)js對象的值
OK,對于變量的介(jie)紹就到這里吧,大家(jia)動手自己(ji)寫寫代(dai)碼(ma),感(gan)覺一下吧,呵(he)呵(he)!
感謝閱讀!