ES6笔记2

  1. this指向:es6中没有this绑定

es5中this的指向取决于调用该函数的上下文对象

这是一段 JavaScript 代码,存在 this 指向问题。在事件监听函数(document.addEventListener 的回调)中,默认 this 指向触发事件的 DOM 元素(此处是 document),而非 PageHandle 对象,导致调用 this.doSomeThings 时报错

使用箭头函数解决:箭头函数没有自己的 this,会继承外层作用域的 this

  1. 使用箭头函数的注意事项;
  1. 解构赋值:对赋值运算符的扩展,针对数组对象进行操作

优点:代码简洁易读

对对象解构:

对数组解构:

  1. 拓展的对象的功能:

es6直接写入变量和函数,作为对象的属性和方法

  1. 对象的方法:
  1. Symbol类型:

原始数据类型Symbol,它表示独一无二的值

最大用途:用来定义对象的私有变量

相关推荐
Pedantic2 小时前
SwiftUI 手势笔记
前端·后端
橙子家2 小时前
浏览器缓存之【结构化数据库与缓存】: IndexedDB、Cache storage 和 Storage buckets
前端
user20585561518132 小时前
X6 中边悬浮置顶,规避 `mouseleave` 事件丢失问题
前端
李明卫杭州2 小时前
CSS aspect-ratio 属性完全指南
前端
Pedantic4 小时前
SwiftUI 手势层级(Gesture Hierarchy)详解
前端
飘尘5 小时前
前端转型全栈(Java后端)的快速上手指引
前端·后端·全栈
一颗烂土豆5 小时前
Meshopt 压缩深度解析,为什么它比 Draco 更快
前端·javascript·webgl
浏览器工程师6 小时前
AI Agent 接浏览器任务,先别让它一路点到底
前端·后端
雨季mo浅忆6 小时前
VSCode自动格式化三要素
前端