原型链及作用域知识图解

来源:互联网 发布:js获取index 编辑:程序博客网 时间:2024/06/09 14:45

复杂的原型链示例代码:

function Animal(){            this.gender="male";        }        Human.prototype=new Animal();        Human.prototype.constructor=Human;        function Human(){            this.actionway="走路";        }        Teacher.prototype=new Human();        Teacher.prototype.constructor=Teacher;        function Teacher(){            this.skill="教书";        }        BadTeacher.prototype=new Teacher();        BadTeacher.prototype.constructor=BadTeacher;        function BadTeacher(){            this.name="吕超";        }        var t=new BadTeacher();        console.log(t);

复杂的原型链示例控制台打印解析1:

复杂的原型链示例控制台打印解析1

复杂的原型链示例控制台打印解析2:

复杂的原型链示例控制台打印解析2

一张图明白原型链实质:

一张图明白原型链实质

对象成员在原型链中的继承关系:

对象成员在原型链中的继承关系

上下文环境与作用域文字解说:

上下文环境与作用域文字解说

上下文环境与作用域简单示例图解:

上下文环境与作用域简单示例图解

原创粉丝点击