1.JavaScript基础知识

1.组成

• ECMAScript:javascript语法

• DOM:页面文件对象模型

• BOM:浏览器对象模型

1.ECMAScript

ECMAScript是由ECMA国际（原欧洲计算机制造商协会）进行标准化的一门编程语言，这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript，但实际上后两者是ECMAScript语言的实现和扩展。

ECMAScript : ECMAScript规定了JS的编程语法和基础核心知识，是所有浏览器厂商共同遵守的一套JS语法工业标准。

2.DOM——文档对象模型

文档对象模型(Document Object Model，简称DOM）)，是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过DOM提供的接口可以对页面上的各种元素进行操作(大小、位置、颜色等)。

3.BOM——浏览器对象模型

BOM(Browser ObjectModel，简称BOM)是指浏览器对象模型，它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口，比如弹出框、控制浏览器跳转、获取分辨率等。

2.变量

• 为什么需要变量?因为我们一些数据需要保存，所以需要变量

• 变量是什么?变量就是一个容器，用来存放数据的。方便我们以后使用里面的数据；

• 变量的本质是什么?变量是内存里的一块空间，用来存数据。

• 变量怎么使用的?我们使用变量的时候，一定要声明变量，然后赋值；声明变量本质是去内存申请空间；

• 什么是变量的初始化?声明变量并赋值我们称之为变量的初始化

• 变量命名规范有哪些？变量名尽量要规范，见名知意——驼峰命名法；区分哪些变量名不合法

• 交换2个变量值的思路?学会交换2个变量

3.数据类型

JavaScript是一种弱类型或者说动态语言。

JS把数据类型分为两类∶

• 简单数据类型( Number , string ,Boolean, Undefined,Null )

• 复杂数据类型( object)

简单数据类型	说明	默认值
Number	数字型，包含整型值和浮点型值，如21、0.21	0
Boolean	布尔值类型，如true , false，等价于1和0	false
String	字符串类型，如"张三”注意咱们js里面，字符串都带引号	""
Undefined	var a;声明了变量a但是没有给值，此时a = undefined	undefined
Null	var a = null;声明了变量a为空值	null

isNan(x)==>不是数字返回true,是数字返货false;

遍历字符串

//遍历字符串
exec 一般用于独立的动作一次性执行,返回 query(find()方法查询返回的是 data)
'Sname': new RegExp(.)//将关键词匹配
newData = results.filter((item) =>item.commodityIntroduction.match(RegExp(/i7/)));

4.数据类型转换

1.转字符串类型

• num.toString()

• String(num) //强制转换

• num+''

2.转数字类型

• parseInt(str)//取整

• parseFloat(str)//保留小数

• Number(str)//强制转换(str必须是数字型字符串)

• 'str'-0=str//减乘除(str必须是数字型字符串)

数字类型字符串转数字："6"+0==>6

3.转换为布尔值

• 代表空、否定的值会被转换为false ,如"、0、NaN、null、undefined

• 其余值都会被转换为true

5.标识符、关键字、保留字

1.标识符

标识(zhi)符∶就是指开发人员为变量、属性、函数、参数取的名字。标识符不能是关键字或保留字。

2.关键字

关键字∶是指JS本身已经使用了的字，不能再用它们充当变量名、方法名。 包括: break、case、catch、continue、default、delete、do、else、finally、for、function、if、in.instanceof、new、return、switch、this、throw、try、typeof、var、void、while、with等。

3.保留字

保留字︰实际上就是预留的“关键字”，意思是现在虽然还不是关键字，但是未来可能会成为关键字，同样不能使用它们当变量名或方法名。

包括: boolean、byte、char、class、const、debugger、double、enum、export、extends、fimal、float、goto、implements、import、int、interface、long、mative、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile等。

6.运算符

运算符( operator )也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。

JavaScript中常用的运算符有∶

• 算数运算符

• 递增和递减运算符

• 比较运算符哈

• 逻辑运算符

• 赋值运算符

1.算术运算符

y=5，下面的表格解释了这些算术运算符：

运算符	描述	例子	x 运算结果	y 运算结果
+	加法	x=y+2	7	5
-	减法	x=y-2	3	5
*	乘法	x=y*2	10	5
/	除法	x=y/2	2.5	5
%	取模（余数）	x=y%2	1	5
++	自增	x=++y	6	6
++	后自增	x=y++	5	6
--	自减	x=--y	4	4
--	后自减	x=y--	5	4

2.比较运算符

运算符	描述
==	等于
===	全等于（值和数据类型均相等）
!=	不等于
!==	不绝对等于（值和类型有一个不相等，或两个都不相等）
>	大于
<	小于
>=	大于或等于
<=	小于或等于

3.逻辑运算符

运算符	描述	例子
&&	and（且）	(x < 10 && y > 1) 为 true
||	or（或）	(x==5 || y==5) 为 false
!	not（非）	!(x==y) 为 true

短路运算（逻辑中断)

短路运算的原理∶当有多个表达式(值)时,左边的表达式值可以确定结果时,就不再继续运算右边的表达式的值; 1.逻辑与

语法:表达式1&&表达式2&&表达式3

• 小结：返回 值为假的表达式，没有则返回最后一个

2.逻辑或

语法:表达式1||表达式2||表达式3

小结：返回 值为真的表达式，没有则返回最后一个

4.赋值运算符

给定 x=10 和 y=5，下面的表格解释了赋值运算符：

运算符	例子	等同于	运算结果
=	x=y	x=y	x=5
+=	x+=y	x=x+y	x=15
-=	x-=y	x=x-y	x=5
*=	x*=y	x=x*y	x=50
/=	x/=y	x=x/y	x=2
%=	x%=y	x=x%y	x=0

5.运算符优先级

优先级	运算符	顺序
1	小括号	()
2	—元运算符	++ -- !
3	算数运算符	先*/%后+-
4	关系运算符	> >= < <=
5	相等运算符	== != === !==
6	逻辑运算符	先&&后||
7	赋值运算符	=
8	逗号运算符	,

• 一元运算符里面的逻辑非优先级很高

• 逻辑与比逻辑或优先级高