ES6中let、const的区别及变量的解构赋值操作方法实例分析

2023-08-11 19:23:04 69

本文实例讲述了ES6中let、const的区别及变量的解构赋值操作方法。分享给大家供大家参考，具体如下：

声明：本文内容依照阮一峰老师ECMAScript6入门一书所总结。

let和const

相同点

不同点

变量解构赋值

数组的解构赋值

解构成功

let[a,b,c]=[1,2,3];

解构不成功

let[foo]=[];

不完全解构

let[x,y]=[1,2,3];

默认值

let[foo=true]=[];

解构条件：只要某种数据结构具有Iterator接口，都可以采用数组形式的解构赋值。

对象的解构赋值

与数组的区别：对象的解构与数组有一个重要的不同。数组的元素是按次序排列的，变量的取值由它的位置决定；而对象的属性没有次序，变量必须与属性同名，才能取到正确的值。

应用：可以很方便地将现有对象的方法，赋值到某个变量。

let{log,sin,cos}=Math;

字符串的解构赋值

原理：字符串被转换成了一个类似数组的对象。

const[a,b,c,d,e]='hello';

类似数组的对象都有一个length属性，因此还可以对这个属性解构赋值。

let{length:len}='hello';
len//5

数值和布尔值的解构赋值

let{toString:s}=123;
s===Number.prototype.toString//true

let{toString:s}=true;
s===Boolean.prototype.toString//true

函数参数的解构赋值

[[1,2],[3,4]].map(([a,b])=>a+b);
//[3,7]

更多关于JavaScript相关内容可查看本站专题：《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。