JavaScriptNote-02

JavaScript-Plus

1.this

概念

this代表当前函数的上下文对象

2.原型对象

概念

小结

简单理解就是 每一个函数都有一个原型对象 (prototype 类型:object) 如果函数是以构造函数的形式被调用的话 那么这个函数所创建的对象会含有一个隐藏的属性(proto) 这个属性的指向与原型对象的指向一致 可以通过该属性来访问自己没被定义的一些属性 有点相当于java的基类 所有实体类 公共部分被抽取出来 每一个实体类都带有基类的所有属性和方法

使用场景

原型对象的基本处理

可以理解为 java的双亲委派机制 如果自身没有 则去父亲那里找 一直循环去寻找 直到找到老祖宗Object 老祖宗Object没有就返回 undefined

3.数组的四个方法

push：往最后新增一个元素 返回新长度

pop：删除最后一个元素 返回该元素

unshift：在第一个位置新增一个元素 返回新长度

shift：删除第一个元素 返回该元素

splice

类似于java的substring方法

该方法可以删除元素 也能替换元素

第一个参数：起始索引位置

第二个参数：删除的数量（可以为负值 负值就是从后面往前数）

第三个参数：第三个参数开始就是将删除的元素替换掉

返回值：返回删除的元素

4.回调函数

概念

函数被我们创建但不由我们执行 由浏览器执行的这个函数叫回调函数

详情

5.事件冒泡

概念

取消冒泡

event.cancelBubble = true

6.事件委派

概念

target

触发该事件的对象

7.事件的多重绑定

addEventListener()

第一个参数：方法字符串 ，不要on

第二个参数：回调函数

第三个参数：boolean值 一般传入false false代表不启动事件捕获

this通常执行事件本身对象

8.事件传播

概念

捕获就是：由外往里 如果是点击的最里面的子节点 先触发最外围的祖先元素事件 一一推进向内

目标：事件执行到当前对象

冒泡：由里往外

回看JavaScript~~将不懂的知识点巩固