美文网首页
es6的一些语法

es6的一些语法

作者: HonneyHao | 来源:发表于2019-02-01 11:55 被阅读0次

1.let(块级作用域) ,const(常量)

2. 模板字符串: ·aaaa${aaa}}·

3.方法的简写:

箭头函数里面this指向上下文
()=>{
}
var add = (a,b)=>{
  return a+b
}

4.属性的简写:

var name="aaa";
var a = {name}

5.外部获取异步方法里面的数据:

1.回调函数
function getData(){
    setTimeout(() => {
        var a = 1;
        return a;//console.log(getData())会报错,因为函数同步执行时并没有return,所以得到undefined
    }, 1000);
}
// 正确方法:
function getData(callBack){
    setTimeout(() => {
        var a = 1;
        callBack(a)
    }, 1000);
}
function a(a){
    return a;
}
console.log(getData(a))
2.promise来处理异步
var p = new Promise(function(resolve,reject){
    setTimeout(() => {
        //模拟异步数据
        var name = "杭三";
        let num = Math.random();
        console.log(num)
        if(num>0.7){
            //模拟成功
            resolve(name)
        }else{
            //模拟失败
            reject("err")
        }
    }, 1000);
})
p.then((data)=>{
    console.log(data)
})
//也可以这样:
function getData(resolve,reject){
    setTimeout(() => {
        //模拟异步数据
        var name = "杭三";
        let num = Math.random();
        console.log(num)
        if(num>0.7){
            //模拟成功
            resolve(name)
        }else{
            //模拟失败
            reject("err")
        }
    }, 1000);
}
var p = new Promise();
p.then(()=>{}
//还可以这样:
function getData(){
    return new Promise((resolve,reject)=>{
        setTimeout(() => {
            var name = "aaa";
            resolve(name)
        }, 1000);
    })
}

6.async 和await(ES7的语法)

async是让方法变成异步
await是等待异步方法执行完毕
await有阻塞功能,把异步函数变后才能同步执行的(主要功能)

//async让这个方法变成了异步方法,这两个的组合相当于new Promise和.then()
async function delay(){
    return "一个数据"
}

async function getData(){
    //只有在异步方法里面(async),才可以使用await
    var d = await delay();
    console.log(d)
}
getData()//调用该异步方法

相关文章

  • 2.如何安装babel解析es6高级语法

    Babel解析es6语法,主要分为3步:在 webpack 中,默认只能处理 一部分 ES6 的新语法,一些更高级...

  • 探索ES6 Iterator(遍历器)

    前言: 半年前快速过了一遍ES6语法,掌握并熟练了一些常用的ES6语法,比如:class、继承、模板字符串、解构赋...

  • 2019-03-21(总结ing)

    (1):vue框架中用到了大量的es6语法,但是一些浏览器对于es6语法是不兼容的,因此。这个时候有的代码就会失去...

  • ES6 JS 类与继承、静态方法

    一 类 ES6以前的语法 console.log("----------------------ES6以前的语法-...

  • ES6 JS 类与继承、静态方法

    一 类 ES6以前的语法 console.log("----------------------ES6以前的语法-...

  • ES6语法知识点补充

    前言 本文讲着重是对ES6语法特性的补充,不会讲解一些API层面的语法,更多的是发掘背后的原理,以及ES6到底解决...

  • JS数组去重

    1、ES6语法filter()去重 2、ES6语法new Set()去重

  • 【翻译】ES6新特性

    ES6 写的更少,做的更多 本文为意译,原文链接 JavaScript ES6 带来了一些新语法和一些很棒的新特性...

  • webpack的ES6支持与Babel

    Babel安装与说明 在webpack中只能处理一部分ES6语法,一些更高级的ES6或ES7语法不能处理,这是就需...

  • react 的基本使用

    这里主要使用的都是ES6的语法(阮一峰的 ES6入门 ),我自己也在摸索中,在这个项目中会带一些关于语法的解释。可...

网友评论

      本文标题:es6的一些语法

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