一. 认识JavaScript

1 什么是JavaScript

JavaScript是一种基于对象和事件驱动的客户端脚本语言，最初的设计是为了检验HTML表单输入的正确性，起源于Netscape公司的LiveScript语言。

2 JavaScript的组成

完整的JavaScript是由ECMAScript（语法）、Browser Objects（DOM、BOM）特性组成的。

• ECMAScript：提供核心语言的功能也就是语法。
• DOM：提供访问和操作网页内容的方法和接口
• BOM：提供与浏览器交互的方法和接口

3 在HTML中使用JavaScript

可以在head或body中使用<script></script>嵌入JavaScript脚本,或者导入外部文件<script src=""></script>

---

二. JavaScript语法和变量

1 注释和分号

//　　单行注释
/**/　 多行注释
; 　 　语句结束使用分好，如果省略，则由解析器确定语句的结尾

2 语法

ECMAScript中的一切（变量、函数名和操作符）都区分大小写

3 标识符

• 什么是标识符？
  变量、函数、属性的名字，或者函数的参数。
• 标识符的命名规则
  1. 由字母、数字、下划线(_)或美元符号($)组成
  2. 不能以数字开头
  3. 不能使用关键字、保留字作为标识符

4 变量

ECMAScript的变量是松散类型
松散类型：可以用来保存任何类型的数据，换句话说就是每个变量仅仅是一个用于保存值的占位符而已。

• 变量声明：
  变量的声明要使用var操作符，语法：var 变量名
• 变量赋值：
  变量名=值，或者声明的同时赋值：var 变量名=值
  多个变量可以同时声明，变量之间用英文逗号隔开：var x=1,y=2,z;

说明：

1. 省略var声明的变量是全局变量
2. 不推荐省略var操作符来定义全局变量

---

三、JavaScript数据类型

typeof
功能：检测变量的类型，
语法：typeof 变量 或 typeof (变量)
返回值：string类型，有可能是：string、number、boolean、object、undefined、function

1 简单数据类型

也称为基本数据类型，分别有：

• Undefined
• Null
• Boolean
• Number
• String

undefined

undefined类型只有一个值，既特殊的undefined

null

null值表示一个空对象指针。如果定义的变量准备在将来用于保存对象，那么最好将改变量初始化为null而不是其他值。
说明：
undefined值是派生自null值的，所以undefined == null的返回结果是true。

Number

Number：表示整数和浮点数
NaN：即非数值（Not a Number）是一个特殊的数值
说明：
1.任何涉及NaN的操作（例如NaN/10）都会返回NaN
2.NaN与任何值都不相等，包括NaN本身。

isNaN()
语法：isNaN(n)
功能：检测n是否是“非数值”
返回值：boolean
说明：isNaN()对接收的数值，先尝试转换为数值，再检测是否为非数值。

String

String类型用于表示由零或多个16位Unicode字符组成的字符序列，即字符串。字符串必须放在引号内，可以由双引号(")或单引号(')表示。

Boolean

用于表示真假的类型，即true表示真，false表示假

2 复杂数据类型

• Object
  ECMAScript6 新增了symbol 数据类型

3 类型转换

数值转换

有3个函数可以把非数值转换为数值

• Number()：强制转换为数值类型
• parseInt()：转换为整数
• parseFloat()：转换为浮点数（小数）

说明：
1.Number()可以用于任何数据类型
2.parseInt()和parseFloat()则专门用于把字符串转换成数值

parseInt()
parseInt会忽略字符串前面的空格，直至找到第一个非空格字符。

说明：
1.parseInt()：转换空字符串返回NaN
2.parseInt()这个函数提供第二个参数：转换时使用的基数（既多少进制）
例如：parseInt("0xf",16)，表示将0xf转为16进制

parseFloat()
parseFloat：从第一个字符开始解析每个字符，直至遇见一个无效的浮点数字符为止。

说明：
除了第一个小数点有效外，parseFloat和parseInt的第二个区别在于它始终都会忽略前导的零。

String字符串转换

toString()与String()
语法：str.toString()
功能：将str转换为字符串
返回值：str的一个副本
参数：str是要转换的内容，可以是数值、布尔值、对象和字符串。
说明：在不知道要转换的值是不是null或undefined的情况下，还可以使用string()函数，它能够将任何类型的值转换为字符串。

Boolean转换

总结规律：

1. 除0之外的所有数字，转换为布尔型都为true
2. 除""(空值)之外的所有字符，转换为布尔型都为true
3. null和undefined转换为布尔型为false

---

四、算术操作符

1 表达式

将同类型的数据（如常量、变量、函数等），用运算符号按一定的规则链接起来的，有意义的式子称为表达式。

2 操作符的分类

• 算数操作符
• 逻辑操作符
• 赋值操作符
• 比较操作符
• 三元操作符

3 算数操作符

+：加
-：减
*：乘
/：除
%：取余

递增和递减
递增
++a与a++都是对a进行递增的操作

区别：
++a是先返回递增之后的a的值
a++是先范围a的原值，再返回递增之后的值

递减
与递增同理

4 赋值操作符

简单赋值：=
复合赋值：+=、-=、*=、/=、%=

例如：a+=5 等同于 a=a+5

4 比较操作符

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

符号	含义	说明
==	相等	只比较是否相等
===	全等	比较值的同时比较数据类型是否相等
!=	不相等	比较值是否不相等
!==	不全等	比较值的同时比较数据类型是否不相等

返回值：Boolean型

5 三元操作符

语法：
　条件？执行代码1:执行代码2

说明：
1.可代替简单的if语句
2.如果条件成立，执行代码1，否则执行代码2

例如：result=(sorce>=60)?"及格":"不及格";

五、逻辑操作符

符号	名称
&&	与
||	或
!	非

1 逻辑与操作符

&& 与
理解为并且的意思，所有的条件都为true才返回true，只要有一个条件不成立，返回false

说明：
在有一个操作数不是布尔值的情况，逻辑与操作就不一定返回值，此时它遵循下列原则：

1. 第一个操作数隐士类型转换后为true，返回最后一个操作数。 如：console.log("welcome" && 55)返回值是55
2. 第一个操作数隐士类型转换后为false，返回第一个操作数。
3. 如果有一个操作数是null、NaN、undefined，都会返回对应的null、NaN、undefined（需要前面的操作数隐士类型转换后为true的情况时）

2 逻辑或操作符

|| 或
只有有一个条件为true，则返回true

说明：在有一个操作数不是布尔值的情况，逻辑或操作就不一定返回布尔值，此时它遵循以下原则：

1. 如果第一个操作数隐士类型转换后为true，则返回第一个操作数。
2. 如果第一个操作数隐士类型转换后为false，则依次往后，直到最后；
3. 如果操作数都是null，则返回null
4. 如果操作数都是NaN，则返回NaN
5. 如果操作数都是undefined，则返回undefined

3 逻辑非操作符

! 非
不论操作数是什么数据类型，逻辑非都会返回一个布尔值；
!!同时使用两个逻辑非操作符时：

• 第一个逻辑非操作会基于无法什么操作数返回一个布尔值
• 第二个逻辑非则是对该布尔值求反