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. css小细节罗列

    有空时候把一些常见可能不是每个人都知道的css小细节总结了下,共勉. 1.line-height 众多周知,line-height是行高的意思,我们时常会使用类似line-height:24px;这样 ...

  2. Java学习笔记——排序算法之进阶排序(堆排序与分治并归排序)

    春蚕到死丝方尽,蜡炬成灰泪始干 --无题 这里介绍两个比较难的算法: 1.堆排序 2.分治并归排序 先说堆. 这里请大家先自行了解完全二叉树的数据结构. 堆是完全二叉树.大顶堆是在堆中,任意双亲值都大 ...

  3. Hibernate 核心接口和工作机制

    主要内容 Configuration类 sessionFactory接口 session接口 Transaction接口 Query 和 criteria接口 1.Configuration类 负责管 ...

  4. java容器类

    一.  容器类: 下图摘自<Java编程思想>,很好地展示了整个容器类的结构. 由上图可知,容器类库可分为两大类,各自实现了Collection接口和Map接口,下面就常见的类进行一下分类 ...

  5. SQLServer树形数据结构的数据进行数据统计

    前言 前几天朋友问我,关于SQLServer数据库中对树形结构的表数据统计问题,需求大致如下: 分类表(递归数据),A的子分类是B,B的子分类是C--分类关系不间断,A为第一层,B为第二层,C为第三层 ...

  6. EntityFramework6.X 之LocalDB&ConnectionString

    LocalDB 面向开发人员的SQL Server Express的执行模式,它的安装将复制启动SQL Server数据库引擎所需的最少文件集且使用特定连接字符串来启动连接,它是可以创建和打开SQL ...

  7. AngularJs之初

    很久以前就听人说起angularjs,但一直都没有深入了解过.直到最近才在自己心里有了一个准确的定义.和相濡以沫多年的函数库JQuery相比,angular更像一个框架.对,就是一个框架,相比之下的话 ...

  8. 惊艳发现VS工具python项目Search Paths的应用

    之前,在没有发现VS工具python项目Search Paths的应用时,举个例子:假如项目的文件目录如下: maintest/maintest.py想要使用common/tools.py文件时,不得 ...

  9. Spring Boot 负载均衡之外置session状态保存

    在使用spring boot做负载均衡的时候,多个app之间的session要保持一致,这样负载到不同的app时候,在一个app登录之后,而打到另外一台服务器的时候,session丢失. 常规的解决方 ...

  10. Centos7 最小系统安装Redis

    最近想写一个调度系统,一顿查资料之后决定用Django+Celery+Redis实现,前面两个都已经有了,就缺一个Redis,所以准备安装一个Redis 获取Centos7并配置网络 获取Centos ...