浅谈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 相关文章推荐
IE和Firefox在JavaScript应用中的兼容性探讨
Apr 01 Javascript
JavaScript和JQuery实用代码片段(一)
Apr 07 Javascript
jQuery load方法用法集锦
Dec 06 Javascript
JS创建自定义表格具体实现
Feb 11 Javascript
再探JavaScript作用域
Sep 24 Javascript
JS获取iframe中marginHeight和marginWidth属性的方法
Apr 01 Javascript
TypeScript具有的几个不同特质
Apr 07 Javascript
详解JavaScript的另类写法
Apr 11 Javascript
JavaScript基础之this详解
Jun 04 Javascript
微信小程序实现动态改变view标签宽度和高度的方法【附demo源码下载】
Dec 05 Javascript
使用Sonarqube扫描Javascript代码的示例
Dec 26 Javascript
使用layui+ajax实现简单的菜单权限管理及排序的方法
Sep 10 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文章按日期(月日)SQL归档语句
2012/11/29 PHP
完美解决php 导出excle的.csv格式的数据时乱码问题
2017/02/18 PHP
PHP堆栈调试操作简单示例
2018/06/15 PHP
Laravel 登录后清空COOKIE的操作方法
2019/10/14 PHP
PHP+Redis链表解决高并发下商品超卖问题(实现原理及步骤)
2020/08/03 PHP
ext实现完整的登录代码
2008/08/08 Javascript
javascript包装对象实例分析
2015/03/27 Javascript
跟我学习javascript的闭包
2015/11/16 Javascript
Bootstrap Table使用整理(五)之分页组合查询
2017/06/09 Javascript
Vue-Router实现组件间跳转的三种方法
2017/11/07 Javascript
Vue微信项目按需授权登录策略实践思路详解
2018/05/07 Javascript
微信小程序实现分享到朋友圈功能
2018/07/19 Javascript
js尾调用优化的实现
2019/05/23 Javascript
JS window对象简单操作完整示例
2020/01/14 Javascript
vue 获取url里参数的两种方法小结
2020/11/12 Javascript
[05:06]2017亚洲邀请赛DAC回顾片
2017/04/19 DOTA
[01:20]2018DOTA2亚洲邀请赛总决赛战队Mineski晋级之路
2018/04/07 DOTA
python合并文本文件示例
2014/02/07 Python
探寻python多线程ctrl+c退出问题解决方案
2014/10/23 Python
基于python中__add__函数的用法
2019/11/25 Python
python logging设置level失败的解决方法
2020/02/19 Python
Keras中 ImageDataGenerator函数的参数用法
2020/07/03 Python
详解HTML5 window.postMessage与跨域
2017/05/11 HTML / CSS
微软中国官方商城:Microsoft Store中国
2018/10/12 全球购物
FILA德国官方网站:来自意大利的体育和街头服饰品牌
2019/07/19 全球购物
学习十八大精神心得体会
2013/12/31 职场文书
学习之星事迹材料
2014/05/17 职场文书
政协调研汇报材料
2014/08/15 职场文书
授权委托书(完整版)
2014/09/10 职场文书
学习焦裕禄同志为人民服务思想汇报
2014/09/10 职场文书
个人收入证明范本
2014/09/18 职场文书
机械制造专业大学生自我鉴定
2014/09/19 职场文书
优秀学生干部事迹材料
2014/12/24 职场文书
假如给我三天光明读书笔记
2015/06/26 职场文书
2019年最新证婚词精选集!
2019/06/28 职场文书
LayUI+Shiro实现动态菜单并记住菜单收展的示例
2021/05/06 Javascript