javascript实现继承的简单实例


Posted in Javascript onJuly 26, 2015

作为一门面向对象的语言,那么继承自然就是一大特征,下面是一段非常简单代码实例,它演示了实现继承的基本原理,有兴趣的或者恰好要学习此方面的朋友可以参阅一下,希望能够给大家来帮组。

//继承
function Person(name,sex)
{
 this.name=name;
 this.sex=sex;
}
Person.prototype.sayName=function()
{
 alert(this.name);
}
Person.prototype.saySex=function()
{
 alert(this.sex);
}
function Worker(name,sex,job)
{
 //继承person类 
 Person.call(this,name,sex) //这里的this指的是Worker类的实例,如下面的'W' ,把W传入Person构造函数,这时W伪装成Person构造函数里的this
 this.job=job;
}
//Worker.prototype=Person.prototype;//如果这样负值原型,子类的sayJob方法Person父类也会有sayJob方法,因为是引用传递
//改成如下方式则子类不会影响父类:
for(var i in Person.prototype)
{
 Worker.prototype[i]=Person.prototype[i];
}
Worker.prototype.sayJob=function()
{
 alert(this.job);
}
var p=new Person('lisi','男');
//alert(p.sayJob);
var w=new Worker('zhangsan','男','打酱油的');
w.sayName();
w.saySex();
w.sayJob();

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
关于Blog顶部的滚动导航条代码
Sep 25 Javascript
node.js中的fs.close方法使用说明
Dec 17 Javascript
使用js画图之画切线
Jan 12 Javascript
后台获取ZTREE选中节点的方法
Feb 12 Javascript
JS与jQ读取xml文件的方法
Dec 08 Javascript
jQuery animate easing使用方法图文详解
Jun 17 Javascript
angular 动态组件类型详解(四种组件类型)
Feb 22 Javascript
vue-resource请求实现http登录拦截或者路由拦截的方法
Jul 11 Javascript
vue-cli 首屏加载优化问题
Nov 06 Javascript
js序列化和反序列化的使用讲解
Jan 19 Javascript
Vue组件系列开发之模态框
Apr 18 Javascript
vue3引入highlight.js进行代码高亮的方法实例
Apr 08 Vue.js
IE10中flexigrid无法显示数据的解决方法
Jul 26 #Javascript
javascript实现将文件保存到本地方法汇总
Jul 26 #Javascript
javascript获取当前的时间戳的方法汇总
Jul 26 #Javascript
鼠标经过子元素触发mouseout,mouseover事件的解决方案
Jul 26 #Javascript
javascript中setTimeout使用指南
Jul 26 #Javascript
jquery不常用方法汇总
Jul 26 #Javascript
浅谈JavaScript中指针和地址
Jul 26 #Javascript
You might like
使用Curl进行抓取远程内容时url中文编码问题示例探讨
2013/10/29 PHP
PHP处理SQL脚本文件导入到MySQL的代码实例
2014/03/17 PHP
PHP中preg_match函数正则匹配的字符串长度问题
2015/05/27 PHP
thinkphp,onethink和thinkox中验证码不显示的解决方法分析
2016/06/06 PHP
PHP单态模式简单用法示例
2016/11/16 PHP
PHP排序算法之堆排序(Heap Sort)实例详解
2018/04/21 PHP
Javascript打印网页部分内容的脚本
2008/11/17 Javascript
Mootools 图片展示插件(lightbox,ImageMenu)收集集合
2010/05/21 Javascript
javascript 弹出的窗口返回值给父窗口具体实现
2013/11/23 Javascript
javascript页面动态显示时间变化示例代码
2013/12/18 Javascript
JavaScript字符串对象fromCharCode方法入门实例(用于把Unicode值转换为字符串)
2014/10/17 Javascript
jquery select2的使用心得(推荐)
2016/12/04 Javascript
微信小程序 列表的上拉加载和下拉刷新的实现
2017/04/01 Javascript
AngularJS使用拦截器实现的loading功能完整实例
2017/05/17 Javascript
Vue子组件向父组件通信与父组件调用子组件中的方法
2018/06/22 Javascript
详解Webpack多环境代码打包的方法
2018/08/03 Javascript
vue缓存的keepalive页面刷新数据的方法
2019/04/23 Javascript
JS获取动态添加元素的方法详解
2019/07/31 Javascript
详解vue中$nextTick和$forceUpdate的用法
2019/12/11 Javascript
JavaScript Html实现移动端红包雨功能页面
2021/01/10 Javascript
pycharm 使用心得(二)设置字体大小
2014/06/05 Python
Python爬取APP下载链接的实现方法
2016/09/30 Python
Python中利用xpath解析HTML的方法
2018/05/14 Python
Python动态导入模块的方法实例分析
2018/06/28 Python
Python使用scrapy爬取阳光热线问政平台过程解析
2019/08/14 Python
python 字典访问的三种方法小结
2019/12/05 Python
python简单实现插入排序实例代码
2020/12/16 Python
HTML高亮关键字的实现代码
2018/10/22 HTML / CSS
迪奥官网:Dior.com
2018/12/04 全球购物
请假条怎么写
2014/04/10 职场文书
我的梦想演讲稿1000字
2014/08/21 职场文书
信用卡结清证明怎么写
2014/09/13 职场文书
2014年依法行政工作总结
2014/11/19 职场文书
Python使用protobuf序列化和反序列化的实现
2021/05/19 Python
Python机器学习之决策树和随机森林
2021/07/15 Javascript
MySQL 执行数据库更新update操作的时候数据库卡死了
2022/05/02 MySQL