系统学习一遍JS。

1.说明

  声明变量使用var

  字符串使用双引号或者单引号

  数字直接使用数字

  

2.变量声明

  var number;

  var x,y,z;

 

3.变量的初始化

  var flag=true;

  var nll=null;

  var obj=new Object();

 

4.变量名定义

  一般以字母,下划线,$开头

 

二:输出

1.输出到控制台

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <script>
 7         var aa='10';
 8         //在浏览器的控制台上
 9         console.log("aa:"+aa);
10     </script>
11 </head>
12 <body>
13     <h1>CJ</h1>
14 </body>
15 </html>

  效果:

  000 变量与运算符_html

 

三:数据类型

1.原始的数据类型

  number:整数与小数

  string:字符串

  boolean:true,false

  null:空

  undefined:未定义,变量声明了,但是没有赋值,或者函数没有明确的返回值,如果接受了

  object:对象

 

2.获取变量的类型

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <script>
 7         var aa='10';
 8         console.log(typeof aa);
 9     </script>
10 </head>
11 <body>
12 <h1>CJ</h1>
13 </body>
14 </html>

 

四:数字类型

1.数字范围

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <script>
 7         var aa = Number.MAX_VALUE;
 8         var bb = Number.MIN_VALUE;
 9     </script>
10 </head>
11 <body>
12 <h1>CJ</h1>
13 </body>
14 </html>

 

2.小数问题

  不能使用小数问题验证小数

 

3.无穷大与无穷小

  Infinity

  -Infinity

 

4.数值判断

  NaN:not a number

  NaN与任何值都不相等,包括他本身

  isNaN():不是一个数字

 

五:String类型

1.计算长度

  str.length

 

2.转移字符

  制表符:\t

  \:\\

  “:\"

  ':\'

  

3.拼接

  使用+

    

4.-

  这种将会计算

  隐式转换

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6     <script>
 7         var aa = "10";
 8         var bb = 5;
 9         console.log(aa-bb);
10     </script>
11 </head>
12 <body>
13 <h1>CJ</h1>
14 </body>
15 </html>

  结果:

  000 变量与运算符_字符串_02

 

六:类型转换

1.转数字

  转整数:parseInt("xxxxxx")

  转小数:parseFloat("xxxxxx")

  转数字:number("xxxxxx"),但是这种方式比较严格的转换。

 

2.转字符串

  .toString()

  String(1000000)

  如果变量没有意义,使用String转换;有意义使用toString()

 

3.转boolean

  Boolean(878787777)

  "",undefinded,null 都是false

 

七:操作符

1.说明

  算术运算符

  一元运算符

  二元运算符

  三元运算符

  复合运算符

  关系运算符:有==和===,下面举例

  逻辑运算符:&&  ||  !

 

2.==的例子

  var aa="10";

  var bb=10;

  console.log(aa==bb);

  这个结果是true