javascript高级知识点—

代码信息来自于http://ejohn.org/apps/learn/。

继承是如何工作的

function Person(){} function Ninja(){}
Ninja.prototype = new Person(); var ninja = new Ninja();
console.log( ninja instanceof Ninja, "ninja自动接收Ninja.prototype里的属性" );
console.log( ninja instanceof Person, "也是来自Person.prototype" );
console.log( ninja instanceof Object, "也是来自and the Object prototype" );

本例可以很好表明继承机制和原型链。根本原理是实例化继承构造函数的原型，它使用__proto__访问上级。ninja继承Ninja,Ninja就是new Person()，继承Person.prototype,而Person.prototype，继承自最根本的Object.prototype。

构建我们自己的继承

function Person(){}
Person.prototype.getName = function(){ return this.name;
}; function Me(){ this.name = "John Resig";
}
Me.prototype = new Person(); var me = new Me();
console.log( me.getName());

me对象属性 = 实例化时自己的属性 + Me.prototype的属性 +Object.prototype的属性。

所以这个me对象拥有自己的name属性，getName函数。

转载于:https://www.cnblogs.com/winderby/p/4074154.html

javascript高级知识点——继承相关推荐

JavaScript高级之继承
ES6之前并没有给我们提供 extends 继承.我们可以通过构造函数+原型对象模拟实现继承,被称为组合继承. 2.1 call() 调用这个函数, 并且修改函数运行时的 this 指向 fun.ca ...
javascript高级知识点——函数原型
代码信息来自于http://ejohn.org/apps/learn/. 向函数的原型中添加方法 function Ninja(){} Ninja.prototype.swingSword = fun ...
JavaScript高级第2天：定义函数的三种方式、函数的原型链结构、完整原型链、作用域以及作用域链、函数的四种调用模式、闭包、计数器、斐波那契数列优化、三种继承方式
JavaScript高级第二天 01-定义函数的三种方式 1.函数声明 function:可以先调用再声明,因为预解析(把函数声明.变量声明进行提升) function fn() {//函数体conl ...
《javascript高级程序设计》笔记：内存与执行环境
上一篇:<javascript高级程序设计>笔记:继承近几篇博客都会围绕着图中的知识点展开由于javascript是一门具有自动垃圾收集机制的编程语言,开发者不必担心内存的分配和回收的 ...
javascript 高级程序设计_重读《JavaScript高级程序设计》
最近自己在休假,打算闭门几天将<JavaScript高级程序设计>(第3版)这本良心教材再回顾一遍.目前自己进入前端领域两年多,现在重读并记录下这本教材的"硬"知识点 ...
javaScript高级[二]
javaScript高级[二] 函数函数的定义和调用函数的定义方式函数的调用方式 this 函数内this指向改变函数内部this指向 call()方法 apply()方法 bind()方法 ...
「万字总结」熬夜总结50个JS的高级知识点，全都会你就是神
前言大家好,我是林三心,基础是进阶的前提,上一篇,我给大家分享了我这一年来平时记录的工作中碰到的50个JS基础知识点,今天就给大家分享一下,我这一年来,工作中遇到的50个JS高级知识点吧!!! 知识 ...
尚硅谷JavaScript高级教程(javascript实战进阶)学习笔记
前言这个是我学习过程中的笔记,分享给大家,希望对大家有用. 学习内容是尚硅谷JavaScript高级教程(javascript实战进阶),这里是视频链接. 我在前面有两篇对于web前端HTML和CS ...
JavaScript简餐——继承之原型链继承
文章目录前言一.实现方式二.继承实例三.问题所在 1.引用值误修改 2.子类型实例化时无法给父类构造函数传参四.总结前言写本<JavaScript简餐>系列文章的目的是记录在 ...

javascript高级知识点——继承

继承是如何工作的

构建我们自己的继承

javascript高级知识点——继承相关推荐

最新文章

热门文章