1、对象冒充前端
其原理以下:构造函数使用 this 关键字给全部属性和方法赋值(即采用类声明的构造函数方式)。由于构造函数只是一个函数,因此可以使 Parent 构造函数 成为 Children 的方法,而后调用它。Children 就会收到 Parent 的构造函数中定义的属性和方法。例如,用下面的方式定义 Parent 和 Children:函数
]// 父类构造函数 var Parent = function(name){ this.name = name; this.sayHi = function(){ console.log("Hi! " + this.name + "."); }//前端全栈学习交流圈:866109386 };//面向1-3年前端人员 //帮助突破技术瓶颈,提高思惟能力 // 子类构造函数 var Children = function(name){ this.method = Parent; this.method(name); // 实现继承的关键 delete this.method; this.getName = function(){ console.log(this.name); } }; var p = new Parent("john"); var c = new Children("joe"); p.sayHi(); // 输出: Hi! john. c.sayHi(); // 输出: Hi! joe. c.getName(); // 输出: jo
原理:就是把 Parent 构造函数放到 Children 构造函数里面执行一次。那为何不直接执行,非要转个弯把 Parent 赋值给 Children 的 method 属性再执行呢? 这跟 this 的指向有关,在函数内 this 是指向 window 的。当将 Parent 赋值给 Children 的 method 时, this 就指向了 Children 类的实例。学习
2、原型链继承this
众所周知,JavaScript 是一门基于原型的语言,在 JavaScript 中 prototype 对象的任何属性和方法都被传递给那个类的全部实例。原型链利用这种功能来实现继承机制:spa