$.extend 简单实例

63 阅读 0 评论 42 点赞

我是靠谱客的博主苗条便当，最近开发中收集的这篇文章主要介绍$.extend 简单实例，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

jQuery.extend() 函数用于将一个或多个对象的内容合并到目标对象

如果只为$.extend()指定了一个参数，则意味着参数target被省略。此时，target就是jQuery对象本身。通过这种方式，我们可以为全局对象jQuery添加新的函数。
如果多个对象具有相同的属性，则后者会覆盖前者的属性值。如需要保留原数据,第一个 object 使用空对象 {}

语法:
$.extend( target [, object1 ] [, objectN ] )
$.extend( [deep ], target, object1 [, objectN ] )

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

	<head>
		<meta http-equiv="Cache-Control" CONTENT="no-cache" />
		<meta http-equiv="Pragma" CONTENT="no-cache" />
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title>$.extend</title>
	</head>

	<body>

	</body>

	<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
	<script type="text/javascript" th:inline="javascript">
		'use strict';

		$(function() {

			var object1 = {
				apple: 0,
				banana: {
					weight: 52,
					price: 100
				},
				cherry: 97
			};

			var object2 = {
				banana: {
					price: 200
				},
				durian: 100
			};

			//非深度 object1.banana.weight 被抹去
			var ext1 = $.extend({}, object1, object2);

			//深度 object1.banana.weight 任然保留
			var ext2 = $.extend(true, {}, object1, object2);

			console.log(ext1)
			console.log(ext2)

			console.log(object1.banana)
			$.extend(object1, object2)
			console.log(object1.banana)

		})
	</script>

</html>