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.使用对象冒充实现继承(该种实现 ...
随机推荐
- Kali linux 2016.2(Rolling)中metasploit的搜集特定地址的邮件地址
不多说,直接上干货! 使用search_email_collector搜集特定地址的邮件地址 search_email_collector 要求提供一个邮箱后缀,通过多个搜索引擎的查询结果分析使用此后 ...
- SparkCore基础(二)
* SparkCore基础(二) 继续探讨SparkCore,开门见山,不多废话. SparkApplication结构探讨 包含关系: 之前我们运行过很多App了,其实每一个App都包含若干个Job ...
- OpenGL编程逐步深入(六)平移变换
准备知识 从这一节我们开始接触3D对象各种各样的变换,使其显示在屏幕上看起来有深度的感觉.通常每一种变换都是通过矩阵来实现的,把这些变换矩阵逐个的乘起来,然后用乘积乘以顶点位置.在每个教程中,我们致力 ...
- Android PullToRefreshListView和ViewPager的结合使用
其实这个不是什么新东西了,在介绍(一)中我们就知道了PullToRefreshListView的用法,这里只要将其放入到ViewPager中就行啦.ViewPager还是和以往一样的定义和使用,在适配 ...
- Rain and Umbrellas(dp)
题目链接 http://codeforces.com/problemset/problem/988/F 令dp[i][j]为走到目标为i处,手里拿着第j把伞,同时注意,在某处可能存在不止一把伞 #in ...
- ArchLinux 音乐播放客户端ncmpcpp和服务端mpd的配置
Ncmcpp是一个mpd客户端,它提供了很多方便的操作 MPD是一个服务器-客户端架构的音频播放器.功能包括音频播放, 播放列表管理和音乐库维护,所有功能占用的资源都很少. --取自 wiki.arc ...
- HTML标签和文档结构
HTML标签与文档结构 HTML作为一门标记语言,是通过各种各样的标签来标记网页内容的.我们学习HTML主要就是学习的HTML标签. 那什么是标签呢? #1.在HTML中规定标签使用英文的的尖括号即` ...
- 【Codeforces Round #422 (Div. 2) C】Hacker, pack your bags!(二分写法)
[题目链接]:http://codeforces.com/contest/822/problem/C [题意] 有n个旅行计划, 每个旅行计划以开始日期li,结束日期ri,以及花费金钱costi描述; ...
- C/C++里面的struct和typedef
今天看到这样的代码 typedef struct _Abc { uint64_t unit_id; ...... } Abc; 开始不理解这个的意思,后来看到这个解释: https://stackov ...
- Java中发送http的get、post请求
近期做项目中,须要把消息通过中间件的形式通过http请求的方式推送给第三方,因此用到了http协议,小编花费了一个多小时.对于http协议中的post和get请求,封装了一个工具类.以下与大家分享一下 ...