IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> 如何使用ES2015中的let和const、js解构赋值的使用方法 -> 正文阅读

[JavaScript知识库]如何使用ES2015中的let和const、js解构赋值的使用方法

一、ES6新特性
1、let(定义变量,有块级作用域) const(定义常量,不能修改)

  • 介绍let
    let和var的区别
    //var定义的变量没有块级作用域的概念
    //let定义变量有块级作用
    例子:
if(true){
	let a = 10;
}
console.log(a);

说明:此时不能输出a的的值,由于let有块级作用域,属于局部变量。
虽然在if语句中使用var定义a时可以输出,但之后开发我们还是会弃用var选用let。

  • 介绍const
    例子1:
const a = 10;
a = 20;

说明:这几行代码会报错,因为const定义的常量不能被修改 。
例子2:(用const定义对象)

const obj = {
	name : "小名",
	age : 2
}
obj.name = "小红"

说明:这段代码不会报错,虽然不可以更改这个对象obj,但是可以更改对象内的属性。
那么问题来了:我们那么时候用let,什么时候使用const?

使用const
//定义一些函数
const fun = function(){
}
//定义一些对象
const obj = {}
//定义一些不变的值
const PI = 3.14
使用let
//定义一些需要计算的变量
let num1 = 10 
,num2 = 20;
console.log(num1 + num2 );

从内存的角度来说(涉及js内存机制)
在这里插入图片描述
说明:obj对象存在堆内存中,可以更改存在堆内存中的相应的属性。但是不可以更改它的指向(即更改为另一个对象)。
二、javascprit 的解构赋值的使用方法
1、数组的解构赋值(不常用)
2、对象的解构赋值(常用)
数组的解构赋值例子:

let a = 10;
let b = 20;
[a,b] = [b,a];
console.log(a);//20
console.log(b);//10

对象的解构赋值例子:

let {name,age} = {
	name:"小名",
	age:2,
	friend:"小红"
}
console.log(name);//小名
console.log(age);//2

例子2:

//定义一个方法
function createStudent(){
	let name = "小明";
	let age = 2;
	let friend = "小红";
	return {
		name: name,
		age:age,
		friend:friend
	}
}
//可以使用解构赋值拿到自己想要该方法的一个属性
let {name} = createStudent();
console.log(name);//小明 
 
  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-03-06 12:53:24  更:2022-03-06 12:53:27 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 9:03:45-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码