欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页

javascript 对象的单继承属性和多继承属性写法

程序员文章站 2024-03-18 21:20:28
...
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script language="javascript">
        //单继承 属性复制
		var extend=function(target,source){
			for(var property in source){
				target[property]=source[property];
			}
			return target;
		};
        //多继承 属性复制
		var mix=function(){
			var i=1,
			len=arguments.length,
			target=arguments[0],  //指的是第一个参数，把第一个参数赋给target
			arg;
			for(;i<len;i++){
				arg=arguments[i]; //这里的arguments[i]是指第二个参数因为前面i=1，当然有多个对象就不是了
				for(var property in arg){
					target[property]=arg[property];
				}
			}
			return target;
		};
		
		var book={
			name:'Javascrpt设计模式',
			alike:['css','html','javascript']
		};
		var anotherBook={
			color:'blue'
		};
		var book2={
			age:20,
			num:3,
			sayhi:function(){console.log('hi');}
		};
		mix(anotherBook,book,book2);
		console.log(anotherBook);
		anotherBook.sayhi();

		</script>
	</body>
</html>

相关标签： javascript学习日记 javascript

上一篇： JavaScript实现继承的方法

下一篇： Javascript实现继承的方法

推荐阅读