js---16继承
123 instanceof Number;//false,要左边是对象右边是函数
typeof 123 ; //number
new Number(123) instanceof Number; //true function F(){};
var f = new F();
f instanceof F ; //true
f instanceof Object ; //true //创建父类
//创建子类
//建立关系
function P () {}
function C(){}
//1.继承,P是父C是子
C.prototype = P.prototype;// C使用P的公有区域
C.prototype.constructor;// function P ()
var c1 = new C();
c1 instanceof C;//true
c1 instanceof P ;//true
C.prototype.xxx = "xxx";//给C增加属性
c1.xxx;//"xxx",首先去c1自己里面去找,没有找到,就是原型对象里面去找。
var p1 = new P();
p1.xxx; //"xxx",父也可以使用子的东西了,所以这种方式强烈不推荐 //2.p是父c是子
C.prototype = new P();
var c1 = new C();
c1 instanceof C;//true
c1 instanceof P ;//true
C.prototype.xxx = "xxx";//给C增加属性
c1.xxx;//"xxx"
var p1 = new P();
p1.xxx; //undefined,父类不可以使用子类的东西了,缺点是平白无故new了一个P(),增加了内存,不推荐 //3. 推荐写法
/*
function F();
F.prototype = P.prototype;
var f = new F();
C.prototype = f; //C的prototype指向一个对象,这个对象所在函数的prototype等于父类函数的prototype
*/
C.prototype = Object.create(P.prototype);
C.prototype;//Object{},create()方法实现了继承,但是原型对象没有修正 ============================================================
function Person(name,age){//父类
this.name = name;
this.age = age;//这些属性是变量各自都有的,各自修改互不影响,
}
Person.prototype.headCount = 1;//父类的原型的属性,这跟java对应不上,
Person.prototype.eat = function() {//父类的原型的方法
console.log("eating...");
}; function Programmer(name,age,title){//子类
Person.apply(this,arguments); }
Programmer.prototype.language = "javascript";
Programmer.prototype.work = function(){
console.log("i am writing code in " + this.language);//this是对象,可以访问原型里面的属性
}
Programmer.prototype = Object.create(Person.prototype); //Programmer继承了Person
Programmer.prototype.constructor = Programmer; var java = new Programmer();
java.eat();//eating...
java.language;//undefined,Programmer.prototype = Object.create(Person.prototype); 把Programmer的原型全部改了,之前写的原型里面的属性没了,所以之前写的原型的代码(Programmer.prototype.language,Programmer.prototype.work)要写到后面来, Programmer.prototype.language = "javascript";
Programmer.prototype.work = function(){
console.log("i am writing code in " + this.language);//this是对象,可以访问原型里面的属性
}
java.language;//javascript ==========================================================================
function Person(name,age){//父类
this.name = name;
this.age = age;
}
Person.prototype.headCount = 1;
Person.prototype.eat = function() {
console.log("eating...");
};
function Programmer(name,age,title){
Person.apply(this,arguments);//让Programmer拥有name,age属性 }
//继承
createEx(Programmer,Person); Programmer.prototype.language = "javascript";
Programmer.prototype.work = function(){
console.log("i am writing code in " + this.language);
Programmer.base.eat();
} function createEx(Child,Parent){
function F(){};//创建一个函数作为中间的桥接
F.prototype = Parent.prototype;
Child.prototype = new F();
Child.prototype.constructor = Child;
Child.super = Child.base = Parent.prototype;
}
var java = new Programmer();
java.headCount;//
java.work();// am writing code in javascript var person = new Person("cj",22);
person.name;//cj
var p = new Programmer("dacid",33,"ddd");
p.name;//david
person.name = "xxx";
p.name;//dacid , 父类子类对象的相同属性不影响 ,函数的嵌套好像不会产生继承,只是闭包有继承。
第一,子类调用call方法,第二子类原型对象的构造函数要改变,第三子类原型对象新增属性要写在creat之后,因为creat之后子类才有了原型对象。




//js里面的复制也是继承,深拷贝浅拷贝问题,应为复制过来以后可以自己加
/*js里面的构造器函数和原型prototype共同形成了类。
var f = new F(); 这一步只是把F函数里面的属性this.name、this.age变成了F函数对象的实例成员,使得每一个对象都有name、age属性。
f.__proto__ = F.prototype = Parent.prototype;才有继承了。 //js的继承就是要函数的原型建立关系。
js---16继承的更多相关文章
- js各种继承方式和优缺点的介绍
js各种继承方式和优缺点的介绍 作者: default 参考网址2 写在前面 本文讲解JavaScript各种继承方式和优缺点. 注意: 跟<JavaScript深入之创建对象>一样,更像 ...
- JS对象继承篇
JS对象继承篇 ECMAScript只支持实现继承,而且其实现继承主要是依靠原型链来实现的 原型链 其基本思路是利用原型让一个引用类型继承另一个引用类型的属性和方法 function Person() ...
- js实现继承的5种方式 (笔记)
js实现继承的5种方式 以下 均为 ES5 的写法: js是门灵活的语言,实现一种功能往往有多种做法,ECMAScript没有明确的继承机制,而是通过模仿实现的,根据js语言的本身的特性,js实现继承 ...
- js实现继承的方式总结
js实现继承的5种方式 以下 均为 ES5 的写法: js是门灵活的语言,实现一种功能往往有多种做法,ECMAScript没有明确的继承机制,而是通过模仿实现的,根据js语言的本身的特性,js实现继承 ...
- 【09-23】js原型继承学习笔记
js原型继承学习笔记 function funcA(){ this.a="prototype a"; } var b=new funcA(); b.a="object a ...
- js实现继承的两种方式
这是面试时面试官会经常问到问题: js的继承方式大致可分为两种:对象冒充和原型方式: 一.先说对象冒充,又可分为3种:临时属性方式.call().apply(): 1.临时属性方式: 当构造对象son ...
- js实现继承
js是门灵活的语言,实现一种功能往往有多种做法,ECMAScript没有明确的继承机制,而是通过模仿实现的,根据js语言的本身的特性,js实现继承有以下通用的几种方式1.使用对象冒充实现继承(该种实现 ...
- 浅谈JS的继承
JS继承 继承是OO语言中最为人津津乐道的概念,许多OO语言都支持两种方式的继承:接口继承:实现继承. 接口继承:只继承方法签名. 实现继承:继承实际的方法. 由于ES里函数没有签名,所以在ES里面无 ...
- JS类继承常用方式发展史
JS类继承常用方式发展史 涉及知识点 构造函数方式继承 1-继承单个对象 1.1 多步走初始版 1.2 多步走优化版 1.3 Object.create()方式 2-继承多个对象 2.1 遍历 Obj ...
- js实现继承的5种方式
js是门灵活的语言,实现一种功能往往有多种做法,ECMAScript没有明确的继承机制,而是通过模仿实现的,根据js语言的本身的特性,js实现继承有以下通用的几种方式1.使用对象冒充实现继承(该种实现 ...
随机推荐
- Word或Excel里画柱状图和折线图组合体
不多说,直接上干货! 最近,在帮导师,干此项目.其中需要 现在,我带你来一步一步地画出来. 第一步:插入 -> 图表 第二步: 第三步:弹出,默认的数据和图表. 第四步: 第五步: 第六步: ...
- kafka集群安装配置
1.下载安装包 2.解压安装包 3.进入到kafka的config目录修改server.properties文件 进入后显示如下: 修改log.dirs,基本上大部分都是默认配置 kafka依赖zoo ...
- Generic type test java
package test; public class GenericTest { public class Room<T> { private T t; public void add(T ...
- 学以敩(xiao,效)为敎,以见为觉。醒悟、明白。
学以敩(xiao,效)为敎,以见为觉.醒悟.明白 上半部分中间的爻是算筹,在古时被用来记数和计算:两边是手,既表示手把手传授,双手也表恭敬与专注:中间是一座房子,表示教学和学习的地方,这个地方不用豪华 ...
- POJ-1456 Supermarket 贪心问题 有时间限制的最小化惩罚问题
题目链接:https://cn.vjudge.net/problem/POJ-1456 此题与HDU-1789完全是一道题 题意 有N件商品,分别给出商品的价值和销售的最后期限,只要在最后日期之前销售 ...
- Laravel修炼:服务提供者
前言 上一篇博客文章收集了关于Laravel服务容器的相关知识(传送门),我们知道了服务容器主要有绑定和解析两个重要功能,那么Laravel这个框架集齐了如此多功能,我们项目可能还需要另外引入一些 ...
- 使用SVN+Axure RP 8.0创建团队项目
一.使用到的工具:VisualSVN Server --SVN服务器:https://www.visualsvn.com/server/ Axure RP 8.0 :http://www.downc ...
- Python学习笔记(1)--Windows基本环境搭建
1.安装Python 官网下载地址:https://www.python.org/downloads/ 下载完成后安装选择自定义安装,并勾选自动填写环境变量,如果是默认安装,还需要自己手动配置环境变量 ...
- photoshop快捷键汇总
图层应用相关快捷键: 复制图层:Ctrl+j 盖印图层:Ctrl+Alt+Shift+E 向下合并图层:Ctrl+E 合并可见图层:Ctrl+Shift+E 激活上一图层:Alt+中括号(]) 激活下 ...
- 每天一个linux命令(九月)
2014-09-02 top 实时显示系统中各个进程的资源占用状况,类似于Windows的任务管理器 命令參数: -b 批处理 -c 显示完整的治命令 -I 忽略失效过程 -s 保密模式 -S 累积模 ...