第二讲：基本概念

时间：2015-02-18 15:14:12 阅读：352 评论：0 收藏：0 [点我收藏+]

标签：

2.0、学习目标

　　–认识变量（声明、规则、全局变量、局部变量）

　　–数据类型（基本类型、引用类型）

　　–运算符、表达式、控制语句

2.1、变量

　　–JavaScript 是一种弱类型的脚本语言

　　–var c = 3；即变量的声明(变量使用之前必须加var声明，编程规范)

　　–变量的命名规则!

　　　　•1.变量命名必须以字母或是下标符号”_”或者”$”为开头。

　　　　•2.变量名长度不能超过255个字符。

　　　　•3.变量名中不允许使用空格。

　　　　•4.不用使用脚本语言中保留的关键字及保留符号作为变量名。

　　　　•5.变量名区分大小写。(javascript是区分大小写的语言)

　　–全局变量

　　　　•在方法外部声明的变量

　　　　•方法内部，没有加var关键字声明的变量

　　–局部变量

　　　　•方法内部，使用var声明的变量

2.2、数据类型

　　•ECMAScript中,数据类型也分为基本类型和引用类型两大类.

　　•基本数据类型：Number、Boolean、String、Undefined、Null

　　–Number：整数和小数(最高精度17位小数)、NaN、Infinity, -Infinity

　　注意：1.除10进制外，还可通过8进制和16进制的字面值来表示，如 070 表示56、0xA表示10.

　2.小数为浮点类型，if(a+b == 0.3) //不要做这样的测试，因为浮点数值最高精度是17位，而是0.300000000000000004.

　　　　–Undefined：表示变量声明但未赋值.

　　　　–Null:表示一个空的对象引用(也就是赋值为null)

　　•引用类型：Object类型 (比如对象、数组、RegExp、Date...)

　　•Typeof 操作符

　　•基本类型和引用类型的值

　　–基本类型是按照值访问的，因为可以操作保存在变量中的实际值

　　–引用类型则是按引用去访问的

　　示例代码：　　

  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=utf-8" />
  5         <title>Untitled Document</title>
  6         <script type=text/javascript charset=utf-8>
  7                     
  8                 //关于全局变量和局部变量的简单说明 
  9                     
 10                 /*
 11                 var a = 3 ;        // number    全局变量 
 12                 
 13                 //变量一共有两种： 全局变量 局部变量
 14                 
 15                 function test(){
 16                     //var b = 2 ;        //局部变量
 17                     c = 5 ;                //全局变量
 18                     alert(a);
 19                 }
 20                 
 21                 test();
 22                 alert(c);
 23                 //alert(b);
 24                 */
 25                 
 26                 
 27                 //javascript是弱类型变量的脚本语言 ,根据赋值决定变量的类型 
 28                 
 29                 
 30                 // Number类型 整数和小数
 31                 
 32                 var a1 = 10 ; 
 33                 var a2 = 10.5 ;
 34                 var a3 = NaN;         //not a number
 35                 var a4 = 1/0 ;        //正无穷
 36                 var a5 = 070;        //8进制 和16进制(0xA)
 37                 //alert(a4);
 38                 //alert(a5);
 39                 
 40                 /*                
 41                 var a6 = 0.1 ; 
 42                 var a7 = 0.2 ;
 43                 if(a6+ a7 == 03){
 44                     alert(‘等于0.3‘);
 45                 } else {
 46                     alert(‘不等于0.3‘);
 47                 }
 48                 */
 49                 var a8 = parseInt("aaabbcc"); //不是一个数
 50                 //alert(a8);
 51                 
 52                 var a9 = parseInt("12bbcc");
 53                 //alert(a9);
 54                 
 55                 
 56                 //undefined 数据类型 他的值只有一个：undefined 表示变量声明了,但是没有被赋值
 57                 var b1  ;
 58                 //alert(b1);
 59                 
 60                 //Null 空值
 61                 var b2 =  null ;
 62                 //alert(b2);
 63                 
 64                 //String 
 65                 var str1 = "我是字符串1";
 66                 var str2 = ‘我是字符串2‘;
 67                 
 68                 // Boolean 
 69                 var flag1 = false ; 
 70                 var flag2 = true ; 
 71                 
 72                 
 73                 // 引用数据类型
 74                 var arr = [1,2,3];        //数组类型
 75                 var dates = new Date();    //日期类型
 76                 var obj = {};            //空对象
 77                 
 78                 
 79                 // typeof 操作符  用来判断数据类型的
 80                 
 81                 var a = 10 ;
 82                 var b = 10.3 ; 
 83                 var c = true ; 
 84                 var d = ‘abcd‘;
 85                 var e = new Date();
 86                 var f = NaN ;
 87                 var g = [1,2,3];
 88                 var h = undefined ;
 89                 var i = null;        //表示一个空对象的引用
 90                 alert(typeof i);
 91                 
 92                 
 93                 
 94                 
 95                 
 96                 
 97             
 98         </script>
 99         
100     </head>
101     <body>
102     </body>
103 </html>

View Code

2.3、运算符

　　•运算符与表达式：加减乘除、递增(++)、递减(--)、求余(%)

　　•变量的自动转换

　　　　–=== 等同符：不会发生类型的自动转化！

　　　　–== 等值符：会发生类型自动转化、自动匹配！

　　•在程序中还经常使用到扩展赋值运算符，如：+=，-=，*=，/=，%=等

　　•在复杂的表达式中往往会综合运用各种不同类型的运算符，而表达式的运算顺序有一定的规则：首先应按照运算符的优先次序从高到低的顺序，其次，优先级相同的运算符按照事先约定的结合方向（从左向右或从右向左）进行。

　　•条件表达式的基本的语法是：

　　　　–（条件表达式1）？表达式2：表达式3

2.4、控制语句

　　•基本上ECMAScript的控制语句和java一致

　　•if语句 if(条件)…else if(条件)...else

　　•switch 语句：switch (expression) {case const1:语句块1... default:...}

　　•for (初始化部分；条件部分；更新部分){ 语句块… }

　　•while(条件) { 语句块… }

　　•do{ 语句块… }while(条件)

　　•break语句是结束当前的循环，并把程序的控制权交给循环的下一条语句

　这里是结束循环，循环到此为止

　　•continue语句是结束当前的某一次循环，但是并没有跳出整个的循环。这里是结束一次循环，整个循环还在进行

示例代码：

 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=utf-8" />
 5         <title>Untitled Document</title>
 6         
 7         <script type=text/javascript charset=utf-8 >
 8                 
 9                 /*
10                 var a1 = 10 ; 
11                 var a2 = 10.0 ;
12                 
13                 if(a1 == a2){
14                     alert(‘相等‘);
15                 }
16                 */
17                 
18                 //js数据自动转换的机制 
19                 
20                 /*
21                 var a = "1" ;         //number
22                 var b = true ;         //boolean
23                 
24                 // == 表示 可以经过自动转换 比较的是数值 
25                 // === 表示 可以经过自动转换 先比较值, 再比较数据类型
26                 if(a == b){
27                     alert(‘相等‘);
28                 } else {
29                     alert(‘不等‘);
30                 }
31                 */
32                 //三目运算符：
33                 //var c = 10/2>4?5:3;
34                 //alert(c);
35                 
36                 
37                 
38                 //关于for循环的特点:
39                 /*
40                 for(var i =0 ;i <5 ; i++){
41                     alert(i);
42                 }
43                 */
44                 //死循环
45                 /*
46                 for(;;){
47                     alert(‘执行体!‘);
48                 }
49                 */
50                 
51                 
52                 /*
53                  * 
54                 var i = 0 ;
55                 while(i < 5){
56                     alert(‘执行‘);
57                     i++;
58                 }
59                 */
60                 
61                 /*
62                 var i = 0 ;
63                 for(;i<5;i++){
64                     alert(‘执行‘);
65                 }
66                 */
67                 
68 
69             
70             
71         </script>
72     </head>
73     <body>
74     </body>
75 </html>

View Code

第二讲：基本概念

标签：

原文地址：http://www.cnblogs.com/pangcq2015/p/4295753.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行