ES8新特性

ES8已经正式发布了，其新特性有：字符串填充、异步函数与共享内存与原子操作等。本文对着三个特性进行深入的解析。当然还有其他的一些特性。

1.字符串填充

         ES8中为字符串添加了新的内置函数padStart()、padEnd()，主要用于固定字符串的长度并且用指定的字符进行填充，以padStart为例，其例子如下：

var sourceStr="example",
      targetLen=5,
      padStr="foobar";
      sourceStr.padStart(targetLen,padStr)//如果原字符长度大于targetLen,则返回原字符；
      targetLen=10,
      sourceStr.padStart(targetLen,padStr)//"fooexample";如果没有padStr，则用""填充

其作用与npm包left-pad相似，left-pad实现与调用方式如下:

//实现方式
'use strict';

module.exports = function (str, len, ch) {
  str = str + '';
  len = len - str.length;
  if (len <= 0) return str;

  if (!ch && ch !== 0) ch = ' ';
  ch = ch + '';

  while (len--) {
    str = ch + str;
  }

  return str;
}
//调用方式
const leftPad = require('left-pad')
leftPad(1, 2, '0')//"01"

与padStart不同的是其padStart只能为单个字符。padStart、padEnd的出现为格式化日期带来了便利，再也不用判断d<10。

2. 异步函数

        Javascript中按顺序执行异步逻辑的时候，常常会把后续的逻辑过程封装在回调函数中作为起始函数的参数，逐层嵌套。其中的后续逻辑就是称之为的“回调”。

最常见的一个回调就是ajax拉取数据口进行的其他操作，如下：

// 获取产品数据
ajax('products.json', (products) => {
    console.log('AJAX/products >>>', JSON.parse(products));
    // 获取用户数据
    ajax('users.json', (users) => {
        console.log('AJAX/users >>>', JSON.parse(users));
        // 获取评论数据
        ajax('products.json', (comments) => {
            console.log('AJAX/comments >>>', JSON.parse(comments));
        });
    });
});

ES8将async/await合法话，可以使用async/await来定义和执行异步函数。解决了传统实现方式的callback hell。

// 封装 Ajax，返回一个 Promise
function requestP(url) {
    return new Promise(function(resolve, reject) {
        ajax(url, (response) => {
            resolve(JSON.parse(response));
        });
    });
}
(async() => {
    // 获取产品数据
    let data = await requestP('products.json');
    // 获取用户数据
    let users = await requestP('users.json');
    // 获取评论数据
    let products = await requestP('comments.json');
    console.log('ES7 Async/products >>>', products);
    console.log('ES7 Async/users >>>', users);
    console.log('ES7 Async/comments >>>', comments);
}());

3. 共享内存与原子操作

        共享内存允许多个线程并发的读写数据，如果不加以控制的话会出现运行结果的错误，而原子操作能够进行并发控制，确保各个线程可以按照预定的顺序执行。

备注：本文章中有些示例来自网上，如有侵权，请联系我，我将进行删除O(∩_∩)O~