浅谈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 相关文章推荐
用js实现键盘方向键翻页功能的代码
Jun 03 Javascript
基于Jquery的简单&amp;简陋Tabs插件代码
Feb 09 Javascript
js 调用百度地图api并在地图上进行打点添加标注
May 13 Javascript
jQuery.parseJSON(json)将JSON字符串转换成js对象
Jul 27 Javascript
简单理解Vue条件渲染
Dec 03 Javascript
利用node.js本地搭建HTTP服务器
Apr 19 Javascript
JavaScript之DOM插入更新删除_动力节点Java学院整理
Jul 03 Javascript
Vue结合SignalR实现前后端实时消息同步
Sep 19 Javascript
使用vue-aplayer插件时出现的问题的解决
Mar 02 Javascript
使用xampp将angular项目运行在web服务器的教程
Sep 16 Javascript
从0搭建vue-cli4脚手架
Jun 17 Javascript
Jquery $.map使用方法实例详解
Sep 01 jQuery
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 读取大文件的X行到Y行内容的实现代码
2013/06/24 PHP
深入解析fsockopen与pfsockopen的区别
2013/07/05 PHP
PHP获取本周第一天和最后一天示例代码
2014/02/24 PHP
Thinkphp 中 distinct 的用法解析
2016/12/14 PHP
PHP实现表单提交数据的验证处理功能【防SQL注入和XSS攻击等】
2017/07/21 PHP
PHP基于迭代实现文件夹复制、删除、查看大小等操作的方法
2017/08/11 PHP
PHP简单实现正则匹配省市区的方法
2018/04/13 PHP
PHP pthreads v3下worker和pool的使用方法示例
2020/02/21 PHP
基于jQuery的输入框无值自动显示指定数据的实现代码
2011/01/24 Javascript
在服务端(Page.Write)调用自定义的JS方法详解
2013/08/09 Javascript
JS实现文字链接感应鼠标淡入淡出改变颜色的方法
2015/02/26 Javascript
浅谈JavaScript中的string拥有方法的原因
2015/08/28 Javascript
使用JQuery实现Ctrl+Enter提交表单的方法
2015/10/22 Javascript
全面了解函数声明与函数表达式、变量提升
2016/08/09 Javascript
JS实现图片放大缩小的方法
2017/02/15 Javascript
nodejs mysql 实现分页的方法
2017/06/06 NodeJs
vue2.0 中#$emit,$on的使用详解
2017/06/07 Javascript
详解基于Angular4+ server render(服务端渲染)开发教程
2017/08/28 Javascript
利用vue组件自定义v-model实现一个Tab组件方法示例
2017/12/06 Javascript
如何在 JavaScript 中更好地利用数组
2018/09/27 Javascript
JS中getElementsByClassName与classList兼容性问题解决方案分析
2019/08/07 Javascript
python使用scrapy解析js示例
2014/01/23 Python
一个计算身份证号码校验位的Python小程序
2014/08/15 Python
对pandas中iloc,loc取数据差别及按条件取值的方法详解
2018/11/06 Python
nohup后台启动Python脚本,log不刷新的解决方法
2019/01/14 Python
python使用tomorrow实现多线程的例子
2019/07/20 Python
Numpy与Pytorch 矩阵操作方式
2019/12/27 Python
英国大码女性时装零售商:Evans
2018/08/29 全球购物
运动会通讯稿50字
2014/01/30 职场文书
小学生九一八纪念日83周年演讲稿500字
2014/09/17 职场文书
甲乙双方合作协议书
2014/10/13 职场文书
大学生英文求职信范文
2015/03/19 职场文书
光荣之路观后感
2015/06/12 职场文书
工作一年自我鉴定
2019/06/20 职场文书
2019送给家人们的中秋节祝福语
2019/08/15 职场文书
奖学金发言稿(范文)
2019/08/21 职场文书