ES6常用的语法~~~

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
  }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • *node下用express框架,实现一个简单的mvc *构建工具:gulp / babel / webpack ...
    韩娜爱吃辣_前端程序媛阅读 1,133评论 0 1
  • ES6语法跟babel: 一、首先我们来解释一下什么是ES? ES的全称是ECMAScript。1996 11 ,...
    Mooya_阅读 1,058评论 0 0
  • 一 . let和const都是块级作用域 ES6以前, var关键字声明变量. 无论声明在何处, 都会被视为声明在...
    J_wendel阅读 514评论 0 0
  • 儿子算是个捣蛋鬼,但是他要是认真起来,绝对能当个小男神。下面在记事本躺了两年的曰记便说明这一点。实际上那时发生...
    力拔阅读 268评论 2 1
  • 2018-09-13[育心137累积法日记:]子湘妈打卡第好102天。 一、读经人员:子湘妈读,子湘听。二、读经内...
    梁杏丽阅读 124评论 0 0