JavaScript中继承用法实例分析

 更新时间:2015年05月16日 09:11:59   作者:不吃皮蛋  
这篇文章主要介绍了JavaScript中继承用法,以实例形式较为详细的分析了javascript实现继承的相关技巧,需要的朋友可以参考下

本文实例分析了JavaScript中继承的用法。分享给大家供大家参考。具体如下:

// define the Person Class
function Person() {}
Person.prototype.walk = function(){
 alert ('I am walking!');
};
Person.prototype.sayHello = function(){
 alert ('hello');
};
// define the Student class
function Student() {
 // Call the parent constructor
 Person.call(this);
}
// inherit Person
Student.prototype = new Person();
// correct the constructor pointer because it points to Person
Student.prototype.constructor = Student;
// replace the sayHello method
Student.prototype.sayHello = function(){
 alert('hi, I am a student');
}
// add sayGoodBye method
Student.prototype.sayGoodBye = function(){
 alert('goodBye');
}
var student = new Student();
student.sayHello();
student.walk();
student.sayGoodBye();
// check inheritance
alert(student instanceof Person); // true 
alert(student instanceof Student); // true

希望本文所述对大家的javascript程序设计有所帮助。

相关文章

  • DOM操作原生js 的bug,使用jQuery 可以消除的解决方法

    DOM操作原生js 的bug,使用jQuery 可以消除的解决方法

    下面小编就为大家带来一篇DOM操作原生js 的bug,使用jQuery 可以消除的解决方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-09-09
  • 原生JS京东轮播图代码

    原生JS京东轮播图代码

    这篇文章主要为大家详细介绍了原生JS京东轮播图代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • mui上拉加载功能实例详解

    mui上拉加载功能实例详解

    最近小编在做移动端的项目,用到了mui的上拉加载功能,今天小编给大家整理一下分享到脚本之家平台,需要的朋友参考下
    2017-04-04
  • layui下拉框获取下拉值(select)的例子

    layui下拉框获取下拉值(select)的例子

    今天小编就为大家分享一篇layui下拉框获取下拉值(select)的例子,具有好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • seajs1.3.0源码解析之module依赖有序加载

    seajs1.3.0源码解析之module依赖有序加载

    这里是seajs loader的核心部分,有些IE兼容的部分还不是很明白,主要是理解各个模块如何依赖有序加载,以及CMD规范
    2012-11-11
  • Bootstrap中的Panel和Table全面解析

    Bootstrap中的Panel和Table全面解析

    这篇文章主要介绍了Bootstrap中的Panel和Table全面解析的相关资料,非常不错具有参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • javascript消除window.close()的提示窗口

    javascript消除window.close()的提示窗口

    有人问起,怎么去掉js调用window.close()时怎么去掉那可恶的提示,咋一看好像还真不好弄,IE的安全机制好像就不允许通过脚本关闭本页面,但是IE好像可以允许js关闭弹出窗口,那我们是不是可以通过一定的技巧欺骗一下IE,绕过去呢。鼓捣了几下,似乎还真可以做到
    2015-05-05
  • Knockoutjs的环境搭建教程

    Knockoutjs的环境搭建教程

    最近要在项目中使用Knockoutjs,因此今天就首先研究了一下Knockoutjs的环境搭建,并进行了一个简单的测试,需要的朋友可以了解下
    2012-11-11
  • Javascript获取HTML静态页面参数传递值示例

    Javascript获取HTML静态页面参数传递值示例

    获取HTML静态页面参数传递值可以利用split函数来按参数切成数组、利用正则表达式来获取,具体实现如下,感兴趣的朋友可以参考下
    2013-08-08
  • js中的深浅拷贝问题简析

    js中的深浅拷贝问题简析

    这篇文章主要给大家介绍了关于js中的深浅拷贝问题的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用js具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-05-05

最新评论