美文网首页
ES6常用的语法~~~

ES6常用的语法~~~

作者: Zhangzhuocheng | 来源:发表于2018-09-30 17:03 被阅读0次

    1.const和let
    两者都会涉及到块级作用域方面的知识点
    一般const用于定义一些不变的常量 如:PI (如果是定义成了对象,那么对象的引用指针是不变,但是值能改)
    let的话简单粗暴点就当他是var的升级版本使用就行了,不会存在变量提升的问题(其实我不确定)

    2.箭头函数
    ()=>{}就这样,比较简单的写法,功能上你喜欢哪个申明方式都可以
    还有就是如果你喜欢频繁使用this,那么箭头函数会是个不错的选择

    3.模板字符串
    这个小东西,在tab键上面${name}` 就这么用

    4.默认参数

    let func  = (name='Bob') => { console.log(name) // Bob} //默认输出Bob
    

    5.对象和数组解构
    这个么就对应的萝卜对应的坑,都给你拿出来。

    let obj = {
      name: 'Bob',
      age: 26
    };
    let {name} = obj
    console.log(name) // Bob
    

    6.Promise

    const promise = new Promise(function(resolve, reject) {
      // ... some code
      if (/* 异步操作成功 */){
        resolve(value);
      } else {
        reject(error);
      }
    });
    
    promise.then(function(value) {
      // success
    }, function(error) {
      // failure
    });
    

    阮大大的书里简单明了。。

    7.class
    通常使用方式:
    a.js里

    export class A{
    constructor(){
    }
    //静态方法,可直接访问
    static get(){
    }
    //非静态的只能通过继承去使用
      set() {
     }
    }
    

    // 加入a b在同一级目录
    b.js

    import {A} from './b.js';
    
    // b继承a
    
    export class B extends A {
      constructor(){
        super() //这个前面不能用this
      }
    }
    

    相关文章

      网友评论

          本文标题:ES6常用的语法~~~

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