ES6实用的六个知识点

hot_pot_Leo 发布于2019-08-26 12:08 / 747人阅读

摘要：模板语言块级作用域定义的是常量声明的变量，内存地址不可以改变，但是空间的值可以改报错常量不能改变解构赋值传统的写法是展开运算符数组对象做一些异步操作异步任务执行完成数据做一些异步操作异步任务执行完成数据做一些异步操作异步任务执行完成数据如有

1、模板语言

var str  = `
    var a = 1;
    console.log(a)
`;

let userName = "Dean";
console.log( ` I"m ${userName } ` ) ; //  I"m Dean

2、var let const

块级作用域：

{
    let a = 1;
    var b = 2;
}
console.log(a)  // a is not defined
console.log(b)  // 2

const定义的是常量
（const声明的变量，内存地址不可以改变，但是空间的值可以改）

let a = 1;
a = 2;
const b = 2;
b = 3;  // 报错：  Assignment to constant variable （常量不能改变）

3、解构赋值

const {
    resName,
    resPosition,
    parkAreaNum,
    parkStationNum,
    resDesImg
} = resProduct.data;

Object.assign(vm, {
    resName,
    resPosition,
    parkAreaNum,
    parkStationNum,
    resDesImg
});

传统的写法是： vm.resName = resProduct.data.resName

4、Spread Operator 展开运算符

function sum(...m){
      let total = 0;
      for(var i of m) {
        total += i;
      }
      console.log(`total: ${total}`)
    }
sum(4,5,6,9);

数组

const color = ["red", "yellow"];
const colorful = [...color, "green", "pink"];
console.log(colorful); //[red, yellow, green, pink]

对象

const alp = { fist: "a", second: "b" };
const alphabets = { ...alp, third: "c" };
console.log(alphabets); //{ "fist": "a", "second": "b", "third": "c"

5、promise

function runAsync1() {
    var p = new Promise(function(resolve, reject) {
        //做一些异步操作
        setTimeout(function() {
            console.log("异步任务1执行完成");
            resolve("数据1");
        }, 1000);
    });
    return p;
}

function runAsync2() {
    var p = new Promise(function(resolve, reject) {
        //做一些异步操作
        setTimeout(function() {
            console.log("异步任务2执行完成");
            resolve("数据2");
        }, 2000);
    });
    return p;
}

function runAsync3() {
    var p = new Promise(function(resolve, reject) {
        //做一些异步操作
        setTimeout(function() {
            console.log("异步任务3执行完成");
            resolve("数据3");
        }, 2000);
    });
    return p;
}

runAsync1()
  .then(function(data) {
    console.log(data);
    return runAsync2();
  })
  .then(function(data) {
    console.log(data);
    return runAsync3();
  })
  .then(function(data) {
    console.log(data);
  });

6、import、export

import util from "../../js/util.js";
export default {
    name: "home",
    data () {},
    methods: {}
}

（如有不足之处，请多指教）

GPU云服务器云服务器十六个 ps去除水印的六种方法阿里云服务器免费六个月阿里云领取六个月服务器

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/108097.html

COVID-19 将加速云计算的六个原因

摘要：当经济复苏时，招聘将再次成为关键战场，特别是对年轻求职者来说，不是大量使用云计算的公司将变得不那么有吸引力。 Nutanix副总裁兼销售首席运营官Andrew Brinded表示，云计算为我们所处的时代提供了一种可行的部署模式，其影响必将不断扩大。1991年，著名的科技记者斯图尔特·奥尔索普(Stewart Alsop)做出了一个著名的错误预测。我预测最后一台主机将在1996年3月15日...

苏丹 2021-11-15 11:36 评论0 收藏0
调研的六个开源DevOps平台

摘要：项目名称开发语言活跃度文档说明功能描述瓦力活跃更新及时文档较完善，有官网代码部署平台空间管理服务器管理项目管理环境管理用户管理部署管理活跃更新及时文档较完善，有官网创建主流开发语言的，包括蓝鲸智云配置平台活跃更新及时文档很完善，有官网，有视项目名称开发语言活跃度文档说明功能描述 Walle 瓦力 Python 活跃、更新及时文档较完善，有官网 DevOps代码部...

DevYK 2019-07-31 10:09 评论0 收藏0
调研的六个开源DevOps平台

摘要：项目名称开发语言活跃度文档说明功能描述瓦力活跃更新及时文档较完善，有官网代码部署平台空间管理服务器管理项目管理环境管理用户管理部署管理活跃更新及时文档较完善，有官网创建主流开发语言的，包括蓝鲸智云配置平台活跃更新及时文档很完善，有官网，有视项目名称开发语言活跃度文档说明功能描述 Walle 瓦力 Python 活跃、更新及时文档较完善，有官网 DevOps代码部...

CocoaChina 2019-06-26 18:49 评论0 收藏0