浅谈js继承的实现及公有、私有、静态方法的书写

 更新时间:2016年10月28日 10:30:49   投稿:jingxian  
下面小编就为大家带来一篇浅谈js继承的实现及公有、私有、静态方法的书写。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

今天没事的时候,研究了一下JS继承的实现,下面是html的源码:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JS类的继承的实现</title>
<script type="text/JavaScript">
//定义父类及公有、私有、静态属性及方法
function parent(){
var pname = "private";//私有属性
var pfun = function(){//私有方法
console.log("调用类的私有方法");
}
this.getName=function(name){//公有方法
this.name = name;//公有属性
return pname+"私有属性+公有属性"+this.name+"调用类的共有方法";
}
}
//定义静态属性及方法
parent.staticPro = "static property";
parent.staticFun = function(){
var str = "invoke class's static function";
return str;
}
//方法1 原型链继承
function childOne(){};
childOne.prototype = new parent();

//方法2 call/apply继承
function childTwo(){
parent.call(this);
}

function init(){
var c1 = new childOne();
console.log(c1.getName("child1"));//
console.log(c1.name);
var c2 = new childTwo();
console.log(c2.getName("child2"));
console.log(c2.name);
console.log(parent.staticPro);
console.log(parent.staticFun());
 }
</script>
</head>
<body onload="init();">
<header>页眉</header>
</body>
</html>

以上就是小编为大家带来的浅谈js继承的实现及公有、私有、静态方法的书写全部内容了,希望大家多多支持脚本之家~

相关文章

  • JavaScript实现筛选数组

    JavaScript实现筛选数组

    这篇文章主要为大家详细介绍了JavaScript实现筛选数组,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-03-03
  • 微信小程序实现点击图片旋转180度并且弹出下拉列表

    微信小程序实现点击图片旋转180度并且弹出下拉列表

    这篇文章主要为大家详细介绍了微信小程序实现点击图片旋转180度并且弹出下拉列表,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-11-11
  • layui实现数据表格点击搜索功能

    layui实现数据表格点击搜索功能

    这篇文章主要为大家详细介绍了layui实现数据表格点击搜索功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07
  • 常用前端手写功能进阶示例详解

    常用前端手写功能进阶示例详解

    这篇文章主要为大家介绍了前端手写功能进阶的相关技巧示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • 微信小程序实现签字功能

    微信小程序实现签字功能

    这篇文章主要介绍了微信小程序实现签字功能,本文通过效果图展示,实例代码讲解的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-12-12
  • createElement与createDocumentFragment的点点区别小结

    createElement与createDocumentFragment的点点区别小结

    在DOM操作里,createElement是创建一个新的节点,createDocumentFragment是创建一个文档片段
    2011-12-12
  • javascript和jquery实现设置和移除文本框默认值效果代码

    javascript和jquery实现设置和移除文本框默认值效果代码

    这篇文章主要介绍了javascript和jquery实现设置和移除文本框默认值效果代码,本文实现的是类似html5 placeholder(空白提示)一种效果,需要的朋友可以参考下
    2015-01-01
  • Ajax清除浏览器js、css、图片缓存的方法

    Ajax清除浏览器js、css、图片缓存的方法

    为了减小浏览器与服务器之间网络传输压力,往往对静态文件,如js,css,修饰的图片做cache,也就是给这些文件的HTTP响应头加入 Expires和Cache-Control参数,并指定缓存时间,这篇文章详细介绍Ajax清楚浏览js、Css、图片缓存的方法,有需要的朋友可以参考下
    2015-08-08
  • js实现获取当前时间是本月第几周的方法

    js实现获取当前时间是本月第几周的方法

    这篇文章主要介绍了js实现获取当前时间是本月第几周的方法,涉及javascript针对日期及时间的相关操作技巧,非常简单实用,需要的朋友可以参考下
    2015-08-08
  • JavaScript对象数组排序实例方法浅析

    JavaScript对象数组排序实例方法浅析

    这篇文章主要介绍了JavaScript对象数组排序实例方法浅析的相关资料,非常不错,具有参考借鉴价值,感兴趣的朋友一起学习吧
    2016-06-06

最新评论