JS变量、数据类型、运算

JS三部分组成：ECMAScript 、DOM 、BOM

ECMAScript （核心）：ECMA欧洲计算机制造联合会。JavaScript的核心，描述了语言的基本语法和数据类型，ECMAScript是一套标准，定义了一种语言的标准与具体实现无关。

DOM（文档对象模型）：

一套操作页面元素的API。DOM可以把HTML看做是文档树，通过DOM提供的API可以对树上的节点进行操作。Document object model

BOM（浏览器对象模型）:一套操作浏览器功能的API。通过BOM可以操作浏览器窗口，比如：弹出框、控制浏览器跳转、获取分辨率等。Borswer object model  

 

变量引入

什么是变量

变量是计算机内存中存储数据的标识符，根据变量名称可以获取到内存中存储的数据

为什么要使用变量

使用变量可以方便的获取或者修改内存中的数据

变量声明和初始化

var   声明变量

 

变量的命名规则和规范

规则---必须遵守，不遵守会报错

1、由字母、数字、下划线、$符号组成，不能以数字开头

2、不能是关键字和保留字，例如：for、while。

3、区分大小写

规范---建议遵守，不遵守不会报错

1、变量名必须有意义

2、遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。

 

JavaScript数据类型：

基本数据类型：Number （数字）、String（字符串）、 Boolean（布尔型）、Undefined（声明了没有赋值的变量）、 Null（空）

复杂数据类型：Object

 

Number类型：十进制，八进制，十六进制，浮点数

注意：不要判断两个浮点数是否相等

就是说由于0.1转换成二进制时是无限循环的，所以在计算机中0.1只能存储成一个近似值

最小值：Number.MIN_VALUE  这个值为：5e-324

最大值：Number.MAX_VALUE，这个值为： 1.7976931348623157e+308

无穷大：Infinity

无穷小：-Infinity

 

数值判断

NaN：not a number （可以通过Number()方法判断）

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

isNaN(): is not a number （如果 x 是特殊的非数字值 NaN（或者能被转换为这样的值），返回的值就是 true。如果 x 是其他值,则返回 false）

 

String类型：

字符串可以使用单引号,也可以使用双引号，例如：'abc'、"abc"。

length属性用来获取字符串的长度

字符串拼接使用 + 连接

Boolean类型：

Boolean字面量： true和false，区分大小写

计算机内部存储：true为1，false为0

 

Undefined和Null

undefined表示一个声明了没有赋值的变量，变量只声明的时候值默认是undefined

null表示一个空，变量的值如果想为null，必须手动设置

 

数据类型转换：

typeof关键字获取变量的类型

toString()：转换成字符串类型 

String()：String()函数存在的意义：有些值没有toString()，这个时候可以使用String()。比如：undefined和null

Number()：可以把任意值转换成数值，如果要转换的字符串中有一个不是数值的字符，返回NaN

Number()转换规则

     a. 如果字符串中只包含数字时，将其转换为十进制数值，忽略前导0

     b. 如果字符串中包含有效浮点格式，如“1.1”，将其转换为对应的浮点数字，忽略前导0

     c. 如果字符串中包含有效的十六进制格式，如“0xf”，将其转换为相同大小的十进制数值

     d. 如果字符串为空，或者是空内容，将其转换为0

     e. 如果字符串中包含除上述格式之外的字符，则将其转换为NaN

　　parseInt()：取整数

　　parseFloat()：把字符串转换成浮点数

Boolean()

0     ' '     null undefined      NaN会转换成false，其它都会转换成true。

 

拼接字符串方式

num + ""，当 + 两边一个操作符是字符串类型，一个操作符是其它类型的时候，会先把其它类型转换成字符串再进行字符串拼接，返回字符串

 

JavaScript运算

（1）算术运算符

+    -    *     /      %

（2）一元运算符

一元运算符：只有一个操作数的运算符

++ 自身加1，-- 自身减1

前置++  先将自身的值自增1，再将自增后的值赋值给变量

后置++   先将自身的值赋值给变量，然后再自增1

总结：

前置++： 参与运算输出

后置++：​运算完毕输出

 

（3）逻辑运算符（布尔运算符）

与 &&  一假则假

或 ||    一真则真

非 ！ 取反

（4）关系运算符（比较运算符）

<   >   >=   <=   ==   !=    ===   !==

==与===的区别：==只进行值得比较，===类型和值同时相等，则相等

 

（5）赋值运算符

=     +=   -=    *=   /=    %=
       num += 5;   //相当于  num = num + 5;

运算符的优先级

优先级从高到底如下：

括号>点运算符>一元运算符> 算数运算符 >关系运算符>逻辑运算符 >赋值运算符

 

注意：同级运算符先后顺序如下：

一元运算符：++   --  ！

算术运算符：先 *   /     % 后  +   -

关系运算符  >   >=   <   <=    ==   !=    ===    !==

逻辑运算符 先&&   后||