ES6入门

ES6

介绍

ES6是一套标准,ECMAScript 和 JavaScript 的关系是,前者是后者的规格,后者是前者的一种实现(另外的 ECMAScript 方言还有 Jscript 和 ActionScript)

基本语法

  1. let声明变量

    <script>
        //es6如何定义变量,定义变量特点
        // var 声明的变量没有局部作用域
        // let 声明的变量  有局部作用域
        //1 创建代码块,定义变量
        {
            var a = 10;
            let b = 20;
        }
        //2 在代码块外输出
        console.log(a)
        console.log(b)
    
    </script>
    
    <script>
        // var 可以声明多次
        // let 只能声明一次
        var m = 1
        var m = 2
    
        let n = 1
        let n = 2//Identifier 'n' has already been declared
    </script>
    
  2. const声明常量(只读变量)

    1、声明之后不允许改变   
    const PI = "3.1415926"
    PI = 3  // TypeError: Assignment to constant variable.
    
    2、一但声明必须初始化,否则会报错
    const MY_AGE  // SyntaxError: Missing initializer in const declaration
    
  3. 解构赋值

    <script>
        //传统写法
        let a = 1,b = 2,c = 3
        console.log(a,b,c)
        //es6
        let [x,y,z] = [2,3,4]
        console.log(x,y,z)
    </script>
    
    <script>
        //对象解构
        let user = {"name":"123","age":"18"}
        //原始
        let name1 = user.name
        let age1 = user.age
        //es6
        let {name,age} = user
    </script>
    
  4. 模板字符串

    模板字符串相当于加强版的字符串,用反引号 `,除了作为普通字符串,还可以用来定义多行字符串,还可以在字符串中加入变量和表达式。

    image-20220731233236011

    image-20220731233258451

    image-20220731233308613

  5. 声明对象简写

    image-20220731233334613

  6. 定义方法简写

    image-20220731233422313

  7. 对象拓展运算符

    拓展运算符(...)用于取出参数对象所有可遍历属性然后拷贝到当前对象。

    image-20220731233515769

  8. 箭头函数

    箭头函数提供了一种更加简洁的函数书写方式。基本语法是:

    参数 => 函数体
    

image-20220731233540643

image-20220731233602863

箭头函数多用于匿名函数的定义

posted @   NeverLateThanBetter  阅读(25)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
点击右上角即可分享
微信分享提示