TOP

es6的这些知识点你了解多少呢?
2017-10-11 13:36:53 】 浏览:9987
Tags:es6 这些 知识点 了解 多少

  1. 模板字符串:

    "use strict";
        let a = `my name is DaPaang i am 21 years old`;
        console.log(a);
    模板字符串写在撇号(反引号)里边。
    ---
    let a = `my name is DaPaang
            i am 21 years old
            `;
    console.log(a);
    模板字符串支持换行书写;
    ---
    let a = 'DaPang';
    let b = 25;
    let c = `my name is ${a}, i am ${b} years old`;
    console.log(c);
    这个用了模板字符串的绑定变量,此时控制台的打印结果是:
    my name is DaPang, i am 25 years old

    注释:这里有一个小知识点,就是一开始的"use strict";这个是写到脚本的最前面,因为有些浏览器不支持es6,这句的意思就是告诉浏览器,用严格的解码方式来解析代码。

  2. 增强的对象字面量:

    let name = "宋泽";
    let age = 25;
    var songze = {
    name,
    age,
    play:function(){
        console.log("我会打游戏");
        }
    }
    console.log(songze.name);
    songze.play();//这个是咱们平常的写法,es6可以把字面量和对象方法简写:
---
    let name = "宋泽";
    let age = 25;
           var songze = {
            name,
            age,
            play(){
                console.log("我会打游戏");
            }
        }
    console.log(songze.name);
    songze.play();//es6可以直接吧name后面的:name省略掉,也可以把function省略掉。
---
    let name = "宋泽";
    let age = 25;
        var songze = {
        name,
        age,
        ["pro"+"1"]:asd,
        play(){
            console.log("我会打游戏");
            }
        }
    console.log(songze.name);
    songze.play();
    console.log(songze["pro1"]);//es6对象名可以书写自动计算形式。

  1. 解构赋值:
    let [a,b,c] = [1,2,3];
    console.log(a,b,c);//控制台打印1 2 3.
---
    我么只要后两个的值:
    let [,b,c] = [1,2,3];
    console.log(b,c);//控制台打印2 3.
---
    这是我们原来的写法:
    let obj = {
        x:0,
        y:1
        }
    let x = obj.x;
    let y = obj.y;
    console.log(x,y);//控制台打印0 1。
---
    这是es6的写法:
    let obj = {
            x:0,
        y:1
        }
    let {x,y} = obj;
    console.log(x,y);//控制台打印0 1。
    你们觉得哪个好呢,反正我个人感觉是es6的好,哈哈!
---
    let [a,[,[b,c]],] = [1,[2,[3,4]],2];
    console.log(a,b,c);//此时控制台打印的a,b,c的值分别是1 3 4.
---
    let obj = {
        c:0,
        y:1
        }
    let {c:x,y,z="asd"} = obj;
    console.log(x,y,z);//此时控制台打印的是0 1 "asd"。
    这个就是解构赋值。

注释:es6允许我们提取数组和对象里的值赋给变量。

  1. 函数解构和字符串解构:
    函数的解构赋值:
    function fn({name,age}){
        console.log(name,age)
        }
    let songze = {name:'宋泽',age:25}
    fn(songze);//此时控制台打印 宋泽 25.
---
    字符串的解构赋值:
    let str = '123456';
    let [a,b,c,d,e,f] = str;
    console.log(a,b,c,d,e,f);//此次是控制台打印1 2 3 4 5 6.

看完文章就顺手点歌推荐呗!


es6的这些知识点你了解多少呢? https://www.cppentry.com/bencandy.php?fid=107&id=137092

】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇模板字符串(Template String) 下一篇使用JS开发桌面端应用程序NW.js-2..