微信扫一扫打赏支持

JavaScript--变量和运算符

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

 

posted @ 2017-06-21 15:51  范仁义  阅读(530)  评论(0)  编辑  收藏  举报