您的位置:首页 > Web前端 > JavaScript

高级面向对象 之 原型继承

2017-06-12 23:45 169 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>原型继承</title>
</head>
<body>
<script>
var a = {
name:'小明'
};

// 实现原型继承
function cloneObj(obj){
var F = function(){};
F.prototype = obj;
return new F();
}

var b = cloneObj(a);
alert(b.name);   // 小明
alert(a.name);   // 小明

总结:

拷贝继承: 通用型的,有new或无new的时候都可以
类式继承: new 构造函数
原型继承: 无new构造函数
</script>
</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息