ES6之let&const

最新推荐文章于 2024-07-28 20:27:10 发布

faramita_of_mine

最新推荐文章于 2024-07-28 20:27:10 发布

阅读量296

点赞数

分类专栏： ES6 文章标签： javascript 前端 vue.js es6

本文链接：https://blog.csdn.net/faramita_of_mine/article/details/122832749

版权

ES6 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

ES6之let&const

一、简介
二、ES6新特性
- - ①let声明变量
  - ②const声明常量(只读变量)

一、简介

ECMAScript6.0(以下简称ES6,ECMAScript是一种由Ecma国际)(前身为欧洲计算机制造商协会,英文名称是 European Computer ManufacturersAssociation)通过ECMA-262标准化的脚本程序设计语言 ) 是JavaScript 语言的下一代标准, 已经在2015 年 6月正式发布了，并且从ECMAScript 6开始，开始采用年号来做版本。即ECMAScript2015,就是ECMAScript 6 。它的目标，是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言。每年一个新版本。
ECMAScript是浏览器脚本语言的规范，而各种我们熟知的js语言，如JavaScript则是规范的具体实现。

二、ES6新特性

①let声明变量

var声明的变量往往会越域。
let声明的变量有严格局部作用域。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <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;
         }
         console.log(a);//1
         console.log(b);//ReferenceError: b is not defined
    </script>
</body>
</html>

var可以声明多次。
let只能声明一次。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <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;//Identifier 'n' has already been declared
         console.log(m);//2
         console.log(n);//3,如果把n=4的注释取消，那么就会提示n已经被定义
    </script>
</body>
</html>

var会变量提升。
let 不存在变量提升。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //var会变量提升
        //let 不存在变量提升
        console.log(x);//undefined
        var x=10;
        console.log(y);//ReferenceError: "y" is not undefined
        let y=20;
    </script>
</body>
</html>

②const声明常量(只读变量)

1.声明过后不允许改变。
2.一旦声明必须初始化，否则会报错。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
 		//1.声明过后不允许改变
        //2.一旦声明必须初始化，否则会报错
        const a=1;
        a=3;//Uncaught TypeError: Assignment to constant variable
    </script>
</body>
</html>

faramita_of_mine

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
ES6之let&const

ES6之let&const一、简介二、ES6新特性①let声明变量②const声明常量(只读变量)一、简介 ECMAScript6.0(以下简称ES6,ECMAScript是一种由Ecma国际)(前身为欧洲计算机制造商协会,英文名称是 European Computer ManufacturersAssociation)通过ECMA-262标准化的脚本程序设计语言 ) 是JavaScript 语言的下一代标准, 已经在2015 年 6月正式发布了，并且从ECMAScript 6开始，开始采用
复制链接

扫一扫