javascrip关于继承的小例子

 更新时间:2013年05月10日 10:23:42   作者:  
javascrip关于继承的小例子,需要的朋友可以参考一下

复制代码 代码如下:

 //继承
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 getBoundingClientRect() 来获取页面元素的位置的代码[修正版]

    javascript getBoundingClientRect() 来获取页面元素的位置的代码[修正版]

    该方法已经不再是IE Only了,FF3.0+和Opera9.5+已经支持了该方法,可以说在获得页面元素位置上效率能有很大的提高,在以前版本的Opera和Firefox中必须通过循环来获得元素在页面中的绝对位置。
    2009-05-05
  • 微信小程序获取手机号授权用户登录功能

    微信小程序获取手机号授权用户登录功能

    微信小程序中有许多地方需要用户注册用户信息的地方,用户需要填写手机号等,下面小编给大家分享微信小程序获取手机号授权用户登录功能,需要的朋友参考下吧
    2017-11-11
  • ES6中let、const的区别及变量的解构赋值操作方法实例分析

    ES6中let、const的区别及变量的解构赋值操作方法实例分析

    这篇文章主要介绍了ES6中let、const的区别及变量的解构赋值操作方法,结合实例形式分析了ES6中let、const的功能、原理、使用方法及数组、字符串、函数参数等解构赋值相关操作技巧,需要的朋友可以参考下
    2019-10-10
  • ES6之Proxy的使用详解

    ES6之Proxy的使用详解

    Proxy是ES6新增的内置对象,用于拦截并自定义对象的各种操作,通过定义拦截器,可以实现数据校验和保护、日志记录、数据绑定和观察等功能
    2025-01-01
  • JavaScript实现网页加载进度条代码超简单

    JavaScript实现网页加载进度条代码超简单

    网页进度条能够更好的反应当前网页的加载进度情况,loading进度条可用动画的形式从开始0%到100%完成网页加载这一过程。代码简单易懂,效果非常好,需要的一起学习学习吧
    2015-09-09
  • js编写简单的计时器功能

    js编写简单的计时器功能

    这篇文章主要为大家详细介绍了js编写简单的计时器功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • JavaScript删除对象的不必要的属性

    JavaScript删除对象的不必要的属性

    这篇文章主要给大家介绍了JavaScript删除对象的不必要的属性,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-10-10
  • javascript当onmousedown、onmouseup、onclick同时应用于同一个标签节点Element

    javascript当onmousedown、onmouseup、onclick同时应用于同一个标签节点Element

    先通过一个简单例子测试并发现我说的问题,让你有个直观的印象,再接着看我的解决办法。
    2010-01-01
  • JS批量操作CSS属性详细解析

    JS批量操作CSS属性详细解析

    这篇文章主要介绍了JS批量操作CSS属性。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • JS实现禁止鼠标右键的功能

    JS实现禁止鼠标右键的功能

    遇到网页上有精美图片或者精彩文字想保存时,通常大家都是选中目标后按鼠标右键,在弹出菜单中选择“图片另存为”或“复制”来达到我们的目的。但是,目前有许多网页都屏蔽了鼠标右键,那么用js如何实现禁止鼠标右键的功能呢?下面小编给大家介绍下
    2016-10-10

最新评论