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,它表示独一无二的值

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

相关推荐
Mr_Mao2 小时前
Naive Ultra:中后台 Naive UI 增强组件库
前端
前端小趴菜053 小时前
React-React.memo-props比较机制
前端·javascript·react.js
摸鱼仙人~4 小时前
styled-components:现代React样式解决方案
前端·react.js·前端框架
sasaraku.5 小时前
serviceWorker缓存资源
前端
iCxhust5 小时前
c# U盘映像生成工具
开发语言·单片机·c#
RadiumAg6 小时前
记一道有趣的面试题
前端·javascript
yanlele6 小时前
我用爬虫抓取了 25 年 5 月掘金热门面试文章
前端·javascript·面试
emplace_back7 小时前
C# 集合表达式和展开运算符 (..) 详解
开发语言·windows·c#
jz_ddk7 小时前
[学习] C语言数学库函数背后的故事:`double erf(double x)`
c语言·开发语言·学习