ES6语法概述

最新推荐文章于 2024-10-09 11:19:11 发布

创造1024组合成员杨抄阅

最新推荐文章于 2024-10-09 11:19:11 发布

阅读量191

点赞数

文章标签： javascript vue.js es6

本文链接：https://blog.csdn.net/weixin_35969228/article/details/105914890

版权

一.ES6的介绍

ECMAScript与JavaScript的关系前者是后者的规格，后者是前者的实现

ES6: 代码简洁浏览器兼容性很差

ES5：代码复杂浏览器兼容性很好

es6是一套标准，javascript 很好的遵循了这套规范

二.ES6的语法

var和let的区别

1.定义变量

①.作用范围不同 let作为变量有作用范围

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //var 声明的变量往往会越域
        //let 声明的变量会有严格局部作用域

        //创建代码块，定义变量
        {
        var a=1;
        let b=2;
        }

        //2.在代码块 外面输出
        console.log(a)
        console.log(b)
    </script>
</body>
</html>

②.let不能多次定义相同名称的变量

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //同一个变量，var可以声明多次 let只能声明一次
        var m=1
        var m=2
        let n=3
        let n=4

        console.log(m);
        console.log(n);
        
        
    </script>
</body>
</html>

③ 变量提升即先使用再声明

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>

        //var 会变量提升 let不存在
       console.log(x);
       var x=10;

       console.log(y);
       let y=10;

       
       
    </script>
</body>
</html>