JavaScript ES6 let、cont、解构_js es6方法

zhezhongyun 2025-10-19 15:35 4 浏览

let 和 const

遇到 {} 就形成作用域
同一作用域不能重复声明变量或函数 [如：let 声明过不能用 const 和 var 声明相同名字]
没有变量提升
const 必须初始化赋值，不能被修改，而 let 声明的变量不用
const 定义的对象或者数组，其实是可变的。

可以修改添加属性

  const car = {color:"white"};
  car.color = "red";// 修改属性:
  car.owner = "Johnson";// 添加属性

不能赋值

  const car = {};
  car = {};  // 错误

数组同理

全局作用域 var 属于 window 对象。let 不属于 window 对象。
let 有暂时性死区、要先声明再使用。

解构

[模式] = [数组];

{模式} = {对象};

完全解构
不完全解构 [,可以被忽略为赋值成功为 undefined ]
嵌套
默认值 , undefined 不会被赋值,null 可以被赋值

数组解构

let [, [x, y], m = 88,...z] = [2, [3, 4], undefined,1,2]; // m 为 88

, 会忽略
[] 可以嵌套
undefined 不会赋值上去， m = 88 默认值，null 会被赋值
...z 剩余运算符收集对象/数组/值或展开数组/对象/值

let [x,...arr] = [1,2,3]; // arr = [2,3]
let {a,...obj} = {a : 'aa', b : "bb" , "c" : "cc"};// obj = {b : "bb" , "c" : "cc"}

字符串

let [a, b, c] = 'hel'; // 'h' 'e' 'l'

对象

// 剩余运算符
let {a, ...obj} = {a: 10, c: 30, d: 40}; // 10,{c: 30, d: 40}

解构默认值

let {a = 10, b = 5} = {a: 3}; // a = 3; b = 5;

({a} = {a: '1'}) // 变量已经被声明需要用括

对象 = 数组

let {0:first, [arr.length-1]: last} = [1,2,3,4,5,6,7]

console.log(first);// 输出1
console.log(last);// 输出7

运用

var [x,y] = [10,20]; // 交换值
[x,y] = [y,x];

// 函数可以返回多个值
var [x,y,z] = show();
function show(){
  return ["结果1","结果2","结果3"]
}

设置默认值，可以改变传入参数的顺序

function showSelf({name,age = 18}){// 可以
  console.log(`我叫${name}今年${age}`); // 我叫aa 今年18
}
showSelf({name: "aa"})

// 取出数组中的值
var {0:first,3:last} = [10,20,30]; // first等于10 last是30

1-1. 变量声明

上一篇：Kubernetes v1.34: 使用 Init 容器定义应用环境变量
下一篇：C/C++语言的const关键字说明_c++ const详解

JavaScript ES6 let、cont、解构_js es6方法

let 和 const

解构

运用

相关推荐

漏洞系列一一看我一招征服漏洞 SSRF

Web前端需要学什么?Web前端开发需要学习哪些?

接口测试遇到500报错?别慌，你的头部可能有点问题

前端Flex布局可视化布局工具介绍，vue和html5快速设计利器

「资讯」为强迫用户使用Edge浏览器，微软又出新招数

HTML 简介（html简介及优缺点）

HBuilderX，uni-app创建HTML5项目，同时支持浏览器和移动端

现在页面实时聊天都使用Websocket技术实现吗?

关于HTML5被简称做H5，你怎么看?（html5缩写）

在SpringBoot+Vue3项目中通过Nginx代理WebSocket实现跨域通信