【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,所以会报错
相关推荐
AlanHou2 小时前
Three.js:Web 最重要的 3D 渲染引擎的技术综述
前端·webgl·three.js
JS_GGbond2 小时前
前端必备技能:彻底搞懂JavaScript深浅拷贝,告别数据共享的坑!
前端
拖拉斯旋风2 小时前
React 跨层级组件通信:使用 `useContext` 打破“长安的荔枝”困境
前端·react.js
没想好d2 小时前
通用管理后台组件库-3-vue-i18n国际化集成
前端
沛沛老爹3 小时前
Web开发者快速上手AI Agent:Dify本地化部署与提示词优化实战
前端·人工智能·rag·faq·文档细粒度
时光追逐者3 小时前
一款基于 .NET 9 构建的企业级 Web RBAC 快速开发框架
前端·c#·.net·.net core
张拭心3 小时前
"氛围编程"程序员被解雇了
android·前端·人工智能
SomUrim3 小时前
ruoyi-vue-plus中await axios报错undefined的问题(请求正常)
前端·ruoyi
daizikui3 小时前
streamlit实现登录功能
服务器·前端·javascript
广州华水科技3 小时前
如何通过单北斗形变监测一体机提高大坝安全监测效率?
前端