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


Posted in Javascript onOctober 28, 2016

今天没事的时候,研究了一下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 相关文章推荐
JQuery 学习技巧总结
May 21 Javascript
js实现的切换面板实例代码
Jun 17 Javascript
jquery cookie实现的简单换肤功能适合小网站
Aug 25 Javascript
Jquery实现的角色左右选择特效
May 21 Javascript
jquery操作对象数组元素方法详解
Nov 26 Javascript
Node.js实用代码段之获取Buffer对象字节长度
Mar 17 Javascript
Javascript学习之谈谈JS的全局变量跟局部变量(推荐)
Aug 28 Javascript
EasyUI修改DateBox和DateTimeBox的默认日期格式示例
Jan 18 Javascript
Vue2.0如何发布项目实战
Jul 27 Javascript
jQuery封装animate.css的实例
Jan 04 jQuery
vue打包之后生成一个配置文件修改接口的方法
Dec 09 Javascript
了解javascript中变量及函数的提升
May 27 Javascript
jQuery.datatables.js插件用法及api实例详解
Oct 28 #Javascript
扩展jquery easyui tree的搜索树节点方法(推荐)
Oct 28 #Javascript
浅谈jQuery中的eq()与DOM中element.[]的区别
Oct 28 #Javascript
js基础之DOM中document对象的常用属性方法详解
Oct 28 #Javascript
Javascript+CSS3实现进度条效果
Oct 28 #Javascript
js基础之DOM中元素对象的属性方法详解
Oct 28 #Javascript
JavaScript中访问id对象 属性的方式访问属性(实例代码)
Oct 28 #Javascript
You might like
php代码中使用换行及(\n或\r\n和br)的应用
2013/02/02 PHP
利用curl抓取远程页面内容的示例代码
2013/07/23 PHP
curl不使用文件存取cookie php使用curl获取cookie示例
2014/01/26 PHP
详解 PHP加密解密字符串函数附源码下载
2015/12/18 PHP
9个比较实用的php代码片段
2016/03/15 PHP
根据对象的某一属性进行排序的js代码(如:name,age)
2010/08/10 Javascript
纯js简单日历实现代码
2013/10/05 Javascript
Javascript函数式编程语言
2015/10/11 Javascript
JavaScript观察者模式(经典)
2015/12/09 Javascript
Ionic实现页面下拉刷新(ion-refresher)功能代码
2016/06/03 Javascript
jQuery中select与datalist制作下拉菜单时的区别浅析
2016/12/30 Javascript
详解基于 Nuxt 的 Vue.js 服务端渲染实践
2017/10/24 Javascript
详解nodejs解压版安装和配置(带有搭建前端项目脚手架)
2018/12/06 NodeJs
微信小程序swiper左右扩展各显示一半代码实例
2019/12/05 Javascript
js对象属性名驼峰式转下划线的实例代码
2020/09/17 Javascript
[00:34]TI7不朽珍藏III——纯金地穴编织者饰品展示
2017/07/15 DOTA
[06:48]DOTA2-DPC中国联赛2月26日Recap集锦
2021/03/11 DOTA
python实现中文输出的两种方法
2015/05/09 Python
Python的面向对象编程方式学习笔记
2016/07/12 Python
python中ImageTk.PhotoImage()不显示图片却不报错问题解决
2018/12/06 Python
opencv python图像梯度实例详解
2020/02/04 Python
解决pycharm不能自动补全第三方库的函数和属性问题
2020/03/12 Python
python编写一个会算账的脚本的示例代码
2020/06/02 Python
IE支持HTML5的解决方法
2009/10/20 HTML / CSS
有机童装:Toby Tiger
2018/05/23 全球购物
意大利比基尼品牌:MISS BIKINI
2019/11/02 全球购物
行政管理专业推荐信
2013/11/02 职场文书
医科大学生毕业的自我评价分享
2013/11/12 职场文书
军校制空专业毕业生自我鉴定
2013/11/16 职场文书
会计专业导师推荐信
2014/03/08 职场文书
搞笑的爱情检讨书
2014/10/01 职场文书
公司优秀员工推荐信
2015/03/24 职场文书
社区党支部公开承诺书
2015/04/29 职场文书
争做文明公民倡议书
2019/06/24 职场文书
Django开发RESTful API实现增删改查(入门级)
2021/05/10 Python
解析Java中的static关键字
2021/06/14 Java/Android