JS 段复习加深

JS

操作样式的方式

元素节点.style

元素节点.setAttribute(class,value)

增加或删除 class  控制样式。 classlist.add/remove

运算符

算术运算符、拼接运算符、关系运算符（大于小于等于 == === !==）、逻辑运算符（ ||  <  &&  <  ! ）

数据类型（typeof 能检验出的）

数字 Number

字符串  string

布尔 boolean

未赋值 undefined undefined

未声明   undefined

数组和对象 object

函数  function

数据类型转换方法

循环遍历方法

for （清楚遍历次数时使用）

while  （遍历次数未知时使用）

do while  （同上，至少执行一次）

foreach  (多用于数组遍历)

for in  （遍历对象和数组）

map  （类似 foreach 有返回值）

filter  （有 return 可过滤   遍历的数据）

条件判断语句

if if-else if-elseif…else

switch(str) case1,case2,case3: code;             break; default

伪数组，可以通过下标访问，但不能使用数组的方法。

数组的方法有：

push、pop、shift、unshift、splice、slice、join、concat、foreach、indexof

数学方法有：

math.random  0-1 的随机小数

math.floor  退位取整

math.ceil    进位取整

math.PI  π

math.abs  绝对值

math.pow  幂

字符串方法：

**        都不改变   原来的值，得到的是复制品**

toUppercase

toLowercase

search

match

replace

substr

substring

slice

indexof

声明正则：

var reg =//

var reg = new RegExp(“”)

使用：

reg.test()  返回 true 或 false

转义符 ： ‘ \ ’

g  全局匹配

i  忽略大小写

DOM 节点的类型

元素节点 nodetype 1 nodevalue null nodeName  标签大写

属性节点      2        属性值           属性名

文本节点      3      文本内容         文本名

注释节点      8

根节点

事件对象

事件函数内   获取事件对象

window.event || Arguments[0]

鼠标事件 type clientX offsetX target

**   ** 键盘事件 charcode keycode

事件流

事件发生时，事件处理方式

传统 on+eventType

一种类型的事件只能添加一个,因为后面的会覆盖前面的

兼容性好

使用后   要删除事件     事件名=null

现代 addEventListener

可以添加多个事件

兼容性有问题

删除事件，怎么加的就怎么删，匿名回调无法删除

**取消事件冒泡  **

**    ****   ** stoppropagation

取消浏览器默认事件** **

preventDefault

js 跳转页面的方法

location.href

window.open

location.redirect

js 刷新页面

location.reload

Location

location.host

location.search

location.history

作用域，作用域链

事件委托

原理：事件冒泡

对象

原型   原型链

封装   （用闭包隐藏，window 全局对象暴露）

继承

多态

es6

generator(yield 暂停，next 执行)

async await （async await 相当于就是                generator 的简化）

promise

class （就是构造方法   语法糖）

JavaScript 里的循环方法：forEach，for-in，for-of

https://www.webhek.com/post/javascript-loop-foreach-for-in-for-of.html

模板字符串 严格模式 逗号表达式 异常处理

防抖 节流

懒加载 延迟加载 预加载

模板字符串   (反引号)  其中可调用 html**  **

–webstorm 会报错，但是可以用。

**访问变量用 ${变量名} **

赋值表达式

左边 =  右边 1 =  右边 2

逗号表达式  左边 = (值 1，值 2，值 3) ，

从左到右执行，但取最后一个值

严格模式

**    ‘use strict’;**

**   ** 必须要用 var  声明

默认函数里面调用的 this 指向 undefined。不再是 window 对象

with 语句无法使用了

异常处理

[]==[]  中括号不等于中括号   他们位置都是唯一的