javascript 基础篇2 数据类型，语句，函数
文章里如果有錯誤的話，希望能幫忙指正~我也是邊看視頻邊學(xué)習(xí)中，這個算是個筆記吧~自認為總結(jié)出來的東西比看視頻要節(jié)省點時間~能幫到別人最好了~幫不到也起碼恩能幫到我自己 嘿~
寫內(nèi)容之前廢話一句：因為舊版有些瀏覽器不支持javascript腳本，遇到script結(jié)點，當(dāng)做普通內(nèi)容輸出了，所以有時候為了讓版本兼容，會在script結(jié)點里的內(nèi)容寫上注釋符號，這樣的話在舊版里雖然程序會失效，但是不會出現(xiàn)我們的代碼，類似于這樣(請忽略括號以及括號里的東西)：
<script type="text/javascript">
<!-- ? ? ? (注意，這里必須換行)
? ?xxxxxx;
--> ? (這一行也不可以寫東西。)
? </script>
注意:? 經(jīng)過測試發(fā)現(xiàn)，js語句不可以跟注釋符號寫在同一行，不然的話就在新版的瀏覽器里也會失效。
?
javascript 的數(shù)據(jù)類型：
- 數(shù)值類型：包括所有的數(shù)字。
- 字符串類型 string ?用“” 或‘’括起來表示
- 布爾類型 ?boolean =true 或 false。
?
變量：用來存儲數(shù)據(jù)的容器，在程序里存儲的數(shù)值時可以變化的。
變量的聲明： var 變量名[= 值];?
如果變量在函數(shù)內(nèi)部聲明，那么它是局部的，如果在函數(shù)外，那就是全局的，意思你們懂的。
也就是說，不管聲明哪種類型的變量，都是用var, 具體是哪一種數(shù)據(jù)類型，則是在初始化之后確定的。如果沒有初始化的話，那么它就是個未定義類型的變量。
我們就利用上篇js里提到的小工程來玩兒一下它的數(shù)值類型好了。
在main.html里寫入：
<html>
<head>
<title>O.O</title>
<script type="text/javascript" src="js/output.js"></script>
<script type="text/javascript">
var a=456;
var b="Hello~";
var c=true;
var d;
document.write(a+""+ typeof a+"<br/>");
document.write(b+""+ typeof b+"<br/>");
document.write(c+""+ typeof c+"<br/>");
document.write(d+""+ typeof d+"<br/>");
</script>
</head>
<body>
This is my JSP page. <br/>
</body>
</html>
然后我們看輸出：
可以看到，賦值以后，var都有了自己的類型，但是沒有定義的var d，就是未定義的。
這里我們可以看到，typeof這個保留字，可以返回基本數(shù)據(jù)類型的名稱，除了這三種之外，還可以返回object的類型。
但是如果是特殊類型，就需要instanceof 來返回類型名稱了。
比如如果定義一個 var obj=new Object(); ?或者var date=new Date(); 使用typeof來返回它的類型（ typeof obj ），輸出的是 object
數(shù)據(jù)類型的轉(zhuǎn)換：
從String轉(zhuǎn)換為int/float使用函數(shù)： parseInt(String) ? / parseFloat(String) ?例如：parseFloat("3.14159");
從數(shù)字類型轉(zhuǎn)換為string,使用 toString()函數(shù)：比如：
var iNum=30; 30.toString(2);// ?后面的括號里加個2，意思是轉(zhuǎn)換為二進制字符串。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?//同樣還可以有8進制和十六進制，如果沒有數(shù)字，那就是直接轉(zhuǎn)換了。
接下來就是做個小實驗了，把剛才那個文件里script結(jié)點下的內(nèi)容換換：
<script type="text/javascript">
var a=456;
var b="789";
var c=a.toString()
var d=parseInt(b);
document.write(a+""+ typeof a+"<br/>");
document.write(c+""+ typeof c+"<br/>");
document.write(b+""+ typeof b+"<br/>");
document.write(d+""+ typeof d+"<br/>");
</script>
然后，運行一下吧~
看起來，轉(zhuǎn)換類型其實很簡單的嘛~
運算：
運算其實跟c java都一樣，都是加減乘數(shù)啊and啊，or啊的，其實沒什么差別。
這里就重申明一次i++和++i的差別吧。
i++是執(zhí)行一次i+1，但是返回i，比如我寫一句
var i=50;
if(i++<=50)
document.write(i);
那么運行時的順序其實是：賦值：i=50, 判斷：if(i<=50)， 執(zhí)行i=i+1 ，執(zhí)行判斷后的語句：xxxx。所以最后輸出的是51，我就不截圖了。
如果那里使用的是++i，那么返回的是加1后的值，也就是說不會有輸出了。
語句部分
條件語句：if ?和 switch
其實和c是一樣的，這部分并不需要多講，就是條件語句中也要注意一點小細節(jié)：
js的if語句中，在下列情況下返回為false： null \ undefined \ 空字符串"" \ 0 \ false
關(guān)于空字符串還要注意下：var s=""和 var s=new String("")是不一樣的，后者開辟了內(nèi)存空間，所以返回true。
下面我們來驗證一下吧~，javascript節(jié)點下：
<script type="text/javascript">
var a;
var b=new String("");
if(null) document.write("null");
if(0) document.write("0");
if(a) document.write("a undefined");
if(false) document.write("false");
if("") document.write("empty string");
if(b) document.write("new String()");
document.write("<br/>");
</script>
然后保存，刷新main頁面：
哎呀( ⊙ o ⊙ )，果然只有new string出現(xiàn)了~。
swith語句也試試好了：
<script type="text/javascript">
var date=new Date();
var day=date.getDay();
document.write(day+"<br/>")
switch(day){
case 6,7: document.write("weekend \(^o^)/");
break;
case 5: document.write("hold on~! last day!");
break;
default: document.write("work days.");
}
document.write("<br/>");
</script>
查看輸出：
OK，接下來是循環(huán)語句：while ? do-while ? for-in ? for
前兩個唯一的差別就是循環(huán)和判斷的順序不同，do-while比while多循環(huán)一次，我就不舉例了。
for循環(huán)相信大家也熟的不能再熟了，我們就看for-in這一句。
這個其實是針對數(shù)組的，js中數(shù)組的初始化也挺奇特的比如我們在script結(jié)點里寫：(另外注意下數(shù)組的初始化，用的是中括號)
<script type="text/javascript">
<!--
document.write("test<br/>");
var a=[3,4,5,7];
for(var test in a){
document.write(test+": "+a[test]+"<br/>");
}
-->
</script>
我們查看輸出：
| 從這個結(jié)果里我們探討出一下幾點： 其中test其實算是一個int的數(shù)字，來表示數(shù)組的數(shù)標(biāo)。 for-in每次循環(huán)只能走一個數(shù)，一般用來窮舉。 某些情況下，只能用for-in來窮舉，比如數(shù)組里存儲的內(nèi)容有string，有數(shù)字。 (當(dāng)然，如果硬要說的話，也不是只能用for-in，但是for-in要方便許多) ? |
?
函數(shù)部分：
函數(shù)其實第一篇簡單說過了。
1. 函數(shù)名前不需要返回值，參數(shù)列表里不需要寫類型。
2. 函數(shù)內(nèi)部定義的變量為局部變量，不可以在外面調(diào)用。
所以格式基本就是這樣：
function ?函數(shù)名(參數(shù)列表){
? ? xxxxxxx;
? ? [return xxxx;] //可有可無
}
OK了，知道了格式，我們來嘗試一下：
<script type="text/javascript">
<!--
function add(a,b){
var c=a+b;
return c;
}
var x=20, y=45;
document.write(add(x,y));
document.write("<br/>"+c);
-->
</script>
輸出只有數(shù)字哦親，也就是說，第二行那個直接忽略(真悲劇啊)，連undefined的標(biāo)準(zhǔn)都達不到。因為它是局部變量。在函數(shù)執(zhí)行完之后就被拋棄了。
除了這種規(guī)范的寫法之外，還有一種叛逆的，就是，定義函數(shù)的時候沒有寫參數(shù)，但是函數(shù)體里也可以用參數(shù)，這樣，當(dāng)有參數(shù)的時候，可以有輸出，此時因為使用的參數(shù)沒有名字，就全存放在arguments數(shù)組里。舉個例子：
<script LANGUAGE="JavaScript">
<!--
function show(){
for(var temp in arguments)
document.write(arguments[temp]+"");
}
show(3,4,"Dumpling",4.67);
-->
</script>
PS：我把script結(jié)點里面的屬性換了一下，其實就是說也可以這么聲明javascript。LANGUAGE必須大寫
看輸出：
注意，這里面，經(jīng)測試function內(nèi)，用arguments里存儲的數(shù)據(jù)做運算也是可以的，
比如
<script LANGUAGE="JavaScript">
<!--
function add(){
return arguments[0]+arguments[1];
}
document.write(add(4,44)+"");
document.write(add(4,"e55"));
-->
</script>
會輸出48 ?4e55。當(dāng)然，因為函數(shù)體中用到了兩個參數(shù)，所以如果你調(diào)用時只給了一個參數(shù)，出來的結(jié)果并不是只輸出一個值的，有興趣自己測試下~如果你調(diào)用時給了3個參數(shù)，那么第三個參數(shù)就無情的被忽略了。
?
除了上面這種還算規(guī)整的定義外，還有一些別的方式來定義函數(shù)，比較非主流，我不喜歡用，不過還是要寫出來了解下：
一種是：var add=new Function("參數(shù)","參數(shù)",......,"函數(shù)體");
<script LANGUAGE="JavaScript">
<!--
var add = new Function("a","b","var c; c=a+b; return c");
document.write(add(4,87));
-->
</script>
輸出是正確無誤的，可以看到，最后一句不需要加分號，木有問題，這里的道理就是，Function其實是個類，然后add就變成了函數(shù)的名字了。
還有一種寫法：
<script LANGUAGE="JavaScript">
<!--
var show=function(name){
document.write("<br/>"+"Hellp "+name);
}
show("Dumpling");
-->
</script>
輸出大家都懂的。。這個寫法其實就是把函數(shù)名字寫到前面來了而已。
既然證明了函數(shù)其實是一個object，那么當(dāng)然它也有一些功能函數(shù)可以調(diào)用，比如toString()或者valueOf()函數(shù)可以打出完整，length可以返回函數(shù)的參數(shù)個數(shù)。
讓我們試一下：
<script LANGUAGE="JavaScript">
<!--
var show=function(name){
document.write("Hello "+name);
}
show("Dumpling");
document.write("<br/>"+show.valueOf());
document.write("<br/> number of arguments: "+show.length);
-->
</script>
輸出：
Hello Dumpling
function (name){ document.write("Hello "+name); }
number of arguments: 1
OK 第二篇就到這里吧~明天繼續(xù) (/^o^)/
轉(zhuǎn)載于:https://www.cnblogs.com/jiaozihardworking/archive/2012/02/22/2362088.html
總結(jié)
以上是生活随笔為你收集整理的javascript 基础篇2 数据类型，语句，函数的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 《40期》 我们要把世纪末日变成重生日
- 下一篇： 带乐字的女孩名字好听