jQuery学习二：浅拷贝

最新推荐文章于 2022-11-11 18:02:14 发布

许增强

最新推荐文章于 2022-11-11 18:02:14 发布

阅读量440

点赞数

分类专栏： jQuery & javaScript

本文链接：https://blog.csdn.net/xuzengqiang2/article/details/42080991

版权

jQuery & javaScript 专栏收录该内容

44 篇文章 0 订阅

订阅专栏

类似继承，只是javascript中的继承就是将一个对象中的所有属性拷贝到另一个对象中去。

首先来看一个例子，数组的遍历：

<script type="text/javascript">
	var arr = [1,2,3,4,5];
	for(var index in arr) {
		alert(index + "-" + arr[index]);
	}
</script>

所以，属性的遍历可以写成：

<script type="text/javascript">
	var options = {
		yesAnswer:'yes',
		noAnswer:'no'
	};
	for(var property in options) {
		alert(property + "-" + options[property]);
	}
</script>

推广：判断一个变量是否已经被定义：我们知道所有全局变量都是window的属性。所以下面会打印1.

var a=1;
alert(window.a);

所以如果我们要判断一个变量是否已经被定义，可以写成：

"变量名称" in window

根据jQuery写出浅拷贝代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>测试</title>
</head>

<body>
	<script type="text/javascript">
		(function(window){
			var Vnetoo = window.Vnetoo || function(){};
			window.Vnetoo = Vnetoo;
			Vnetoo.fn = Vnetoo.prototype;
			/**
			 * 描述:浅拷贝
			**/
			Vnetoo.copy = Vnetoo.fn.copy = function(){
				var target = arguments[0] || {},
					len = arguments.length,
					source,
					start = 1;
				if(len == 1) {
					target = this;
					start--;
				}
				for(;start<len;start++) {
					if((source = arguments[start]) != null) {
						for(var property in source) {
							target[property] = source[property];
						}
					}
				}
				return target;
			};
			//为Vnetoo新增属性
			Vnetoo.copy({
				version:'1.0.2'
			});
		})(window);
		alert(Vnetoo.version);
		
		var options = {
				yesAnswer:'是'
			};
		//对象的拷贝
		var tip = Vnetoo.copy({
				yesAnswer:'yes',
				noAnswer:'no',
				title:'Are you sure'
			},options);
		alert(tip.yesAnswer);
	</script>
</body>
</html>