es6 三点运算符

￡神魔★判官ぃ 2021-07-24 14:08 363阅读 0赞

ES6 三点运算符
    	1、替代arguments
    	2、arguments.callee();返回数组本身
    	3、将传入的参数，存进数组里
    
    语法:函数名(...变量名);
    	1、给函数传入的参数，会被变成数组放进变量里
    	2、若...之前还定义了形参，那先将值赋给之前的形参，再将剩下的值放进数组里
    	3、若脱离函数使用,...变量,会取出变量中的每一个值
    	4、在对象中...另一个对象,会将另一个对象的所有属性克隆到此对象中

代码示例:

<html ng-app='app' ng-controller='main' >
    <head>
    	<meta charset="utf-8">
    	<meta name='viewport' content='width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0'>
    
    	<script src='jq/jquery-3.4.1.js'></script>
    
    	<style>
    
    	</style>
    </head>
    <body >
    
    
    <script>
    
    	function fun(...value)
    	{ 
    		console.log(value);
    		value.forEach(function(item,index){ 
    			console.log(item,index);
    		})
    
    	}
    
    	fun(1,2,3,4);
    
    	arr=[1,5];
    	arr2=[2,3,4];
    	arr3=[1,...arr2,5];
    	console.log(arr3); //[1,2,3,4,5]
    	
    	let a={ 
    		name:'jeff',
    		age:12
    	}
    	let b={ 
    		sex:'man',
    		...a	
    	}
    
    
    </script>
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，363人围观）

还没有评论，来说两句吧...

相关阅读

相关 ES6 ...三点扩展运算符常见用法（实例）

文章目录一、对象的扩展运算符 1.取出参数对象中的所有可遍历属性，拷贝到当前对象之中二、数组的扩展运算符 1.将数组转

今天药忘吃喽~/ 2022年12月23日 14:29/ 0 赞/ 108 阅读

相关 ES6 ...运算符

展开运算符 const a = [ { key: 'key1', value: 'val1' }, {

左手的ㄟ右手/ 2022年12月23日 14:28/ 0 赞/ 115 阅读

相关 es6之扩展运算符三个点（...）

[https://blog.csdn.net/qq\_30100043/article/details/53391308?utm\_medium=distribute.pc\_

喜欢ヅ旅行/ 2022年12月17日 01:28/ 0 赞/ 124 阅读

相关 ES6--箭头函数和三点运算符

基本语法：没有参数：()=>console.log(‘xxxx’);不能省略小括号一个参数：i=>i+2;可以省略大于一个参数：(i,j) => i+j;不能

r囧r小猫/ 2022年12月06日 04:20/ 0 赞/ 127 阅读

相关 ES6中的三点运算符(...)方法

本文是将ES6中关于（ ... ) 运算符小结，参考下面文章。 ES6重点复习资料: [juejin.im/post/5c02b1…][juejin.im_post_5c02

Dear 丶/ 2022年10月01日 05:58/ 0 赞/ 124 阅读

相关记录一下ES6扩展运算符（三点运算符）...的用法

该记录源于segmentfaul网友的评论，特意感谢！ ...运算符用于操作数组，有两种层面 1. 第一个叫做展开运算符(spread operator)，作用是和字面

客官°小女子只卖身不卖艺/ 2022年06月14日 05:40/ 0 赞/ 187 阅读

相关 es6 扩展运算符三个点（...）

原文地址[https://blog.csdn.net/qq\_30100043/article/details/53391308][https_blog.csdn.net_qq

短命女/ 2022年04月12日 05:09/ 0 赞/ 199 阅读

相关 es6之扩展运算符三个点（...）

[https://blog.csdn.net/astonishqft/article/details/82899965][https_blog.csdn.net_astonis

港控/mmm°/ 2021年09月19日 21:02/ 0 赞/ 375 阅读

相关 ES6 扩展运算符三点（...）的用法

转载自：[https://www.cnblogs.com/minigrasshopper/p/9156027.html][https_www.cnblogs.com_minig

骑猪看日落/ 2021年09月19日 15:16/ 0 赞/ 351 阅读

相关 es6 三点运算符

ES6 三点运算符 1、替代arguments 2、arguments.callee();返回数组本身 3、将传入的参数，存进数组里

￡神魔★判官ぃ/ 2021年07月24日 14:08/ 0 赞/ 364 阅读