ES6/7/8

作者: Young_Jeff | 来源:发表于2019-07-16 14:35 被阅读0次
  • Promises
    Promise 是异步编程的一种解决方案,其实是一个构造函数,自己身上有all、reject、resolve这几个方法,原型上有then、catch等方法。
    参数: executor
    executor是一个带有resolve(完成)reject(失败)两个参数的函数 。
    语法:
    const promiseRun =()=>{
      let p = new Promise(function(resolve, reject){
          //做一些异步操作
          setTimeout(function(){
              console.log('执行完成Promise');
              resolve('要返回的数据可以任何数据例如接口返回数据');
          }, 2000);
      });
    }
    
    then和catch的用法
    promiseRun().then(
          function(data){
              console.log('resolved成功回调');
              console.log('成功回调接受的值:',data);
          }
      )
      .catch(function(reason, data){
          console.log('catch到rejected失败回调');
          console.log('catch失败执行回调抛出失败原因:',reason);
      }); 
    
  • 异步功能
    function fetchData() {
      return new Promise(resolve => { 
        setTimeout(() => { 
          resolve("模拟异步的请求数据");
        }, 2000);
      });
    }
    async function run() { 
      console.log('异步执行之前');
      let result = await fetchData();
      console.log(`异步执行完成, ${result}`); 
    }
    run();
    
  • 字符串填充(padStart&padEnd)
    语法
    str.padStart(targetLength [, padString])
    str.padEnd(targetLength [, padString])
    
    例:
    'es8'.padStart(2);          // 'es8'
    'es8'.padStart(5);          // '  es8'
    'es8'.padStart(6, 'woof');  // 'wooes8'
    'es8'.padStart(14, 'wow');  // 'wowwowwowwoes8'
    'es8'.padStart(7, '0');     // '0000es8'
    'es8'.padEnd(2);          // 'es8'
    'es8'.padEnd(5);          // 'es8  '
    'es8'.padEnd(6, 'woof');  // 'es8woo'
    'es8'.padEnd(14, 'wow');  // 'es8wowwowwowwo'
    'es8'.padEnd(7, '6');     // 'es86666'
    
  • Object.keys
let person = {name:"张三",age:25,address:"深圳",getName:function(){}}
Object.keys(person).map((key)=>{
  person[key] // 获取到属性对应的值,做一些处理
}) 

相关文章

  • React+Redux基础

    技术栈: react + redux + webpack + react-router + ES6/7/8 + i...

  • ES6/7/8

    PromisesPromise 是异步编程的一种解决方案,其实是一个构造函数,自己身上有all、reject、re...

  • ES6/7/8

    原创来自于: 叶建华 [旋之华] 一、ECMAScript 6/7/8简介 ECMAScript 6.0,简称ES...

  • ES6语法总结(第一部分)

    ES6 -> ECMA 标准 js ES7 ES8..... ES5.x ECMA-262 ...

  • ES6 新特性

    ES6 在2015年6月正式发布, 2015年6月之后发布的ES版本,包括ES7,ES8,ES9统称ES6 ES6...

  • Javascript之ES7详解

    ES7+ES8 前言 本篇文章主要介绍ES7+ES8的一些新功能,并结合ES6的一些API做出了相应的比较。 ES...

  • Math方法和es新特性

    es6常用 es7新特性 es8新特性 es9新特性 es10新特性

  • ES7+ES8

    前言 本篇文章主要介绍ES7+ES8的一些新功能,并结合ES6的一些API做出了相应的比较。 ,也可统称为es6的...

  • 基础-1

    Nest是一个渐进式的Node框架,可以在TypeScript和JavaScript(ES6、ES7、ES8)之上...

  • React与ES6(一)开篇介绍

    React与ES6系列: React与ES6(一)开篇介绍 React和ES6(二)ES6的类和ES7的prope...

网友评论

      本文标题:ES6/7/8

      本文链接:https://www.haomeiwen.com/subject/pwxtlctx.html