文档章节

ES6

gtandsn
 gtandsn
发布于 2017/09/12 13:26
字数 305
阅读 28
收藏 0

钉钉、微博极速扩容黑科技,点击观看阿里云弹性计算年度发布会!>>>

一、箭头函数

     1、并不是没有this

     2、而是不使用this的四种标准规则,而是根据外层(函数或者全局)作用域来决定this

     3、如果class中的方法是箭头函数的话,那么这个方法是在new它这个对象上,不是在原型上

 

二、class

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   

}
// ES5
// 构造函数
function Person(name, age) {
  this.name = name;
  this.age = age;
}

// 原型方法
Person.prototype.getName = function() {
  return this.name
}

// ES6
class Person {
  constructor(name, age) {  // 构造函数
    this.name = name;
    this.age = age;
  }

  getName() {  // 原型方法
    return this.name
  }
}

 

上一篇: 学习推荐
gtandsn
粉丝 0
博文 151
码字总数 57887
作品 0
成都
私信 提问
加载中
请先登录后再评论。
前端开发不得不知的ES6十大新特性

es6排名前十的最佳特性列表 默认参数 in es6 模板文本 in es6 多行字符串 in es6 解构赋值 in es6 增强的对象文本 in es6 箭头函数 in es6 Promise in es6 块作用域构造Let and Const Class...

gyfeng1003
2019/05/02
0
0
常用ES6特性

ES6,正式名称叫做ECMAscript2015,ES6这个名称更加简洁。ES6已经不再是JavaScript最新的标准,他已经广泛的用于实际编程中。对ES6常用的特性给一个总结。 ES6常用特性 函数参数默认值 模板字...

蜗牛0609
2018/05/16
0
0
[译] You Might Not Use ES6

原文作者:Addy Osmani 原文链接: es6-equivalents-in-es5 译者:snow 喜欢理由:帮助我们更好的了解 ES6 语法 语法目录 箭头函数 块级作用域 模板字符串 计算属性 解构赋值 默认参数 Iter...

snowLu
2019/01/15
0
0
ES6中比较实用的几个特性

1.Default Parameters(默认参数) in ES6 es6之前,定义默认参数的方法是在一个方法内部定义 1 var link = function (height, color, url) {2 var height = height || 50;3 var color = co......

osc_sj1kgo4z
2018/04/22
2
0
前端开发不得不知的ES6十大新特性

转载自AlloyTeam:前端开发者不得不知的ES6十大特性 ES6(ECMAScript2015)的出现,无疑给前端开发人员带来了新的惊喜,它包含了一些很棒的新特性,可以更加方便的实现很多复杂的操作,提高开...

田益铭
2017/03/15
0
0

没有更多内容

加载失败,请刷新页面

加载更多

十年饮冰,难凉热血.高考失利的同学们应该怎么学习

今天练车的时候跟几个朋友聊了会天,朋友考的学校都比较好,一个山大,一个山师大,一个上师大,让我个人夹杂在他们当中作为一个高考失败者实属自卑,虽然一直在尽力准备专升本,但是难免现阶...

osc_n3mzii7x
29分钟前
28
0
阿里巴巴矢量图标库的使用

在参考小米官网写页面你时,会发现小米中有很多的矢量图标,小米的图标或许是自己的,但是我们写页面时要用到矢量图标时怎么办,可以使用阿里提供的图标库 阿里矢量图标库网址:https://www...

osc_r9wwwi0j
30分钟前
13
0
JS数据结构与算法 - 排序(冒泡、选择、插入、归并、快排)

🌸本文主要内容: 各排序算法时间复杂度 js默认sort算法于各浏览器中的实现 1.冒泡排序 2.选择排序 3.插入排序 4.归并排序(含小动画) 5.快速排序(含小动画) 时间复杂度 O(1) < O(logn)...

osc_ccy4urvn
31分钟前
15
0
使用before和after属性选择器

最近仿造了小米官网写了一遍,可以说是完全把官网给写完了。 官网中有一个log切换的动态效果,有点把我卡住了找方法找了许久,然后用一个简单的方法实现了: 先了解一下before和after两个属性...

osc_k1o54uky
32分钟前
29
0
健身以及未来科技如何解绑教育,医疗,养老依赖于地段(房产)

疫情后,谁来颠覆套路满满的健身房?硬核解析异军突起的家庭健身——鲜榨财经_哔哩哔 目前的keep,或者 其他在线教育 存在的痛点 就是 可交互性 不强。 未来 通过 5G,各种完善的传感器,以及...

osc_bvzab11e
34分钟前
11
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部