ES6概念及声明常量、变量、解构赋值

最新推荐文章于 2025-12-09 12:04:22 发布

原创最新推荐文章于 2025-12-09 12:04:22 发布 · 227 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#es6 #前端 #js #javascript #字符串

前端同时被 3 个专栏收录

3 篇文章

订阅专栏

3 篇文章

订阅专栏

ES6

1 篇文章

订阅专栏

本文介绍了ES6（ECMAScript 6.0）的核心概念，包括如何声明变量和常量，以及解构赋值在数组和对象中的应用。通过示例代码展示了ES6如何提升JavaScript的开发体验，使其更适合处理复杂应用。

ES6

前言
一、使用步骤
- 1.声明变量常量
- 2.解构赋值(数组、对象)

前言

ES6：全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版。
ES6 的目标：
成为更好的开发语言，适应更复杂的应用等…

一、使用步骤

1.声明变量常量

代码如下（示例）：

 //旧版本声明变量
        var a = 100;
        alert(a);
 //ES6
        let b = 'abc';
        alert(b);
 // const 用于声明变量 它的值是不可以更改的(块级作用域)  let 用于声明变量 它的值是可以更改的(块级作用域)
        //1.常量不可以被更改
        const a = 100;
        //a = 200;
        console.log(a);
        //2.定义的时候必须赋值
        let str;//先定义
        str = "abc";//在赋值
        const STR;
        STR = "xyz";//常量STR不解析当前行
        console.log(STR);
        //3.命名：如果一个大自然存在的变量，我们习惯用大写
        const PI = 3.14;

2.解构赋值(数组、对象)

代码如下（示例）：

 //数组的解构赋值
        let stus = ['AK-47野荷','M4A1皇帝','AWP龙狙'];

        //访问数组数据
        let tx = stus[0];
        console.log(tx);

        let [AK,M4,AW] = stus;
        console.log(AK);
        console.log(M4);
        console.log(AW);

        // 对象的解构赋值
        let zjhObj = {
            name:'张家辉',
            gender:'男',
            age:25
        }
        let hjjObj = {
            name:'黄家驹',
            gender:'男',
            age:25
        }
        //对象在进行解构操作的时候，变量必须与源对象属性一一对应；但是可以为变量起另外的别名
        let { name:zjhName,gender,age } = zjhObj;
        console.log(zjhName);