react开发技术1(解构赋值,reset参数
还是来用react了。前端框架都研究看看。这次网站就用它来做了。因为angular使用的ts,所以一些es6的规则也不是很清晰,都摘抄在下。 es6允许按照一定模式从数组和对象中提取值,对变量进行赋值,这被称为解构。 let [a,b,c]=[1,2,3];a//1 b//2 对象解构: let name =‘a‘; let age=18; let per={name,age}; per//obj{name : ‘a‘,age : 18} 对象相反解构: let per={name:‘a‘,age:18}; let {name,age}=per; name//‘a‘ age//18 对象参数解构: function sum({x,y}){ return x+y; } sum({x:1,y:2}); //3 对象解构在这里让我感到比较困惑,以前得这种对象解构,赋值只会写成let name=per.name,现在直接将值赋予变量。对象参数解构中,直接传入对象,而不是对象的值,而在方法中直接使用对象的值,这个是不是应该和对象中得参数名相同才可以这样做,做个实验: function sum({ x,y }) { return x + y; } alert(sum({ a: 1,b: 2 })); //NAN 这样是不可以的,也就是解构过程会直接引用传入对象的相对应参数的值,假如没有对应参数,是没有值的。 reset参数 es6引入rest参数(形式为...变量名)用于获取函数的多余参数,以代替arguments对象的使用。rest参数是一个数组,数组中的元素是多余得参数。reset参数之后不能再有其他参数。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |