zoukankan      html  css  js  c++  java
  • 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,这句的意思就是告诉浏览器,用严格的解码方式来解析代码。

    1. 增强的对象字面量:
        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.
    

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

  • 相关阅读:
    Unity shader 代码高亮+提示
    PTA --- L2-003 月饼
    PTA --- L2-002 链表去重
    计蒜客 —— 字符串p型编码
    计蒜客 —— 最好的草
    最近忙科研立项 & 对博客的优化
    计蒜客 —— 删除单词后缀
    Tensorflow 保存模型 & 在java中调用
    Tensorflow 用训练好的模型预测
    Tensorflow 保存和载入训练过程
  • 原文地址:https://www.cnblogs.com/STsongze/p/7152546.html
Copyright © 2011-2022 走看看