1.第一节

使用工厂模式创建一个构造函数CreatePerson
function CreatePerson(name,sex){//构造函数:用于构造对象 可以说在js里类就是构造函数
//1.原料
var obj=new Object();
//2.加工
obj.name=name;
obj.sex=sex;
obj.showName=function(){
console.log(this.name);
}
obj.showSex=function(){
console.log(this.sex);
}
//3.出厂
return obj;
}
 
var p1=CreatePerson('ryan','boy');//问题1:不是用new构造对象,第二节解决用new构造对象
var p2=CreatePerson('lili','girl');
 
p1.showName();
p1.showSex();
p2.showName();
p2.showSex();
 
console.log(p1.showName==p2.showName);//问题2:每个对象都有一套自己的函数 false

2.第二节

function CreatePerson(name,sex){
//假想的系统内部工作流程
//var this = new Object();省略此语句
this.name=name;//使用this指定构造函数的name属性
this.sex=sex;
this.showName=function(){//使用this指定构造函数的showName属性
console.log(this.name);
}
this.showSex=function(){
console.log(this.sex);
}
//假想的系统内部工作流程
//return this;省略此语句
}
 
var p1=new CreatePerson('ryan','boy');//使用new构造对象或者叫构造实例
var p2=new CreatePerson('lili','girl');
 
p1.showName();
p1.showSex();
p2.showName();
p2.showSex();
 
console.log(p1.showName==p2.showName);//每个对象都有一套自己的函数 false

3.第三节

function CreatePerson(name,sex){ 
//假想的系统内部工作流程
//var this = new Object();
this.name=name;
this.sex=sex;
//假想的系统内部工作流程
//return this;
}
//将showName方法定义到构造方法CreatePerson的prototype上, //这样的好处是,通过构造函数生成的实例所拥有的方法都是指向一个函数的索引,这样可以节省内存
CreatePerson.prototype.showName=function(){//构造函数CreatePerson的prototype原型属性指定另一个对象,即prototype对象
console.log(this.name);
}
CreatePerson.prototype.showSex=function(){
console.log(this.sex);
}
//通过构造函数生成的实例p1和p2所拥有的方法showName和showSex都是指向一个函数的索引,这样可以节省内存
var p1=new CreatePerson('ryan','boy');
var p2=new CreatePerson('lili','girl');
 
p1.showName();
p1.showSex();
p2.showName();
p2.showSex();
 
console.log(p1.showName==p2.showName);//每个对象共用一套函数(原型的函数)

4.第四节

function Person(name,sex){ //构造函数:用于构造对象
 
this.name=name;
this.sex=sex;
this.showName=showName;//不使用原型定义方法:
this.showSex=showSex;
}
function showName(){
console.log(this.name);
}
function showSex(){
console.log(this.sex);
}
//继承
function Worker(name,sex,job){
Person.call(this,name,sex);
this.job=job;
}
for(var i in Person.prototype){
Worker.prototype[i]=Person.prototype[i];
}
Worker.prototype.showJob=function(){
console.log(this.job);
}
 
var p1=new Person('ryan','boy');
var p2=new Person('lili','girl');
var ow1=new Worker('cccc','girl','工程师');
 
p1.showName();
p1.showSex();
p2.showName();
p2.showSex();
ow1.showJob();
 
//p1和p2两个对象共用一个showName函数,这样就可以节省内存
console.log(p1.showName==p2.showName);
console.log(p1.showName==ow1.showName);
 

5.第五节--继承

function Person(name,sex){
//假想的系统内部工作流程
//var this = new Object();
this.name=name;
this.sex=sex;
//假想的系统内部工作流程
//return this;
}
Person.prototype.showName=function(){
console.log(this.name);
}
Person.prototype.showSex=function(){
console.log(this.sex);
}
 
//继承
function Worker(name,sex,job){
//以下的this是new出来的Worker对象
//调用父级的构造函数,为了继承属性
Person.call(this,name,sex);
this.job=job;
};
//原型链 通过原型来继承父级的方法
Worker.prototype=Person.prototype;//问题:两个构造函数其实是同一个
Worker.prototype.showJob=function(){
console.log(this.job);
};
 
var ow1=new Worker('ryan','boy','打杂的');
ow1.showName();
ow1.showSex();
ow1.showJob();
console.log(Person.prototype);
console.log(Person.prototype.showJob);//Person多了showJob方法

6.第六节--继承

//构造函数:用于构造对象 可以说在js里类就是构造函数
function Person(name,sex){
//假想的系统内部工作流程
//var this = new Object();
this.name=name;
this.sex=sex;
//假想的系统内部工作流程
//return this;
}
Person.prototype.showName=function(){
console.log(this.name);
}
Person.prototype.showSex=function(){
console.log(this.sex);
}
 
//继承
function Worker(name,sex,job){
//以下的this是new出来的Worker对象
//构造函数伪装 调用父级的构造函数,为了继承属性
Person.call(this,name,sex);
    //使用Person对象代替this对象(Worker对象),这样Worker中就有Person的属性和方法了。
    //name,sex两个参数是Person对象的参数
this.job=job;//定义Worker对象自己的属性
};
//原型链 通过原型来继承父级的方法
// Worker.prototype=Person.prototype; 不能用这种引用的方式
for(var i in Person.prototype){//解决第四节中的问题,两个构造函数不相同了。
Worker.prototype[i]=Person.prototype[i];
}
Worker.prototype.showJob=function(){
console.log(this.job);
};
 
var op1=new Person('john','girl');
var ow1=new Worker('ryan','boy','打杂的');
 
op1.showName();
op1.showSex();
//op1.showJob();//已经没有这个方法了。
console.log(Person.prototype);
 
console.log('\n ow1:');
ow1.showName();
ow1.showSex();
ow1.showJob();
console.log(Worker.prototype);

javascript中的构造函数和继承的更多相关文章

  1. 【转】JavaScript中的原型和继承

    请在此暂时忘记之前学到的面向对象的一切知识.这里只需要考虑赛车的情况.是的,就是赛车. 最近我正在观看 24 Hours of Le Mans ,这是法国流行的一项赛事.最快的车被称为 Le Mans ...

  2. javascript中创建对象和实现继承

    # oo ##创建对象 1. 原型.构造函数.实例之间的关系 * 原型的construct->构造函数:调用isPrototypeOf(obj)方法可以判定和实例的关系:  * 构造函数的pro ...

  3. 谈谈javascript中的prototype与继承

    谈谈javascript中的prototype与继承 今天想谈谈javascript中的prototype. 通常来说,javascript中的对象就是一个指向prototype的指针和一个自身的属性 ...

  4. JavaScript中的构造函数和工厂函数说明

    在cnblog上看到一篇文章,讲解JS中的构造函数和工厂函数,觉得讲的真好 JavaScript中的工厂函数和构造函数都能用来创建一个对象,我们可以来看看下面的例子 构造函数 function cre ...

  5. JavaScript中的构造函数和原型!

    JavaScript中的原型! 原型的内容是涉及到JavaScript中的构造函数的 每一个构造函数都有一个原型对象!prototype 他的作用是 共享方法!还可以扩展内置对象[对原来的内置对象进行 ...

  6. javascript中的原型和继承

    javascript一直是初学者口中的难点,甚至一些有些许工作经验的人也不太明白其中的原理,而我就是那个初学者,前段时间在阮一峰老师的博客上看了一篇文章<javascript继承机制的设计思想& ...

  7. javascript中的对象之间继承关系

    相信每个学习过其他语言的同学再去学习JavaScript时就会感觉到诸多的不适应,这真是一个颠覆我们以前的编程思想的一门语言,先不要说它的各种数据类型以及表达式的不同了,最让我们头疼,恐怕就是面向对象 ...

  8. JavaScript中的构造函数

    目录: constructor & prototype 为构造函数添加属性和方法的多种不同方法 组合使用this和prototype关键字创建构造函数(常用方法) 用对象直接量作为构造函数的参 ...

  9. Javascript中的prototype与继承

    通常来说,javascript中的对象就是一个指向prototype的指针和一个自身的属性列表.javascript创建对象时采用了写时复制的理念. 只有构造器才具有prototype属性,原型链继承 ...

随机推荐

  1. Centos7.3 安装Mysql5.7并修改初始密码

    1.官方安装文档 http://dev.mysql.com/doc/mysql-yum-repo-quick-guide/en/ 2.下载 Mysql yum包 http://dev.mysql.co ...

  2. hdu1421 搬寝室 DP

    转载: /*证明:从4个数中 a b c d  依次递增: 选取相邻的两个数一定是最小得 及:(a-b)^2+(c-d)^2<(a-c)^2+(b-d)^2&&(a-b)^2+( ...

  3. Git总结笔记3-把本地仓库推送到github

    说明:此笔记在centos 7 上完成 1.配置公钥 [root@kangvcar ~]# ssh-keygen -t rsa -C "kangvcar@126.com" [roo ...

  4. Guvav:Options使用和避免NULL

    JAVA中的null null是Java中一个很重要的概念.null设计初衷是为了表示一些不确定的东西.null是Java中的关键字,它是大小写敏感的,你不能将null写成Null或NULL,编译器将 ...

  5. 为什么字符串会有length属性-JS中包装对象

    任何原始类型的数据  (primitive type) 比如 String类型的字符串 "abcd"   "abcd"  是原始类型的数据 但是 当他调用 le ...

  6. Java Primitives and Bits

    Integer when processors were 16 bit, an int was 2 bytes. Nowadays, it's most often 4 bytes on a 32 b ...

  7. Hibernate学习笔记三:对象关系映射(一对一,一对多,多对一,多对多)

    如需转载,请说明出处:http://www.cnblogs.com/gudu1/p/6895610.html Hibernate通过关系映射来表示数据库中表与表之间的关系,关系映射可以通过两种方式:配 ...

  8. String为值类型还是引用类型

    关于String为值类型还是引用类型的讨论一直没有平息,最近一直在研究性能方面的问题,今天再次将此问题进行一次明确.希望能给大家带来点帮助. 如果有错误请指出. 来看下面例子: //值类型 int a ...

  9. JVM-1.编译

    目录 一.编译器概述 二.编译器组成 三.示例 四.深入理解JVM中的编译器 五.语法糖 六.补充     一.编译器概述 1.编译器实质 编译器的实质是将一种语言规范转化为另一种语言规范:由人容易理 ...

  10. 一天搞定HTML----常用标签01

    1.常用标签说明 2.其他类标签演示 代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8& ...