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