前端基础进阶（十四）：es6常用基础合集

网友评论

• 
  聚宝大当家:class Person {
  constructor(name, age) { // 构造函数
  this.name = name;
  this.age = age;
  }
  
  getName() { // 这种写法表示将方法添加到原型中
  return this.name
  }
  
  static a = 20; // 等同于 Person.a = 20
  
  c = 20; // 表示在构造函数中添加属性 在构造函数中等同于 this.c = 20
  
  // 箭头函数的写法表示在构造函数中添加方法，在构造函数中等同于this.getAge = function() {}
  getAge = () => this.age
  
  }
  
  这里的 static a = 20 你确定不会报错吗
• 
  一个庸俗的神:非常棒，涵盖常用知识点全面，通俗易懂，加油！希望继续产出干货😘
• 
  chinaliyun:老师你好， 我在测试对象结构赋值的时候 ，类似于[a,b,c] = [1,2,3]以及{a,b,c} = {a:1, b:2, c:3}的时候都可以编译，并执行出来，但是{size, ...option} = props，babel一直报错，请问是什么原因 ？

  这波能反杀:@Earl_947f 你看看create-react-app用的什么版本，这里是支持的

  chinaliyun:@波同学 是的 我用哪个的是babel6， 请问如何解决呢？ 我已经用了es2015的preset， babel-plugin-syntax-class-properties和babel-plugin-transform-es2015-classes 都用了也没效果

  这波能反杀:@Earl_947f babel版本的问题
• 
  5567c7396dc4:刚接触es6想学react 一直有个困扰就是 既然现在es6的代码很多浏览器不支持那编写的时候应该怎样编写
• 
  沐风一样:相见恨晚。
• 
  与我常在Jerry:呼叫波哥更新

  这波能反杀:@与我常在Jerry ~ ~
• 
  終愛妳壹生:老哥，1个多月没更新了，在干啥
• 
  8d10dddec3ba:来过
• 
  朵朵鱼:大神加油👏
• 
  e63fcd5e6221:谢谢分享
• 
  jingkeke:箭头函数 不深很理解，跟看的别的资料不是很一致,弄晕了。。。。
  
  ```js
  class Animal {
  constructor(){
  this.type = 'animal'
  }
  says(say){
  setTimeout( () => {
  console.log(this.type + ' says ' + say)
  }, 1000)
  }
  }
  var animal = new Animal()
  animal.says('hi') //animal says hi
  ```

  useless1:@jingkeke 意思就是this在定义的时候已经不可变了，和执行过程无关

  这波能反杀:@jingkeke 那是因为你对this理解不够，建议回过头去看看我之前的文章

  jingkeke:说是有this的，就是定义时候的this .
• 
  darayo:波老师好棒！通俗易懂
• 
  9ab719968975:ES6基础“智商”划重点，666
• 
  无敌小lengxin:总结的不错。。赞
• 
  Nic_ofh:理解非常到位，自己也学习很多！
• YanYang6:let可以理解为局部变量const可以理解为全局变量

  YanYang6:@蒋敬敏 是我记错了。刚看了一下，貌似letlet命令所在的代码块内有。http://es6.ruanyifeng.com/#docs/let

  蒋小小喵:@逝不回去的青春 不对吧，一个是变量，一个是常量
• 
  小乌龟变王八:话说我好像也是从掘金上看到你。然后转像简书😀
• 
  cb8db675a209:推荐看下这篇文章https://github.com/dvajs/dva-knowledgemap
• 
  _Josh:编译为ES5
  {
  let _a = 20; //这里应该为var _a = 20;吧
  }
  
• 
  7b16c9792539:谢谢楼主
• 
  81f21a05501b:好个波波，好文。

  这波能反杀:@大白熊胖胖
• 
  d9cc2d9c083e:感谢波老师
• 
  wlszouc:感谢作者，另外是否可认为箭头函数中的this是调用它的对象的this？

  useless1:@wlszouc 想想不用self保存this，大概就是这个意思

  这波能反杀:@wlszouc 关于this的你可以看我前面的文章，无法一概而论
• 
  b030319dabcf:太棒了，正愁抓不住重点看es6，感谢楼主分享好文章
• 我就不信这个昵称也不合法:let好像有变量提升的，我记得在哪看到过。。

  4e4c58a37a09:可以认为有申明的提升，但初始化以及赋值是在原地。这也就解释了暂歇性死区。

  xiayujlu:@我就不信这个昵称也不合法 没有变量提升，有暂歇性死区

  01c4f8d21b9b: @我就不信这个昵称也不合法 应该不是吧。。。
• 
  aaa162e7bc04:不会变的就不叫变量，const是定义常量😀

  aaa162e7bc04: @波同学 const 声明创建一个只读的常量。这不意味着常量指向的值不可变，而是变量标识符的值只能赋值一次。(译者注：JavaScript中的常量和Java，C++中的常量一个意思。注意区分常量的值和常量指向的值的不同)
  
  
  来自MDN

  这波能反杀:@captive_725f const定义常量的说法不符合实际使用情况
• 
  91e4895ab39b:楼主能详解下Promise的源码吗？楼主闭包和原型讲的很详细，还有new操作，非常感谢，但是Promise好像略过了源码讲解

  这波能反杀:Promise源码以后有时间讲吧，讲清楚不容易，你可以先去google搜一搜别人的文章
• chenpipy:厉害了，总结的很好

  这波能反杀: 简单的总结一下
• 
  hey前端攻城狮:这个系列文章写的特别好，更好地理解了js中的一些重点内容
• 
  5a6720df3d05:从第一期一直看到这一期，正好打开简书，正好刚刚发布，缘分呐

  这波能反杀: 哈哈，能看完的都很厉害