0
点赞
收藏
分享

微信扫一扫

ES6 学习(一)-- 基础知识

@[TOC]

1. 初识 ES6

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

ES6 学习(一)-- 基础知识_赋值

2. let 声明变量

  1. let 声明变量是局部变量 var 声明变量会变成全局变量;

{
            var i = 0;
        }
        console.log(i); // 0

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

{
            let i = 0;
        }
        console.log(i); // 报错

  1. 不允许重复声明

使用var 重复声明变量: 覆盖之前的值

ES6 学习(一)-- 基础知识_数组_02

使用let 重复声明变量:报错!

ES6 学习(一)-- 基础知识_局部变量_03

  1. 变量提升没有了

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

  1. 不与顶层对象挂钩 // 100

ES6 学习(一)-- 基础知识_数组_04

// undefined

3. const 声明常量

  1. const 声明的是常量,需要在声明时就赋值,后期值不可以修改;
  2. 不能重复定义;
  3. 出现在块级定义域中为局部变量,外部不可访问;
  4. 声明不提升,会出现暂存性死区
  5. 不与顶层对象挂钩
  6. ES6 学习(一)-- 基础知识_局部变量_05

  7. // undefined

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

ES6 学习(一)-- 基础知识_数组_06

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

ES6 学习(一)-- 基础知识_局部变量_07

4. 解构赋值

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

  1. 数组传参 // a=1 b=2 c=3

两个变量交换值:之前需要定义临时变量进行辅助,而现在

ES6 学习(一)-- 基础知识_赋值_08

ES6 学习(一)-- 基础知识_数组_09

// a = 1

ES6 学习(一)-- 基础知识_数组_10

// a = 3

ES6 学习(一)-- 基础知识_赋值_11

// b = 2

  1. 对象传参 // kerwin 100

ES6 学习(一)-- 基础知识_赋值_12

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

ES6 学习(一)-- 基础知识_局部变量_13

// 11111111 200 没有错误 此时code 中如果有err 变量,输出值就覆盖默认值 没有错误 。

ES6 学习(一)-- 基础知识_局部变量_14

  1. 使用函数对解构赋值进行传参
  2. 字符串解构 // k e r

ES6 学习(一)-- 基础知识_数组_15

举报

相关推荐

0 条评论