非构造函数的继承的详细解释

最新推荐文章于 2019-01-04 19:13:32 发布

lantianjialiang

最新推荐文章于 2019-01-04 19:13:32 发布

阅读量826

点赞数

分类专栏： JS

JS 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

从Javascript面向对象编程（三）：非构造函数的继承这里，可以看到详细的说明。

我只是将其中的例子做成html文件，便于调试罢了。

<html>
<head>
<script type="text/javascript">
function extendCopy(p) {
	var c = {};
	
	for (var i in p) {
		c[i] = p[i];
	}
	c.uber = p;
	
	return c;
}

function deepCopy(p, c) {
	var c = c || {};
	
	for (var i in p) {
		if (typeof p[i] === 'object') {
			c[i] = (p[i].constructor === Array) ? [] : {};
			deepCopy(p[i], c[i]);
		} else {
			c[i] = p[i];
		}
	}
	
	return c;
}

function object(o) {
	function F() {}
	F.prototype = o;
	
	return new F();
}

var Chinese = {
	nation:'中国'
};
var Doctor = object(Chinese);
Doctor.career = '医生';
alert(Doctor.nation);

Chinese.birthPlaces = ['北京','上海','香港'];
var Doctor2 = extendCopy(Chinese);
//change child
Doctor2.birthPlaces.push('厦门');
alert(Doctor2.birthPlaces);
alert(Chinese.birthPlaces);

var Doctor3 = deepCopy(Chinese);
//change child
Doctor3.birthPlaces.push('厦门2');
alert(Doctor3.birthPlaces);
alert(Chinese.birthPlaces);
</script>
</head>
<body>
	Test
</body>
</html>

下面时从web developer debugger上的截图。

1.通过继承来获得Chinese的nation和birthPlaces属性。

2. 这里时浅copy，所有更改Doctor会同时更改Chinese

3. 这里时深copy，所有Doctor和Chinese互不影响。

lantianjialiang

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
非构造函数的继承的详细解释

从Javascript面向对象编程（三）：非构造函数的继承这里，可以看到详细的说明。我只是将其中的例子做成html文件，便于调试罢了。function extendCopy(p) { var c = {}; for (var i in p) { c[i] = p[i]; } c.uber = p; return c;}function deepCopy(p
复制链接

扫一扫