JS继承的实现

最新推荐文章于 2024-07-15 14:11:16 发布

iteye_14678

最新推荐文章于 2024-07-15 14:11:16 发布

阅读量75

点赞数

文章标签： javascript ViewUI

<!DOCTYPE HTML>
<html>
	<head>
		<script type="text/javascript">
		// 克隆对象
		function clone(object){
			function F(){};
			F.prototype = object;
			return new F;
		};
		
		function Mixin(){}
		Mixin.prototype = {
			serialize : function(){
				var output = [];
				for(var key in this){
					if(key != 'serialize'){
						output.push(key + ':' + this[key]);
					}
				}
				return output.join(',');
			}
		};
		
		/**
		 * 使receivingClass类继承givingClass类
		 * 若需指定继承方法，直接加在参数后面
		 * receivingClass 受类
		 * givingClass 访予类
		 */
		function augment(receivingClass, givingClass){
			if(arguments[2]){
				for(var i=2,len = arguments.length; i<len; i++){
					receivingClass.prototype[arguments[i]] = givingClass.prototype[arguments[i]];
				}
			} else {
				for(var methodName in givingClass.prototype){
					if(!receivingClass.prototype[methodName]){
						receivingClass.prototype[methodName] = givingClass.prototype[methodName];
					}
				}
			}
		}
		
		// 例子
		function Author(){}
		Author.prototype = {
			'nationality' : 'China',
			'name' : 'Jack',
			'gender' : 'male',
			'mail' : 'topcss@gamil.com'
		}
		
		// 让Author对象继承Mixin对象的serialize方法
		augment(Author, Mixin, 'serialize');
		
		console.info(new Author().serialize());
		
		</script>
	</head>
</html>

iteye_14678

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS继承的实现

&lt;!DOCTYPE HTML&gt;&lt;html&gt; &lt;head&gt; &lt;script type="text/javascript"&gt; // 克隆对象 function clone(object){ function F(){}; F.prototype = object; return new F; ...
复制链接

扫一扫

JS继承的实现

“相关推荐”对你有帮助么？