JavaScript--變數和運算子
一、心得
JavaScript語法:
變數宣告 var
弱型別 var中可以是任何型別
在JavaScript裡面,單&單|是位運算子。
變數沒有值使用的話就是undefine(常量)
二、程式碼
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=GBK"> 5 <title>Javascript語法</title> 6 </head> 7 <body> 8 9 <!-- 10 js和html相結合的方式: 11 1,將javascript程式碼封裝到<script>標籤中。 12 2,將javascript程式碼封裝到js檔案中,並通過<script>中的src屬性進行匯入。 13 14 注意:如果<script>標籤中使用src屬性,那麼該標籤中封裝的javascript程式碼不會被執行。 15 所以通常匯入js檔案都是用單獨<script>來完成。 16 --> 17 <!--html中使用JS的兩種方式--> 18 <!--匯入一個js檔案--> 19 <!--script type="text/javascript" src="demo.js"></script--> 20 21 <!--封裝javascript程式碼。--> 22 <script type="text/javascript"> 23 // alert("hello javascript"); 24 25 </script> 26 27 28 29 30 <!--演示javascript語法通用內容--> 31 <script type="text/javascript"> 32 /* 33 * 通常高階程式設計語言所包含的語法內容: 34 * 1,關鍵字:該種語言中被賦予了特殊含義的單詞。 35 * 2,標示符:用於標示資料和表示式的符號。通常可以理解為在程式中自定義的名稱。比如變數名,函式名。 36 * 3,註釋:註解說明解釋程式。用於除錯程式。 37 * 4,變數:用於標示記憶體中一片空間。用於儲存資料,該空間的中的資料是可以變化的。 38 * 什麼時候使用變數,當資料不確定的時候。 39 * 5,運算子:可以讓資料進行運算的符號。 40 * 6,語句:用於對程式的執行流程進行控制的表示式。 41 * 7,函式:用於對功能程式碼進行封裝,便於提高複用性。 42 * 8,陣列:對多資料進行儲存,便於操作。就是傳說中容器。 43 * 9,物件:只要是基於物件的語言,或者是物件導向的語言,就存在著物件的概念, 44 * 物件就是一個封裝體。既可以封裝資料有可以封裝函式。 45 * 46 * 這些都是高階程式設計語言具備的共性內容,只不過各種語言對這些內容的表現形式有所不同。 47 * 但是使用基本思想是一致。 48 */ 49 </script> 50 51 52 53 <script type="text/javascript"> 54 /* 55 * js中定義變數。使用到關鍵字。 56 * 這個關鍵字就是var 57 */ 58 //定義變數。Js是弱型別的。 59 var x = 4;//var不寫也行,因為js是非嚴謹的語言,但是我們開發的時候建議都按照嚴謹的方式來定義。 60 x = "abc";//重新賦值為字串abc。 61 x = 3.45;//賦值為小數。其實也是數字型別。 62 x = true;//賦值為boolean型別。 63 x = 'c';//賦值為字串c。 64 65 // alert("x="+x);//這是一個函式,將具體的引數通過對話方塊進行顯示。 66 67 </script> 68 69 70 71 <script type="text/javascript"> 72 /* 73 * 運算子。 74 * 1,算術運算子。 75 * + - * / % ++ -- 76 * 2,賦值運算子。 77 * = += -= *= /= %= 78 * 3,比較運算子:運算的結果要麼是false要麼是true。 79 * > < >= <= != == 80 * 81 * 4,邏輯運算子。用來連線兩個boolean型的表示式。 82 * ! && || 83 * 5,位運算子。 84 * & | ^ >> << >>> 85 * 6,三元運算子。 86 * ? : 87 */ 88 89 //1,算術運算子演示。 90 var a = 3710; 91 // alert("a="+a/1000*1000);//a=3710; 92 93 var a1 = 2.3,b1 = 4.7; 94 // alert("a1+b1="+(a1+b1)); 95 96 // alert("12"-1);//11 97 // alert("12"+1);//121 98 // alert(true+1);//2//因為在js中false就是0,或者null,非0,非null。就是true。預設用1表示。 99 // alert(2%5);//2 100 101 var n = 3,m; 102 m = ++n; 103 // alert("n="+n+",m="+m); 104 // ================================================= 105 106 // 2,賦值運算子 107 var i = 3; 108 // i = i+2; 109 i+=2; 110 // alert("i="+i); 111 112 // ================================================= 113 // 3,比較運算子。 114 var z = 3; 115 // alert(z!=4); 116 117 // ================================================= 118 // 4,邏輯運算子。 119 var t = 4; 120 121 // alert(t>7 && t<6); 122 // alert(!true); 123 124 // ================================================= 125 // 5,位運算子。 126 var c = 6; 127 // alert(c&3);//2 128 129 // alert(5^3^3);//5 130 131 // alert(c>>>1);//6/2(1); 132 // alert(c<<2);//24 133 134 // ================================================= 135 //6,三元運算子。 136 137 // 3>0?alert("yes"):alert("no"); 138 // alert(3>10?100:200); 139 140 141 142 </script> 143 144 145 146 <script type="text/javascript"> 147 /* 148 * 一些細節: 149 * 1,undefined:未定義。其實它就是一個常量。 150 */ 151 var xx; 152 // alert(xx);//undefined 153 // alert(xx==undefined);//true 154 155 //要想獲取具體的值的型別。可以通過typeof來完成。 156 // alert(typeof("abc")=='string');//string 157 // alert(typeof(2.5)=='number');//number//判斷型別。 158 // alert(typeof(true));//boolean 159 // alert(typeof(78));//number 160 // alert(typeof('9'));//string 161 </script> 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 </body> 193 </html>
demo.js中的內容
1 /** 2 * @author Administrator 3 */ 4 5 alert("hello javascript 22");