【es6】解决箭头函数所有的问题,箭头函数的 this 指针,使用 new 操作符

  1. 箭头函数是 es6 提出的
  2. this 指针指向 定义箭头函数的全局上下文或函数上下文,是固定的
  3. call\apply\bind无法改变箭头函数的this
  4. 没有 arguments 对象,但是可以访问外部作用域中的 arguments 对象
  5. 没有 prototype 属性
  6. 不能用作 generator 函数,不能使用 yeild 关键字
  7. 如果只有一个参数或返回语句时,语法可以简化去掉花括号
  8. 不能用 new 操作符会报错,也就是说不能用作构造函数
    1. 错误信息 fun is not a constructor
    2. new 操作符的原理
      1. 定义一个js 的对象 obj,【使用过 Object.create】
      2. 将 obj 的 __proto__属性【也就是[[prototype]]】指向构造函数的prototype属性【使用 apply方法】
      3. 将 this 指向刚创建的 this,【使用 apply方法】
      4. 如果函数没有返回对象【返回值需要是对象】,就返回 obj 也就是 this
      5. 第二,三可以使用 apply 方法一行代码实现,参考手写new 操作符
    3. 上面的第2、3步,箭头函数没有原型对象,也无法设置this,所以会报错
相关推荐
LYFlied16 小时前
WebGPU与浏览器边缘智能:开启去中心化AI新纪元
前端·人工智能·大模型·去中心化·区块链
Setsuna_F_Seiei16 小时前
2025 年度总结:人生重要阶段的一年
前端·程序员·年终总结
model200517 小时前
alibaba linux3 系统盘网站迁移数据盘
java·服务器·前端
han_17 小时前
从一道前端面试题,谈 JS 对象存储特点和运算符执行顺序
前端·javascript·面试
aPurpleBerry17 小时前
React 01 目录结构、tsx 语法
前端·react.js
jayaccc18 小时前
微前端架构实战全解析
前端·架构
qingyun98918 小时前
Web Components 实战:创建自定义比例条组件
前端
前端小超超18 小时前
ionic + vue3 + capacitor遇到backButton问题
前端·javascript·vue.js
GIS之路18 小时前
GDAL 空间关系解析
前端
布列瑟农的星空18 小时前
WebAssembly入门(一)——Emscripten
前端·后端