当前位置: 首页 > news >正文

ES6 基础

文章目录

  • 1. 初识 ES6
  • 2. let 声明变量
  • 3. const 声明常量
  • 4. 解构赋值

1. 初识 ES6

ECMAScript6.0(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了。它的目标,是使得」JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。

在这里插入图片描述

2. let 声明变量

  1. let 声明变量是局部变量
    var 声明变量会变成全局变量;
{var i = 0;}console.log(i); // 0 

而let 声明变量则是局部变量;

{let i = 0;}console.log(i); // 报错
  1. 不允许重复声明

使用var 重复声明变量: 覆盖之前的值
在这里插入图片描述

使用let 重复声明变量:报错!
在这里插入图片描述

  1. 变量提升没有了

暂存/时性死区:
在代码块中使用let 变量定义之前变量是不可用的且该变量是存在的,此时我们把这块内容称作暂存/时性死区。

  1. 不与顶层对象挂钩
    在这里插入图片描述
    // 100

在这里插入图片描述
// undefined

3. const 声明常量

  1. const 声明的是常量,需要在声明时就赋值,后期值不可以修改;

  2. 不能重复定义;

  3. 出现在块级定义域中为局部变量,外部不可访问;

  4. 声明不提升,会出现暂存性死区

  5. 不与顶层对象挂钩
    在这里插入图片描述
    // undefined

const 声明常量一般是不可以被再次赋值的,但是如果const 定义的常量是一个对象(复杂数据类型),那么该变量只是存储了一个地址信息,通过obj.xxx 还是可以进行修改的。
在这里插入图片描述

如果不想要该变量被修改就需要使用到freeze(),但是该函数只能冻住第一层属性,如果属性值是复杂数据类型,那么还是能够进行修改的。
在这里插入图片描述

4. 解构赋值

解构赋值,就是快速的从对象或者数组中取出成员的一个语法方式。

  1. 数组传参
    在这里插入图片描述
    // a=1 b=2 c=3

两个变量交换值:
之前需要定义临时变量进行辅助,而现在
在这里插入图片描述
在这里插入图片描述
// a = 1

在这里插入图片描述
// a = 3

在这里插入图片描述
// b = 2

  1. 对象传参
    在这里插入图片描述
    // kerwin 100

在这里插入图片描述
// 报错
因为code 变量定义了两次
这种情况我们采用以下写法
let {data, code:co} = res;

在这里插入图片描述
// 11111111 200 没有错误
此时code 中如果有err 变量,输出值就覆盖默认值 没有错误 。

在这里插入图片描述

  1. 使用函数对结构赋值进行传参
    在这里插入图片描述
  2. 字符串解构
    在这里插入图片描述
    // k e r

在这里插入图片描述

http://www.lryc.cn/news/326019.html

相关文章:

  • 【双指针】Leetcode 有效三角形的个数
  • python项目练习——4.手写数字识别
  • 【目标检测】NMS算法的理论讲解
  • 3-iperf3 使用什么工具可以检测网络带宽、延迟和数据包丢失率等网络性能参数呢?
  • 阳光倒灌高准直汽车抬头显示器HUD太阳光模拟器
  • jdk11中自定义java类在jvm是如何被查找、加载
  • 单片机---独立按键
  • java分布式面试快问快答
  • AI:148-开发一种智能语音助手,能够理解和执行复杂任务
  • Kindling the Darkness:A Practical Low-light Image Enhancer
  • 图像处理与视觉感知---期末复习重点(4)
  • ABAP AMDP 示例
  • 发票查验接口C++语言如何集成、发票OCR
  • 【图论 | 数据结构】用链式前向星存图(保姆级教程,详细图解+完整代码)
  • 【蓝桥杯3.23小白赛】(详解)
  • 设计模式之抽象工厂模式精讲
  • 初识云原生、虚拟化、DevOps
  • 怎麼實現Nginx反向代理?
  • IOS面试题编程机制 71-75
  • JMeter元件作用域和执行顺序
  • Jmeter 聚合报告之 90% Line 正确理解
  • 2024 解决 Failed to launch process [ElasticSearch]
  • 平台介绍-搭建赛事运营平台(4)
  • 系列学习前端之第 7 章:一文掌握 AJAX
  • iOS - Runtime - Class的结构
  • MySQL高阶语句(一)
  • MySQL知识总结
  • Go-Gin-Example 第八部分 优化配置接口+图片上传功能
  • 阿里云国际DDoS高防的定制场景策略
  • v4l2采集视频