浅谈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
Sep 24 Javascript
Web开发者必备的12款超赞jQuery插件
Dec 03 Javascript
js去除输入框中所有的空格和禁止输入空格的方法
Jun 09 Javascript
jQuery异步获取json数据方法汇总
Dec 22 Javascript
Jquery实现select multiple左右添加和删除功能的简单实例
May 26 Javascript
实例解析jQuery工具函数
Dec 01 Javascript
通过命令行创建vue项目的方法
Jul 20 Javascript
VueJs监听window.resize方法示例
Jan 17 Javascript
使用vue-router设置每个页面的title方法
Feb 11 Javascript
简单介绍react redux的中间件的使用
Apr 06 Javascript
详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper
May 28 Javascript
vue之延时刷新实例
Nov 14 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 ignore_user_abort函数详细介绍和使用实例
2014/07/15 PHP
php中JSON的使用方法
2015/04/30 PHP
php调用淘宝开放API实现根据卖家昵称获取卖家店铺ID的方法
2015/07/29 PHP
yii2.0整合阿里云oss的示例代码
2017/09/19 PHP
网页javascript精华代码集
2007/01/24 Javascript
让人印象深刻的10个jQuery手风琴效果应用
2012/05/08 Javascript
js三种排序算法分享
2012/08/16 Javascript
ExtJS自定义主题(theme)样式详解
2013/11/18 Javascript
JS使用ajax从xml文件动态获取数据显示的方法
2015/03/24 Javascript
js实现精确到秒的日期选择器完整实例
2016/04/30 Javascript
javascript运算符——位运算符全面介绍
2016/07/14 Javascript
Vue.js之slot深度复制详解
2017/03/10 Javascript
基于JavaScript中字符串的match与replace方法(详解)
2017/12/04 Javascript
JS块级作用域和私有变量实例分析
2019/05/11 Javascript
微信小程序渲染性能调优小结
2019/07/30 Javascript
JavaScript实现随机点名程序
2020/03/25 Javascript
[01:06:59]完美世界DOTA2联赛PWL S2 Magma vs FTD 第一场 11.29
2020/12/02 DOTA
python实现挑选出来100以内的质数
2015/03/24 Python
python3编码问题汇总
2016/09/06 Python
Python语言生成水仙花数代码示例
2017/12/18 Python
如何在django里上传csv文件并进行入库处理的方法
2019/01/02 Python
详解Python中的各种转义符\n\r\t
2019/07/10 Python
Django使用 Bootstrap 样式修改书籍列表过程解析
2019/08/09 Python
浅析python中while循环和for循环
2019/11/19 Python
基于python爬取链家二手房信息代码示例
2020/10/21 Python
Kate Spade美国官网:纽约新兴时尚品牌,以包包闻名于世
2017/11/09 全球购物
Dr. Martens马汀博士德国官网:马丁靴鼻祖
2019/12/26 全球购物
2014学习优秀共产党员先进事迹材料思想汇报
2014/09/14 职场文书
2014年党员自我剖析材料
2014/10/07 职场文书
初中差生评语
2014/12/29 职场文书
婚礼新人答谢词
2015/01/04 职场文书
二审答辩状格式
2015/05/22 职场文书
学风建设主题班会
2015/08/17 职场文书
2016年6月份红领巾广播稿
2015/12/21 职场文书
2016年入党心得体会范文
2016/01/23 职场文书
Win10/Win11 任务栏替换成经典样式
2022/04/19 数码科技