javascript使用prototype完成单继承

 更新时间:2014年12月24日 11:10:12   投稿:hebedich  
这篇文章主要介绍了javascript使用prototype完成单继承的方法及示例代码,有需要的小伙伴参考下

1.使用prototype完成单继承.

复制代码 代码如下:

//定义一个A类
function A(){
}
//为A类动态调用属性color,与方法sayColor
A.prototype.color = "blue";
A.prototype.sayColor = function(){
alert(this.color);
};
//创建了一个B类
function B(){
}
//让B继承自A
B.prototype=new A(); //new出A的对象赋值给B的原型,B中就包含了A中的所有定义的属性与方法.
//可不可以将继承的sayColor进行重写.
B.prototype.sayColor=function(){
alert("重写");
}
var b=new B();
b.color='red';
b.sayColor();

相关文章

  • 完美实现八种js焦点轮播图(上篇)

    完美实现八种js焦点轮播图(上篇)

    这篇文章主要介绍了完美实现八种js焦点轮播图的具体资料,基于完美运动框架move2.js而完成的八种焦点录播图,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • 页面缩放兼容性处理方法(zoom,Firefox火狐浏览器)

    页面缩放兼容性处理方法(zoom,Firefox火狐浏览器)

    下面小编就为大家带来一篇页面缩放兼容性处理方法(zoom,Firefox火狐浏览器)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • JavaScript逐点突破系列之this是什么

    JavaScript逐点突破系列之this是什么

    本章将专门介绍与执行上下文创建阶段直接相关的最后一个细节——this是什么?以及它的指向到底是什么,感兴趣的朋友跟随小编一起看看吧
    2021-04-04
  • 如何进行微信公众号开发的本地调试的方法

    如何进行微信公众号开发的本地调试的方法

    这篇文章主要介绍了如何进行微信公众号开发的本地调试的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-06-06
  • webpack4 SplitChunks实现代码分隔详解

    webpack4 SplitChunks实现代码分隔详解

    这篇文章主要介绍了webpack4 SplitChunks实现代码分隔详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • 微信小程序实现计算器案例

    微信小程序实现计算器案例

    这篇文章主要为大家详细介绍了微信小程序实现计算器案例,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-07-07
  • 小程序:授权、登录、session_key、unionId的详解

    小程序:授权、登录、session_key、unionId的详解

    这篇文章主要介绍了小程序:授权、登录、session_key、unionId的详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-05-05
  • JavaScript SHA-256加密算法详细代码

    JavaScript SHA-256加密算法详细代码

    这篇文章主要为大家详细介绍了JavaScript SHA-256加密算法代码,具有一定的参考价值,感兴趣的朋友可以参考一下
    2016-10-10
  • JSON.parse()和JSON.stringify()使用介绍

    JSON.parse()和JSON.stringify()使用介绍

    这篇文章主要介绍了JSON.parse()和JSON.stringify()使用,需要的朋友可以参考下
    2014-06-06
  • ES6新特征数字、数组、字符串

    ES6新特征数字、数组、字符串

    这篇文章主要介绍了es6新特征之数字数组和字符串的相关资料,需要的朋友可以参考下
    2016-10-10

最新评论