【ES6常量和变量的声明以及解构赋值】

文章目录

  • 一、let
  • 二、const
  • 变量的结构赋值
    • 1.数组的结构赋值
    • 2.对象的结构赋值
    • 3.特殊对象的结构赋值
    • 4.实际应用
        • -1.交换两个变量的值
        • -2.提取json中的数据
        • -3.用于函数参数默认值


一、let

  • let用于声明变量
  • let声明的变量不能变量提升
  • 块状作用域
  • 使用let声明的变量不属于顶层对象

二、const

  • 用于声明常量
  • 声明的常量用大写(不是规则,是一种默契)
  • 常量不能修改
  • 块状作用域
  • 使用const声明的常量也不属于顶层对象

变量的结构赋值

1.数组的结构赋值

代码如下:

et [a,b,c,d] = [1,2,3,4];  //a=1,b=2,c=3,d=4

2.对象的结构赋值

代码如下:

let {name:name,age:age} key和value值相同时可以省略key值,只写value值
let {name,age} = {
	name:'郭宏飞',
	age:20
}

3.特殊对象的结构赋值

代码如下:

	let obj = {
		code:200,
		result:['三国','水浒','红楼','西游']
	}
	let {result :[book1,,book3,book4]} = obj;
	console.log(book1,book4);

4.实际应用

-1.交换两个变量的值

代码如下:

let num1 = 3;
let num2 = 5;
console.log(num1,num2);
[num1,num2] = [num2,num1];     
console.log(num1,num2);

-2.提取json中的数据

代码如下:

let jsonData = {
	id:1,
	status:"okokok",
	data:[1,2,3,4]
}
let {
	id,
	status,
	data
} = jsonData;

-3.用于函数参数默认值

代码如下:

function fn({id,name="张三"}){
console.log(id,name);
}
fn({id,4})

你可能感兴趣的:(ES6,javascript,前端,开发语言)