ES6 第一天

最新推荐文章于 2023-01-17 08:44:54 发布
最新推荐文章于 2023-01-17 08:44:54 发布
阅读量376 收藏 2
点赞数 2
分类专栏： Nodejs 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ilove_bugs/article/details/120980996
版权

 

let和const命令

ES6 新增了let命令，用来声明变量。

ES6新增了const命令用来声明一个只读的常量。

2.1 let命令

2.1.1 基础用法

2.1.2 let命令特点【重点】

  • let不存在变量提升与暂时性死区

代码案例：

    <script>
        //var有变量提升
        console.log(age);
        var age = 20;
​
        //let不存在变量提升
        console.log(email);
        let email = 'lisi@qq.com'; // Cannot access 'email' before initialization
​
​
​
     let usr = '李四';
        if (1) {
            // let usr = '张三';
            //let有暂时性死区，也就是let要先定义后使用，因为let没有变量提升
            console.log(usr); //Cannot access 'usr' before initialization
            let usr = '张三';
        }
    </script>

  • let在同一个作用域中不能重复声明，var在同一个作用域中可以重复声明

代码案例：

    <script>
        //var有变量提升
        console.log(age);
        var age = 20;
        var age = 22;  //var可以重复声明
        console.log(age);
​
        //let不存在变量提升
        //console.log(email);
        let email = 'lisi@qq.com'; // Cannot access 'email' before initialization
​
        //let在同一个作用域只能声明一次
        // let email = 'zhangsan@sohu.com';  //Identifier 'email' has already been declared
        email = 'zhangsan@sohu.com';
        console.log(email);
            </script>

  • let声明的变量不会绑定到window对象上，而var声明的变量会绑定的window对象上

    <script>
        //let声明的变量不会绑定到window对象上，而var声明的变量会绑定的window对象上
        let a = 100;
        var abc = 99;
        console.log(window);
    </script>

  • let块级作用域，var是函数作用域，但在if、for中用var声明的变量是全局作用域

代码案例：

    <script>
//let声明的变量是块级作用域 而var声明的变量是函数作用域、但在if、for中声明的变量是全局作用域 
​
        function demo() {
            var uname = '张三';
            console.log(uname);
        }
​
        demo();
​
        //  console.log(uname); //uname is not defined
​
        for (var i = 0; i < 10; i++) {
            console.log(i, 111);
            var i = 10;
        }
        console.log(i); //10
​
​
        for (let j = 0; j < 10; j++) {
            let j = 10;
            console.log(j, 999);
​
        }
        // console.log(j); // j is not defined
​
        if (1) {
            var yy = 100;
        }
        console.log(yy); //100
​
​
        if (1) {
            let y = 99;
            if (2) {
                // let y = 88;
                console.log(y, 666); //99
            }
​
            console.log(y); //99
        }
​
        console.log(y); //y is not defined
    </script>

2.1.3 let和循环

代码案例：

​
<body>
    <button>按钮1</button><button>按钮2</button><button>按钮3</button><button>按钮4</button>
    <script>
        let btns = document.getElementsByTagName('button');
        // for (var i = 0; i < btns.length; i++) {
        for (let i = 0; i < btns.length; i++) {
            btns[i].onclick = function() {
                alert(i);
            }
        }
    </script>
</body>

2.2 const命令

cosnt用来声明常量。

什么是常量?

在整个程序运行期间其值是相对固定不变的。

2.2.1 基础用法

代码案例：

const pi = 3.14;
console.log(pi);

2.2.2 const特点及建议【重点】

1、常量一旦声明其值是不固定不变的，但如果常量的值为数组或对象时则可以改变

2、同一个常量在同一个作用域中只能声明一次

3、常量是块级作用域

4、常量没有提升(常量要先定义后使用)

代码案例：

 <script>
        const host = 'www.baidu.com';
        console.log('http://' + host);
​
​
        //1、常量一旦声明其值是不固定不变的，但如果常量的值为数组或对象时则可以改变
        // host = 'www.qq.com';  //Assignment to constant variable.
        // const host = 'www.qq.com'; //'host' has already been declared
​
        const stu = {
            "uanme": "李四",
            "age": 20
        };
        stu.uanme = '张三';
        console.log(stu);
​
        //同一个常量在同一个作用域中只能声明一次
        const pi = 3.14;
        //   const pi = 3.1415;  //'pi' has already been declared
        console.log(pi);
​
        //常量是块级作用域
        if (3) {
            const age = 21;
        }
        // console.log(age);  //age is not defined
​
        //常量没有提升(常量要先定义后使用)
        console.log(PORT); //Cannot access 'PORT' before initialization
        const PORT = 3306;
    </script>

三、数据类型

3.1字符串扩展

3.1.1 模板字符串【重点】

1、模板字符串的语法： `` //反引号

2、模板字符串的作用：简化字符串的拼接

3、模板字符串的特点：

(1)、在模板字符串可以引用变量；

(2)、在模板字符串中可以换行；

(3)、在模板字符串中可以调用函数；

(2)、在模板字符串中可以进行运算；

3.1.2 基础用法

代码案例：

<script>
        let usr = '张三';
        let age = 20;
        // let str = "姓名为：<a href='www.baidu.com'>" + usr + "</a> 年龄为：" + age;
        let str = `姓名为：<a href='www.baidu.com'>${usr}</a> 
        年龄为：${age}
        函数调用结果为：${demo()}
        运算结果为：${age+2}`;
        console.log(str);
​
        function demo() {
            return 'Hellow WEB';
        }
    </script>

3.1.4 新增方法

  • startsWith

语法：字符串.startsWidth( 参数字符 )

描述：参数字符串是否在原字符串的头部

代码案例：

    <script>
        let str = "/teacher/21";
        if (str.startsWith('/teacher')) {
            console.log('Yes');
        } else {
            console.log('no');
        }
    </script>

  • endsWith

语法：字符串.endsWidth( 参数字符 )

描述：参数字符串是否在原字符串的尾部

代码案例：

​

  • repeat

语法：字符串.repeat( num )

描述：返回一个新字符串，表示将原字符串重复n次

代码案例：

 <script>
        let str2 = 'YesOK';
        console.log(str2.repeat(5));
    </script>

  • padStart

语法：字符串.padStart( 目标长度，填充的字符 )

描述：字符串头部补全

代码案例：

 <script>
​
        let str3 = 'demo';
        str3 = str3.padStart(12, 'this is ');
        console.log(str3);
    </script>

  • padEnd

语法：字符串.padEnd( 目标长度，填充的字符 )

描述：字符串尾部补全

代码案例：

​

3.2 Symbol

ES6 引入了一种新的原始数据类型Symbol，表示独一无二的值。

它是 JavaScript 语言的第七种数据类型。

Symbol 值通过Symbol函数生成。

3.2.1 基础用法

代码案例：

 <script>
        //定义Symbol类型的变量
        let s1 = Symbol();
        let s2 = Symbol();
        console.log(s1 === s2); //false
    </script>

3.2.2 Symbol描述符

代码案例：

 <script>
​
        let brand1 = Symbol('联想');
        let brand2 = Symbol('华为');
        console.log(brand1, brand2, s1);
​
    </script>

3.2.3 应用场景

常用来模拟对象私有属性和方法。

代码案例：

 <script>
​
        //Symbol的用途：防止对象的属性值被覆盖
        let u = Symbol();
        let u2 = Symbol();
        let obj = {
            "usr": "李四",
            "age": 20,
            [u]: "小明"
        };
        obj.usr = '张三';
        obj[u2] = '小红';
        console.log(obj);
    </script>

四、数据结构

4.1 数组

数组可以存储多个数据，在JavaScript中已经学习了数组定义和一些方法包含添加、删除、获取等。es6中对数组一些方法进行了扩展。

4.1.1 新增方法

  • Array.of

语法：Array.of( ...args )

作用：Array.of

代码案例：

    <script>
        let arr = new Array(1, 3, 6);
        console.log(arr);
        let arr2 = new Array(5); //有歧义
        console.log(arr2);
​
        let arr3 = Array.of(5);
        console.log(arr3);
    </script>

  • Array.from

语法：Array.from( arrayLike )

作用：把伪数组或可遍历的对象转换成真正的数组，相对于ES5的写法，更加简洁方便

代码案例：

<body>
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <script>
        let divs = document.getElementsByTagName('div');
        console.log(divs);
        let divArr = Array.from(divs);
        console.log(divArr);
​
        let obj = {
            0: "a",
            1: "OK",
            2: 99,
            // 'age': 20,
            length: 3
        };
        let arr5 = Array.from(obj);
        console.log(arr5);
    </script>
</body>

4.2 对象

对象（object）是 JavaScript 最重要的数据类型。ES6 对它进行了重大升级，包括（数据结构本身的改变和Object对象的新增方法）

4.2.1 对象的简写形式：【重点】

1)、对象的属性名简写形式：当对象的属性名与属性值同名时则可以简写

2)、对象的方法简写形式：直接省略冒号及function关键词

代码案例：

<script>
        //对象的属性名简写形式：
        let usr = "张三";
        let age = 20;
        let email = "lisi@qq.com";
        // let obj = {
        //     "usr": usr,
        //     "age": age,
        //     "email": email
        // };
        let obj = {
            usr,
            age,
            email,
            // fn: function() {
            //     console.log('Hello word');
            // }
            fn() { //对象的方法简写形式
                console.log('Hello word');
            }
        };
        console.log(obj, 999);
        obj.fn();
    </script>

4.2.2 对象的属性名表达式【重点】

当对象的属性名不是一个固定的字符串时，我们要采用对象的属性名表达式的写法来完成。

代码案例：

 <script>
        let p = 2;
        let obj = {
            "bookname": "web开发",
            "author": "中公教育",
            "price": 88,
            ["author" + p]: "测试下"
        };
​
        obj["price" + p] = 99;
        console.log(obj);
        //遍历obj对象:
        for (let xy in obj) {
            console.log(xy, obj[xy]);
        }
    </script>

4.2.3 新增方法

  • Object.keys

语法：Object.keys( object )

描述：返回一个数组，成员是参数对象自身的属性的键名

  • Object.values

语法：Object.values( object )

描述：返回一个数组，成员是参数对象自身的属性的键值

代码案例：

    <script>
        let stu = {
            "uname": "张三",
            "email": "zs@qq.com",
            "tel": 110
        };
​
        let arr = Object.keys(stu);
        let arr2 = Object.values(stu);
        console.log(arr, arr2);
    </script>

  • Object.assign

语法： Object.assign( target,source1,source2,... )

描述：对象的合并( 拷贝 )，将源对象（source），复制到目标对象 ( target )

代码案例：

    <script>
​
        let obj1 = {
            "a": 11,
            "b": "OK",
            "c": {
                "usr": "张三",
                "age": 19
            }
        };
        let obj2 = {
            "bkname": "javascript开发",
            "price": 88
        };
        let obj3 = {};
        Object.assign(obj3, obj1, obj2); //浅拷贝
        obj3.c.usr = '李四';
        console.log(obj3, obj1);
    </script>

  • JSON.parse

语法：JSON.parse( jsonstr)

描述：把json字符串转换成js对象

  • JSON.stringify

语法：JSON.stringify( object )

描述：把js对象转换成json字符串

代码案例：

    <script>
        let str = '{"usr":"demo","age":20}';
        let obj = JSON.parse(str);
        console.log(obj, typeof obj);
        let str2 = JSON.stringify(obj);
        console.log(str2, typeof str2);
    </script>

4.3 Set

ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。

4.3.1 基本用法

    <script>
        //set是es6新增的数据结构，它类似于数组，但与数组不同的是set中的值是唯一的，没有重复的值
        let curset = new Set([1, 3, 9, 2, 1, 3, 2]);
        console.log(curset);
 
    </script>

4.3.2 常见方法

  • size 获取set集合的长度

  • add(值) 给集合添加值，返回新set

  • delete(值) 删除某个值，返回布尔值，表示是否删除成功

  • has(值) 查询这个值是否时集合的成员，返回布尔值

  • clear() 清空集合,没有返回值

代码案例：

    <script>
        //set是es6新增的数据结构，它类似于数组，但与数组不同的是set中的值是唯一的，没有重复的值
        let curset = new Set([1, 3, 9, 2, 1, 3, 2]);
        curset.add('Hello'); //增加成员值
        curset.delete(9); //删除成员值
        // curset.clear();
​
        console.log(curset, curset.size, curset.has(9));
        let arr = Array.from(curset);
        console.log(arr, arr[2]);
​
​
        //set的应用： 数组去重
        function uniqueArr(arr) {
            let sets = new Set(arr);
            return Array.from(sets);
        }
        let arr3 = [1, 3, 2, 4, 3];
        arr3 = uniqueArr(arr3);
        console.log(arr3);
    </script>

4.4 Map

ES6 提供了 Map 数据结构。它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。

4.4.1 基本用法

代码案例：

    <script>
        let flg = true;
        let obj = {};
        let curmap = new Map();
        curmap.set(flg, 'Hello');
        curmap.set(obj, [1, 3, 2]);
        console.log(curmap);
    </script>

4.4.2 常见方法

  • size 获取Map的长度

  • set(key,val) 添加一条数据

  • get(key) 根据key获取val

  • has(key) 是否存在key

  • delete(key) 删除某条数据

  • clear() 清空所有数据

代码案例：

<body>
    <p>1</p>
    <p>2</p>
    <p>3</p>
    <script>
        let curp = document.getElementsByTagName('p');
        let flg = true;
        let obj = {};
        let curmap = new Map();
        curmap.set(flg, 'Hello');
        curmap.set(obj, [1, 3, 2]);
        curmap.set(curp, 'YesOK');
        console.log(curmap.has(obj));
        curmap.delete(flg);
        console.log(curmap, curmap.get(curp), 9999);
    </script>
</body>

五、运算符表达式

变量的解构赋值和 ...运算符

5.1 解构赋值

5.1.1 概念及意义

ES6 允许按照一定模式将数组和对象中的值提取出来并赋值给变量，这过程被称为解构赋值。

5.2 数组解构【重点】

数组解构赋值的语法：let [模式] = [数组]

注意：数组解构赋值时要注意的变量的先后顺序，因为数组是一个有序的集合。

5.2.1 完全解构赋值

代码案例：

 <script>
        let arr = [100, 2, 8, 99, 6];
        //需求：将数组arr中的元素取出并赋值给不同的变量
        //es5的写法：
        // let x = arr[0],
        //     y = arr[1],
        //     m = arr[2],
        //     n = arr[3],
        //     z = arr[4];
​
        //1、数组完全解构赋值
        let [x, y, m, n, z, p] = arr;
        console.log(x, y, m, n, z, p); //p解构失败时的默认值为undefined
​
    </script>

5.2.2 不完全解构

代码案例：

 <script>
​
        //2、数组不完全解构赋值：
        // let [, , y, m] = [3, 1, 6, 99];
       let [, , m, y, z] = [3, 1, 6, 99];
        console.log(y, m, z); //z解构失败时的默认值为undefined
​
    </script>

5.2.3 解构失败

代码案例：

 <script>
        let arr = [100, 2, 8, 99, 6];
        //需求：将数组arr中的元素取出并赋值给不同的变量
        //es5的写法：
        // let x = arr[0],
        //     y = arr[1],
        //     m = arr[2],
        //     n = arr[3],
        //     z = arr[4];
​
        //1、数组完全解构赋值
        let [x, y, m, n, z, p] = arr;
        console.log(x, y, m, n, z, p); //p解构失败时的默认值为undefined
​
        //2、数组不完全解构赋值：
        // let [, , y, m] = [3, 1, 6, 99];
        [, , m, y, z] = [3, 1, 6, 99];
        console.log(y, m, z); //z解构失败时的默认值为undefined
​
​
    </script>

5.2.4 解构默认值

代码案例：

 <script>
        //3、默认值:解析失败时默认值才生效
        let [x, y, m = 99, n = 100] = [2, 1, 'Hello'];
        console.log(x, y, m, n);
​
​
    </script>

5.2.5 数组嵌套解构赋值

 <script>
        //4、数组嵌套解构赋值
       let [, x, [, y], z = 'web'] = [11, 2, [99, 88], 100];
        console.log(x, y, z);
    </script>

5.2.6 数组解构应用(数据交换)

代码案例：

    <script>
        let x = 1,
            y = 99;
​
        [y, x] = [x, y];
        console.log(x, y);
    </script>

5.3 对象解构【重点】

对象的解构与数组有一个重要的不同。数组的元素是按次序排列的，而对象的属性没有次序。

对象解构赋值的语法： let {模式} = {对象}

5.3.1 完整语法解构

代码案例：

 <script>
        let obj = {
            "uname": "李四",
            "tel": 110,
            "age": 20
        };
​
        //es5的写法：
        // let x = obj.uname,
        //     y = obj.tel,
        //     m = obj.age;
        // console.log(x, y, m);
​
        //1、对象完全解构赋值
        //完整的写法
        // let {
        //     "uname": x,
        //     "tel": y,
        //     "age": m
        // } = obj;
        // console.log(x, y, m, 666);
​
         let {
             "uname": uname,
             "tel": tel,
             "age": age
         } = obj;
    console.log(uname, tel, age);
    </script>

5.3.2 简写语法解构

代码案例：

 <script>
        let obj = {
            "uname": "李四",
            "tel": 110,
            "age": 20
        };
​
        //es5的写法：
        // let x = obj.uname,
        //     y = obj.tel,
        //     m = obj.age;
        // console.log(x, y, m);
​
        //1、对象完全解构赋值
        //完整的写法
        // let {
        //     "uname": x,
        //     "tel": y,
        //     "age": m
        // } = obj;
        // console.log(x, y, m, 666);
​
        // let {
        //     "uname": uname,
        //     "tel": tel,
        //     "age": age
        // } = obj;
​
        //简写形式：
        let {
            uname,
            age,
            tel
        } = obj;
        console.log(uname, tel, age);
​
        
    </script>

5.3.3 解构默认值

代码案例：

 <script>
​
        //3、默认值：在解构失败时默认值才生效
        let {
            price = 100,
                author = '中公教育'
        } = {
            "bkname": "web开发",
            "price": 88
        };
        console.log(price, author);
    </script>

5.3.4 解构失败

代码案例：

 <script>
       
​
        //3、默认值：在解构失败时默认值才生效
        let {
            price = 100,
                author 
        } = {
            "bkname": "web开发",
            "price": 88
        };
        console.log(price, author);  //author解构失败时的默认值为undefined
​
    </script>

5.3.5对象嵌套解构赋值：

 <script>
​
        //4、对象嵌套解构赋值
        let obj3 = {
            "test": [2, 99, {
                "m": "ok",
                "n": 66
            }, 100]
        };
​
        let {
            "test": [, x, {
                n
            }, y1]
        } = obj3;
        console.log(x, y1, n);
    </script>
ILove_bugs
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES6 简介
Wzc0720的博客
10-27 398
ES6 简介
ES6-简介、语法
最新发布
weixin_53903929的博客
08-22 1024
console . log("睡觉");console . log("吃饭");} };console . log("睡觉");console . log("吃饭");} };console . log("睡觉");console . log("吃饭");} };console . log("睡觉");console . log("吃饭");} };console . log("睡觉");console . log("吃饭");} };
js总结篇之—ES6 （看完你就学会整个js）
Sakura1921的博客
02-22 5632
1.ECMAScript ## 介绍 * 一般来说ECMAScript可以认为是javascript * javascript对ECMAScript进行了扩展 ### javascript组成 * ECMAScript(核心) * 扩展-->浏览器端 * DOM * BOM * 扩展-->服务器端 * NODEJS ## ES版本变化 1. ES5 发布于2009年 2. ES6 发布于2015年 3. ES7 发布于2016年 2.数组函数的扩展 * Array.prot
一编文章就让你明白什么是ES6
程序研博客
01-17 774
ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。ES6 实际上是一个泛指，泛指 ES2015 及后续的版本。
ES6简介
m0_45659764的博客
07-02 1683
ES的全称是ECMAScript，它是由ECMA国际标准化组织制定的一项脚本语言的语法规范ES6实际上是一个泛指，泛指ES2015及后续的版本ES6中新增的用于声明变量的关键字 注意：使用let关键字声明的变量才具有块级作用域，使用var声明的变量不具备块级作用域特性 在我们for循环的时候，如果使用var来声明变量，即使已经循环完了，在for循环的外面还是能访问得到这个计数的变量，如果使用了let（即使let是在for的括号里而不是在{}里，它依然和for的块级作用域绑定），就不能在for循环的
js获取当前月的第一天和最后一天的小例子
01-19
//第一天 var endDate = new Date(firstDate); endDate.setMonth(firstDate.getMonth()+1); endDate.setDate(0); alert(“第一天：”+new XDate(firstDate).toString(‘yyyy-MM-dd’)+” 最后一天：”+new ...
音乐app移动端第一天(使用vuecli3开发)
01-20
npm instlal babel-polyfill(能支持所有es6所有的新方法可能有的浏览器不支持es6的新方法则需要安装polyfill) npm install fastclick(取消300ms的延迟) 实现m-header组件的编写 在App.vue中使用m-heaqder 此处...
每日代码行：一天中的代码行
02-03
支持者API API的第一个版本已发布！ 网址： 方法： /get-random-line 返回随机行链接结构： ： /get-all-lines 返回每一行链接结构： ： /get-lines-by-lang/:lang: 按提供的语言返回每一行链接结构： ://cld....
Vue.js第一天学习笔记（数据的双向绑定、常用指令）
12-29
数据的双向绑定(ES6写法)  效果: 没有改变 input 框里面的值时: 将input 框里面的值清空时: 重新给 input 框输入 豆豆 后页面中 span 里绑定{{testData.name}}的值随着 input 框值的变化而变化. 在Vue.js中...
vanilla.js-logic-game：我用Phaser编写的第二款游戏！
02-04
第一天-星期三21:00-开始吧！ 今天的计划：准备一些基本文件。 不知道如何处理图像，通常我不会将它们放在存储库中，但是这次我会。 第2天-星期四12:00-今天的计划：添加级别选择，代码教程，甚至可能是级别1。 ...
Atitit es6新特性 Es7 es8 新特性 目录 1.1. ECMAScript 的历史 1 2. 新特性 2 2.1. 全面的class模型 2 2.2. .模块 import、expor
attilax的专栏
08-25 594
Atitit es6新特性 Es7 es8 新特性 目录 1.1. ECMAScript 的历史 1 2. 新特性 2 2.1. 全面的class模型 2 2.2. .模块 import、export 2 2.2.1. 4. arrow functions （箭头函数） 2 2.2.2. 5. template string （模板字符串） 2 2.2.3. 8. rest ...
ES6详细讲解
qq_51986661的博客
11-25 2991
ES61995年的美国，有一家名为netscape(网景)的公司打造了一款主要用于check验证的脚本语言，而恰在此时，Sun公司的java语言火的一塌糊涂，netscape公司为蹭其热度，便将该脚本语言命名为JavaScript。不料JavaScript居然被越来越多的人使用，后效仿大秦的货币统一政策将其提交给国际标准组织ECMA。该组织发布的标准被称做ECMAScript。2015年6月发布的版本称为，简称ES6。从ES6开始，该组织每年会发布一个版本，版本号比年份最后一位大1，至今最新版本为。
ES6模块化与异步编程高级用法
kaieew12345的博客
08-25 408
1. ES6 模块化的基本语法 ES6 的模块化主要包含如下 3 种用法： ① 默认导出与默认导入 ② 按需导出与按需导入 ③ 直接导入并执行模块中的代码 1.1 默认导出 默认导出的语法： export default 默认导出的成员 1.2 默认导入 默认导入的语法： import 接收名称 from ‘模块标识符’ 1.3 默认导出的注意事项 每个模块中，只允许使用唯一的一次 export default，否则会报错！ 1.4 默认导入的注意事项 默认导入时的接收名称可以任意名称，只要是合法的成
ES6 入门系列之ES6的前世今生
青春木鱼的博客
03-16 352
要学好javascript , ECMAScript标准比什么都强，ESMAScript标准已经用最严谨的语言和最完美的角度展现了语言的实质和特性。 理解语言的本质后，你已经从沙堆里挑出了珍珠，能经得起时光的磨砺。 有很多问题在网络上被包装了太多次，解释的千奇百怪，但用规范的语言来描述竟是如此简单。 什么是ES6， 刚开始学ES6的时候我以为它就是ECMAScript2015， 然而ES6是一个泛指， 它是指5.1版本后JavaScript的下一代标准，它涵盖了ES2015, ES2016, ES2017
Array常用方法总结
11-16 171
一、【常用语法】 1.1、数组的创建var arrayObj = new Array();　//创建一个数组 var arrayObj = new Array([size]);　//创建一个数组并指定长度，注意不是上限，是长度 var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]);　//创建一个数组并...
ES6简介与发展历史（ES笔试题、简介、ECMAScript 背景、ECMAScript 历史）
qq_52301431的博客
05-29 538
目录 ES6简介与发展历史 1、简介 2、ECMAScript 背景 3、ECMAScript 历史 ES6简介与发展历史 1、简介 ES6， 全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版。 ES6 主要是为了解决 ES5 的先天不足，比如 JavaScript 里并没有类的概念，但是目前浏览器的 JavaScript 是 ES5 版本，大多数高版本的浏览器也支持 ES6，不过只实现了 ES6 的部分特性和功能。
es6简单介绍
m0_66719120的博客
08-03 251
es6简单简单
es6获取数组第一个元素
05-26
可以使用数组的索引来获取第一个元素，即使...同时，也可以使用ES6的语法来获取第一个元素，即使用解构赋值，如下所示： ``` const [first] = array; ``` 其中，`[first]`表示将数组的第一个元素赋值给变量`first`。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值