`
topcss
  • 浏览: 99614 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
文章分类
社区版块
存档分类
最新评论

JS继承的实现

阅读更多 

<!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>
 
分享到：
| JS单例模式
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics