(原创) JS扩展运算符 Spread syntax

最新推荐文章于 2022-10-11 08:44:58 发布

jamey8383

最新推荐文章于 2022-10-11 08:44:58 发布

阅读量127

点赞数

分类专栏： Javascript

本文链接：https://blog.csdn.net/jamey8383/article/details/103088905

版权

Javascript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

参考资料：

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax

https://blog.csdn.net/qyl_0316/article/details/100547868

<!DOCTYPE html>
<html>
<head>
	<title>test spread</title>
</head>
<body>

	test spread

	<script type="text/javascript">
		function sum(x, y, z) {
			return x + y + z;
		}

		const numbers = [1, 2, 3];

		console.log("*********1***********");
		console.log(sum(...numbers));
		// expected output: 6

		console.log("*********2***********");
		console.log(sum.apply(null, numbers));
		// expected output: 6

		console.log("*********3***********");
		console.log(...numbers);

		console.log("*********4***********");
		console.log(...[3]);

		var a = [[1], [2], [3]];
		var b = [...a];
		console.log("*********5***********");
		console.log(a);
		console.log(b);

		var obj1 = { foo: 'bar', x: 42 };
		var obj2 = { foo: 'baz', y: 13 };

		var clonedObj = { ...obj1 };
		// Object { foo: "bar", x: 42 }
		console.log("*********6***********");
		console.log(clonedObj);

		var mergedObj = { ...obj1, ...obj2 };
		// Object { foo: "baz", x: 42, y: 13 }
		console.log("*********7***********");
		console.log(mergedObj);

		var obj = {'key1': 'value1', 'key2': 'value2', 'key3': 'value3'};
		// var array = [...obj]; // TypeError: obj is not iterable
		console.log("*********8***********");
		console.log({...obj});
		// console.log(array);

		var obj = {'key1': 'value1', 'key2': 'value2', 'key3': 'value3'};
		var obj2 = obj;
		obj2.key3 = 'value333';
		console.log("*********9***********");
		console.log(obj2);
		console.log("**********");
		console.log(obj);

		var obj = {'key1': 'value1', 'key2': 'value2', 'key3': 'value3'};
		var obj2 = { ...obj };
		obj2.key3 = 'value333';
		console.log("*********10***********");
		console.log(obj2);
		console.log("**********");
		console.log(obj);

</script>

</body>
</html>

jamey8383

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
(原创) JS扩展运算符 Spread syntax

参考资料：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntaxhttps://blog.csdn.net/qyl_0316/article/details/100547868<!DOCTYPE html><html><head...
复制链接

扫一扫