JS关键词理解

一、理解对象存储

二、理解作用域链

三、理解预解析

四、封装

五、理解原型链

原型与原型链：

1、凡是通过 new function() 创建的对象都是函数对象，其他的都是普通对象
2、js 中所有的函数对象都有一个 prototype 属性，这个属性引用了一个对象，
即原型对象，也简称原型。普通对象没有 prototype,但有__proto__属性
3、js 在创建对象（不论是普通对象还是函数对象）的时候，都有一个叫做
__proto__的内置属性，用于指向创建它的函数对象的原型对象 prototype(即它
的构造函数的原型对象)

看这样一段代码：

var Person = function () { };
var p = new Person();

我们来看看这个 new 究竟做了什么？

我们把 new 的过程拆分成以下三步：
1. var p={}; 也就是说，创建一个对象p。
2. p.__proto__=Person.prototype;
3. Person.call(p);也就是说构造p，也可以称之为初始化p。

那么__proto__是什么？

每个对象都会在其内部初始化一个属性，就是 __proto__，当我们访问一个对象的属性 时，如果这个对象内部不存在这个属性，那么他就会去__proto__里找这个属性，这个__proto__又会有自己的__proto__，于是就这样 一直找下去，也就是我们平时所说的原型链的概念。

我们看一下下面这些代码：

var Person = function () { };
Person.prototype.Say = function () {



    alert("Person say");
}
var p = new Person();
p.Say();

我们看下为什么 p 可以访问 Person 的 Say?

首先var p=new Person()；
可以得出 p.__proto__=Person.prototype。
那么当我们调用 p.Say() 时，首先 p 中没有 Say 这个属性， 于是，他就需要到他的 __proto__ 中去找，也就是 Person.prototype，而我们在上面定义了 Person.prototype.Say = function(){}; 
于是，就找到了这个方法。

六、继承

6.1 原型继承

var a=function(){};
a.prototype.say()=function(){
    alert(“haha”);
}
a.prototype.gongzi=500;
var b=function(){};
b.prototype=new a();
b.prototype.gongzi=1000;
var obj=new b();
注：子元素的成员属性 gongzi 会覆盖父元素。

6.2 构造继承

function parents(name){
    this.name=name;
    this.say=function(){
    alert(this.name);
    }
}
function child(name,age){
    this.pobj=parents;
    this.pobj(name);
    this.age=age;
}
var c=new child(‘lisi’,20);

6.3 call继承

6.4 apply继承

转载于:https://www.cnblogs.com/ghost96169/p/8681898.html