update
This commit is contained in:
qianguyihao
parent
990276f3a2
commit
b1cc5edb32
@ -87,7 +87,7 @@ DOM3中，增加了很多事件类型，比如鼠标事件、键盘事件等。
|
||||
|
||||
PS：为何事件没有DOM1的写法呢？因为，DOM1标准制定的时候，没有涉及与事件相关的内容。
|
||||
|
||||
**总结：**关于“DOM事件的级别”，能回答出以上内容即可，不会出题目让你做。
|
||||
**总结**：关于“DOM事件的级别”，能回答出以上内容即可，不会出题目让你做。
|
||||
|
||||
|
||||
## DOM事件模型、DOM事件流
|
||||
@ -311,124 +311,3 @@ IE10以下则是：
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
```javascript
|
||||
|
||||
```
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
```javascript
|
||||
|
||||
```
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
```javascript
|
||||
|
||||
```
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
```javascript
|
||||
|
||||
```
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
```javascript
|
||||
|
||||
```
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
```javascript
|
||||
|
||||
```
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
```javascript
|
||||
|
||||
```
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
```javascript
|
||||
|
||||
```
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
```javascript
|
||||
|
||||
```
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -31,7 +31,7 @@
|
||||
|
||||
```javascript
|
||||
var obj11 = {name: 'smyh'};
|
||||
var obj12 = new Object(name: `smyh`); //内置的构造函数
|
||||
var obj12 = new Object(name: `smyh`); //内置对象（内置的构造函数）
|
||||
```
|
||||
|
||||
上面的两种写法，效果是一样的。因为，第一种写法，`obj11`会指向`Object`。
|
||||
@ -60,24 +60,19 @@
|
||||
|
||||
第三种方法，很少有人能说出来。这种方式里，obj3是实例，p是obj3的原型（name是p原型里的属性），构造函数是`Objecet` 。
|
||||
|
||||
|
||||
20180306_1633.png
|
||||
|
||||
|
||||
|
||||
## 原型、构造函数、实例，以及原型链
|
||||
|
||||
|
||||
20180306_1538.png
|
||||
|
||||
|
||||
|
||||
|
||||
PS：任何一个函数，如果在前面加了new，那就是构造函数。
|
||||
|
||||
|
||||
### 原型、构造函数、实例三者之间的关系
|
||||
|
||||
|
||||
20180306_2107.png
|
||||
|
||||
|
||||
- 1、构造函数通过 new 生成实例
|
||||
|
||||
@ -97,7 +92,7 @@ PS：任何一个函数，如果在前面加了new，那就是构造函数。
|
||||
|
||||
上面的代码中，`Foo.prototype.constructor === Foo`的结果是`true`：
|
||||
|
||||
20180306_2120.png
|
||||
|
||||
|
||||
|
||||
- 4、实例的`__proto__`指向原型。也就是说，`Foo.__proto__ === M.prototype`。
|
||||
@ -108,8 +103,6 @@ PS：任何一个函数，如果在前面加了new，那就是构造函数。
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
### 原型链
|
||||
|
||||
**原型链的基本原理**：任何一个**实例**，通过原型链，找到它上面的**原型**，该原型对象中的方法和属性，可以被所有的原型实例共享。
|
||||
@ -131,7 +124,7 @@ Object是原型链的顶端。
|
||||
|
||||
### `instanceof`的原理
|
||||
|
||||
20180306_2209.png
|
||||
|
||||
|
||||
|
||||
`instanceof`的**作用**：用于判断**实例**属于哪个**构造函数**。
|
||||
@ -193,84 +186,3 @@ new 运算符的原理如下：
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
```javascript
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
```
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
```javascript
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
```
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
```javascript
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
```
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
```javascript
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
```
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
```javascript
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
```
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
@ -1,3 +0,0 @@
|
||||
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user