JS继承的实现及公有、私有、静态方法的书写
来源:互联网 发布:卸载软件下载 编辑:程序博客网 时间:2024/05/05 15:46
今天没事的时候,研究了一下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继承的实现及公有、私有、静态方法的书写
- JS实现类的公有、私有、静态方法/属性
- js 对象方法、类方法、原型方法的区别;私有属性、公有属性、公有静态属性
- js 对象方法、类方法、原型方法的区别;私有属性、公有属性、公有静态属性的区别
- 公有继承和私有继承的实例
- JS 类的公有私有
- js面向对象的公有、私有属性和方法
- js面向对象的例子(私有/公有/特权方法)-2
- 静态成员、关键字mutable 、公有继承与私有继承、虚函数的基本概念
- 公有,私有,和受保护的继承
- 公有、私有、保护继承的区别
- 类的公有私有保护继承
- c++类的继承:私有继承,公有继承,保护继承
- C++的公有继承,私有继承,保护继承的区别
- 公有继承,私有继承和保护继承的可见性
- C++的私有继承、公有继承和保护继承
- 公有继承、私有继承和保护继承之间的对比
- C++中公有继承、保护继承、私有继承的区别
- [BZOJ1093][ZJOI2007]最大半连通子图
- s2sh框架搭建心得
- Linux命令——chmod(修改读写执行等权限)
- 获取客户端IP和MAC地址工具类
- 第一行代码笔记之七高级技巧
- JS继承的实现及公有、私有、静态方法的书写
- HTML5语义化元素
- 《大明王朝的七张面孔》——海瑞
- Android 驱动USB摄像头
- Xcode Precompile Prefix Header浅析
- Android(监听+回调=观察者)模式从Dialog到Activity传递数据
- Tachyon源码结构分析(一)
- 01背包问题
- Android数据存储(一)----SharedPreferences详解