ES6新特性

最新推荐文章于 2023-12-19 09:39:18 发布

houbinhb

最新推荐文章于 2023-12-19 09:39:18 发布

阅读量58

点赞数

分类专栏： Web前端学习文章标签： es6

本文链接：https://blog.csdn.net/houbinhb/article/details/128317624

版权

本文详细介绍了ES6，即ECMAScript 6.0，包括它的基本介绍、let和const声明变量的区别、解构赋值的应用、模板字符串的使用、对象相关的新特性和箭头函数的多种用法。通过实例演示和注意事项，帮助读者全面掌握ES6的语法新特性。

摘要由CSDN通过智能技术生成

学习目标: 掌握 ES6 语法新特性

全称 ECMAScript 6.0 ,是 JavaScript 的下一个版本标准,增加了新的语法特性

ES6 基本介绍

ES6 是什么?

1. ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准， 2015 年 6 月发布。

2. ES6 设计目标：达到 JavaScript 语言可以用来编写复杂的大型程序，成为企业级开发语言

3. ECMAScript 和 JavaScript 的关系：ECMAScript 是 JavaScript 的规范/规则，JavaScript

是 ECMAScript 的一种实现。

let 声明变量

应用实例-基本使用

1. 需求: 演示 let 的基本使用

2. 代码演示, 创建 let.htm

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>let 基本使用</title>
    <script type="text/javascript">
        let name = "XXX教育";
        //1. console.log("name=", name); //使用, 可以输出对象的完整信息
        // 使用+, 字符串的拼接, 如果 name 是一个对象, 会输出 object, 而不会输出对象的
        完整信息
        //2. console.log("name="+ name);
        console.log("name=", name);
    </script>
</head>
<body>
</body>
</html>

注意事项和使用细节

1. let 声明的变量有严格局部作用域

2. let 只能声明一次, var 可以声明多次

3. let 不存在变量提升, var 存在变量提升

4. 代码演示 : let_detail.htm

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>let 使用注意事项和细节</title>
    <script type="text/javascript">
        // let 细节 1
        // (1) let 声明的变量, 在代码块中，则作用域在代码块中
        // (2) var 声明的变量, 在代码块中，作用域没有限制
        {
            var name = "XXX教育";
            let job = "java 工程师";
            console.log("name=", name);
            console.log("job=", job);
        }
        console.log("name=", name);
        //console.log("job=", job);//job is not defined
        // let 细节 2
        // 1. var 可以声明多次
        // 2. let 只能声明一次
        var num1 = 100;
        var num1 = 200;
        console.log(num1);
        let num2 = 600;
        //Syntax => 语法
        //let num2 = 900;//Uncaught SyntaxError: redeclaration of let num2
        console.log(num2);
        // let 细节 3
        // 1. let 不存在变量提升
        // 2. var 存在变量提升
        console.log("x=", x);//undefined
        var x = "tom";
        //can't access 
        console.log("z=", z);
        let z = "mary";
    </script>
</head>
<body>
</body>
</html>

const 声明常量/只读变量

应用实例

1. 需求: 演示 const 的基本使用

2. 代码演示, 创建 const.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>const 常量/只读变量的使用</title>
    <script type="text/javascript">
        //const 基本使用 => 想一想 java 基础[语言语法很多是相通]
        /**老韩解读
        1. 常量在定义时，需要赋值
        2. 常量赋值后不能修改
        */
        //常量
        const PI = 3.14;

最低0.47元/天解锁文章

houbinhb

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ES6新特性

1. ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准， 2015 年 6 月发布。2. ES6 设计目标：达到 JavaScript 语言可以用来编写复杂的大型程序，成为企业级开发语言3. ECMAScript 和 JavaScript 的关系：ECMAScript 是 JavaScript 的规范/规则，JavaScript是 ECMAScript 的一种实现。1. 解构赋值是对赋值运算符的扩展。
复制链接

扫一扫