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

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

相关推荐
codervibe2 分钟前
使用 Vue3 + Axios 与 Spring Boot 高效对接(含 token 处理)
前端·vue.js
ZTLJQ4 分钟前
专业Python爬虫实战教程:逆向加密接口与验证码突破完整案例
开发语言·数据结构·爬虫·python·算法
云边散步5 分钟前
《校园生活平台从 0 到 1 的搭建》第五篇:商品后端
前端·后端
圆心角6 分钟前
vue keep-alive 原理
前端·vue.js
P7Dreamer7 分钟前
Tailwind CSS 日常使用
前端·css
前端赵哈哈8 分钟前
项目中的Vue I18n 9.x可以与VSCode插件i18n Ally配合使用
前端·vue.js·visual studio
默默地离开9 分钟前
深入理解CSS盒子模型:从基础到实战 (第四回)
前端·css
集成显卡14 分钟前
Rust 实战三 | HTTP 服务开发及 Web 框架推荐
开发语言·前端·http·rust·web
云天徽上17 分钟前
【数据可视化-75】北京密云区2025年7月暴雨深度分析:Python + Pyecharts 炫酷大屏可视化(含完整数据、代码)
开发语言·python·信息可视化·数据可视化·pyecharts
集成显卡18 分钟前
Rust 实战二 | 开发简易版命令行工具 grep
开发语言·后端·rust