美文网首页
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