实例演示对象与数组的解构赋值,及对象的访问器属性
1.数组的解构赋值
let arr_1 =[1,3];let [x,y]= arr_1;console.log(`x is: ${x} and y is: ${y}`);// 用数组交换变量[y,x ]=[x,y];console.log(`交换后的x,y为:${x} adn ${y}`);console.log(“————————“);2.对象解构 变量名需要和对象的属性名一致
console.log(“对象解构”);let obj ={one:“oneobj”,two:“twoobj”,three:“threeobj”};let {o源码搭建wcqh.cnne,two,three}= obj;console.log(one);// 对象的值改变,必须在整条语句上加(),obj ={one:“oneobj_1”,two:“twoobj_2”,three:“threeobj_2”};({one,two,three}= obj);console.log(one);console.log(“——————————–“); 2.1 解构对象的用处一:克隆对象console.log(“解构对象的用处一:克隆对象”);let obj_1 ={one:“oneobj”,two:“twoobj”,three:“threeobj”};源码搭建wcqh.cnlet {…objCopy}= obj_1;console.log(objCopy);console.log(“———————————–“); 2.2 解构对象的用处二:简化传参let sum =function({name,address}){//直接应用对象的属性return`${name} and ${address}`;}let user ={name:“jiao”,address:“beijng”};console.log(sum(user));3.访问器属性,可以将方法伪装成属性
console.log(“访问器器的一个显著特点是将方法伪装成属性源码搭建wcqh.cn,可以像调用属性一样调用方法”);let obj_2 ={ name:“jiao”, address:“beijing”,get info(){return{name:this.name,address:this.address};},set info({name,address}){this.name = name;this.address = address;}}let name = obj_2.info.name;let address = obj_2.info.address;console.log(name +” and “+ address);obj_2.info={name:“wang”,address:“h源码搭建wcqh.cnefei”};name = obj_2.info.name;address = obj_2.info.address;console.log(name);console.log(address);4.上述代码执行后,结果见如下:
x is: 1 and y is: 3交换后的x,y为:3 adn 1————————对象解构oneobjoneobj_1——————————–解构对象的用处一:克隆对象{ one: oneobj, two: twoobj, three: threeobj }———————–源码搭建wcqh.cn————jiao and beijng访问器器的一个显著特点是将方法伪装成属性,可以像调用属性一样调用方法jiao and beijingwanghefei© 版权声明
1.如需技术支持联系QQ:1339833655
2. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
3. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
4. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
5. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
6. 如有链接无法下载、失效或广告,请联系管理员处理!
7. 本站资源售价只是摆设,本站源码仅提供给会员学习使用!
8. 如遇到加密压缩包,请使用360解压,如遇到无法解压的请联系管理员!
THE END
暂无评论内容