JavaScript--變數和運算子

weixin_33816946發表於2017-06-21

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");

 

相關文章