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

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

相关推荐
知识分享小能手17 小时前
微信小程序入门学习教程,从入门到精通,微信小程序页面制作(2)
前端·javascript·学习·微信小程序·小程序·前端框架·notepad++
jason_yang17 小时前
JavaScript 风格指南 精选版
前端·javascript·代码规范
sali-tec17 小时前
C# 基于halcon的视觉工作流-章39-OCR识别
开发语言·图像处理·算法·计算机视觉·c#·ocr
lightqjx17 小时前
【C++】vector 使用和实现
开发语言·c++
蓝桉~MLGT17 小时前
Python学习历程——基础语法(print打印、变量、运算)
开发语言·python·学习
风起云涌~17 小时前
【Android】kotlin.flow简介
android·开发语言·kotlin
小高00717 小时前
🔍ECMAScript 2025 有哪些新特性?
前端·javascript
正义的大古17 小时前
OpenLayers地图交互 -- 章节十七:键盘缩放交互详解
javascript·vue.js·openlayers
Hashan17 小时前
elpis-core:基于 Koa 的轻量级 Web 应用框架
前端·javascript·node.js
楼田莉子17 小时前
C++学习:C++类型转换专栏
开发语言·c++·学习