高级JS补环境框架-第一章

一、补环境框架流程

我们所说的 “补浏览器环境” 其实是补浏览器有 而Node没有的环境，即 补BOM和DOM的对象；

二、创建JS对象方式

// 1.直接变量创建
let a = {
   }
console.log(a);
// 2.通过new关键字
let b = new Object()
console.log(b);
// 3.通过Object.create()方法 // 注意create内部为原型链  如果填写Object 创建的为 Function对象
let c = Object.create(Object.prototype)
console.log(c);

let d = Object.create(Object)
console.log(d)

{
   }
{
   }         
{
   }         
Function {
   }
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

三、原型链

当我们创建了一个新函数时，都会自动为该函数创建一个prototype属性，这个prototype属性是一个指针，指向这个函数的原型对象。而这个原型对象会自动创建一个constructor属性，constructor也是一个指针，指向prototype属性所在的那个函数，即我们创建的那个新函数。

// 我们使用dir(document) 发现document的最终原型(最终父类)为Object对象
1

• 原型: 类
• 原型对象: 类中属性与方法组成的一个对象
• 实例对象: 创建的实例

function User(){
   

}
// 原型对象:使用prototype指向的对象
User.prototype.name = "Guilty"
User.prototype.age = 18
User.prototype.login = function (login_name, login_pwd){
   
    console.log("success")
}
// 从原型到原型对象
console.log
1
2
3
4
5
6
7
8
9
10
11
12