nodejs26: 箭头函数(=>)域继承问题

【名企助推手】今日头条前端面试题(持续更新) 头条前端面试题(一) 一轮 1.dom react原理 2.css布局 3.js原型链继承 4.fetch取消 5.eventloop 6.instanceof 7.promise封装setstate 8.redux基本组成和设计单向数据流 9.https协议的过程 10.https获取加密密钥的过程 11.http的方法有哪几种,每种方法的有用途 12.类式继承的方案 13.prototype继... 阅读详情

错误示例:

const myService = {
 func1: () => {},
 func2: () => { func1()},
} // 报错 func1 is not defined  no-undef
  • 这个错误 func1 is not defined (no-undef) 是因为在 func2 中调用 func1 时,JavaScript 找不到 func1 的定义。

  • 代码中,func1 是 myService 对象的属性,而不是当前作用域内的变量。

  • 箭头函数不会创建自己的 this,而是从父作用域继承 this。

  • JavaScript 的箭头函数天然继承外部作用域的 this,类似于 C++ Lambda 中通过捕获列表([])传递外部变量。

    • JavaScript 示例:

      class MyClass {
          constructor() {
              this.value = 6;
          }
      
          method() {
              setTimeout(() => {
                  console.log(this.value); // 自动绑定 this
              }, 1000);
          }
      }
      
      const obj = new MyClass();
      obj.method(); // 输出 6
      
    • C++ 示例:

      #include <iostream>
      #include <thread>
      using namespace std;
      
      class MyClass {
      public:
          int value = 6;
      
          void method() {
              thread([this]() {
                  cout << this->value << endl; // 显式捕获 this
              }).join();
          }
      };
      
      int main() {
          MyClass obj;
          obj.method(); // 输出 6
          return 0;
      }
      

正确的代码

方式一:

const myService = {
  func1: () => {
    console.log("Executing func1");
  },
  func2: function() {
    this.func1(); // 使用 `this` 调用同一对象的方法
  }
};

// 调用示例
myService.func2(); // 输出: Executing func1

方式二:使用 myService.func1() 的方式来显式调用对象的方法

const myService = {
  func1: () => {
    console.log("Executing func1");
  },
  func2: () => {
    myService.func1(); // 显式引用对象本身
  }
};

// 调用示例
myService.func2(); // 输出: Executing func1
YOLOv11改进 | 网络结构代码逐行解析(二) | yolov11中的Mosaic增强详解 本文给大家带来的是YOLOv10中的Mosaic增强代码的详解,可能有部分人对于这一部分比较陌生,有的读者可能知道Mosaic增强但是不知道其工作原理,具体来说Mosaic增强就是指我们的数据集中的图片在输入给模型之前的一个处理过程(我们的图片并不是直接就输入给模型了,大家的训练结果中的结果检测图片大家可以看到数据集中多个图片会组合在一起这就是简单的Mosaic增强),下面我就来讲解一下其在YOLOv10中工作原理和代码定义,下面图片为一个Mosaic增强后的图片。​。 阅读详情

相关推荐

北京途游游戏后端开发面经

北京途游游戏后端开发面经 我面试岗位是基于Python的后端开发工程师,主要是搞游戏的服务器开发。面试一共分了两轮,之后说是看看其他的候选人再定,感觉凉凉~~ 由于受到此次新型冠状病毒疫情的影响,本次面试采用视频面试的方式,下面是面试的时候面试官提的问题,python的基础知识还是问的比较多的。  一面:(32分钟微信视频)  简单做下自我介绍,   1.说一下你开发过的项目,挑一个说下你都做了...

weixin_45603043的博客 2126

nodejs之=>函数

基本用法: ES6中允许使用“箭头”(=>)定义函数var f = v => v; 上面代码相当于:var function(v){ return v; }根据箭头函数有参数和无参数来区分 1、无参数的箭头函数var f = ()=>5; 等同于var function(){ return 5; }2、有参数的箭头函数var sum = (a,b)=>a+b;等同于var s

纵横四海的博客 8745

Zotero PDF Translate插件实战:DeepL API免费申请与高效翻译配置指南

本文提供Zotero PDF Translate插件配置DeepL API的完整实战指南。详细介绍了如何免费申请DeepL API密钥,解决国内访问问题,并在插件中完成精细配置,实现文献阅读时的无缝划词翻译,大幅提升科研人员和学生的英文文献阅读效率。

rum55的博客 458

nodejs 箭头函数

背景 箭头函数,出现于ES6规范中。 使用 就是lambda函数。 一般使用: (a, b) => { return a + b; } 简略模式: 当参数只有一个时,可以省略括号;当返回值只有一个表达式时,可以省略花括号和return,但如果返回的是对象字面量{a:3},则需要花括号和return语句。 a => a + b; 属性匹配: 这是一个特点,能匹配对象里...

weixin_33950035的博客 1256

如何用Python实现SPEI指数计算?从数据准备到结果可视化完整指南

本文提供了一份完整的Python实现SPEI指数计算指南,涵盖从数据准备、潜在蒸散量计算到结果可视化的全流程。详细介绍了使用Thornthwaite方法计算PET、拟合三参数log-logistic分布以及标准化转换的核心算法,并提供了模块化代码和可视化方案,帮助用户构建可复用的干旱分析工具。

cola5的博客 267

手把手教你用ZLMediaKit搭建WebRTC直播:本地推流与播放实战

本文详细介绍了如何使用ZLMediaKit搭建WebRTC直播系统,涵盖从环境准备、编译部署、SSL证书配置到本地推流与播放的完整实战流程。通过一步步的指导,帮助开发者快速掌握基于ZLMediaKit的WebRTC推拉流技术,构建低延迟的实时音视频应用。

weixin_28842367的博客 348

NodeJS的=>函数

ES6中允许使用箭头(=>)来定义函数 无参数的箭头函数 var f = () => 5; 等同于 var function(){ return 5; } 有参数的箭头函数 var x = (a,b) => a+b; var x = (a,b) => {return a+b;} 等同于 var x = function(a,b){ return a+b; } ...

培根芝士的专栏 1596

【STM32Cube HAL】输入捕获(六)——PWM测量

实验内容:使用通用定时器输入捕获测量信号的脉宽(检测按键按下的时间)。 一、原理图 二、 CubeMX配置 Step1.打开 STM32CubeMX,点击“New Project”,选择芯片型号,STM32F103VETx。 Step2.选择时钟源,并配置时钟树。选择Crystal/Ceramic Resonator,并配置系统时钟为72M。 Step3.配置SYS,我们这里选择的是Serial Wire。(正常情况配置不配置不影响,debug可以使用。但是你不可以把这...

HAHAHA 1万+

NodeJs 箭头函数:`()=>{}` 和 `()=>()` 的区别与使用场景

特性 |()=>{}()=>()函数体| 块级作用域{}| 表达式()返回值| 需要显式return| 隐式返回表达式的值 |适用场景| 多行逻辑或复杂操作 | 单行逻辑或直接返回值 |()=>{}和()=>()是 JavaScript 中箭头函数的两种常见写法,它们的主要区别在于函数体的结构和返回值的方式。理解它们的区别后,你可以根据实际需求选择更合适的写法,从而编写出更简洁、高效的代码。

canduecho的专栏 931

YOLOv11的对比学习预训练改进-(通过SimCLR预训练增强特征提取)

本文介绍了将SimCLR对比学习预训练与YOLOv11目标检测模型相结合的创新方法。文章首先概述了目标检测领域的发展现状和YOLOv11的架构优化,包括主干网络、特征金字塔和检测头的改进设计。其次详细解析了SimCLR对比学习的核心原理,涵盖数据增强、投影头设计和NT-Xent损失函数。最后探讨了如何将对比学习与目标检测有效结合,通过特征空间对齐和渐进式微调策略提升模型性能。该方法显著增强了特征提取能力,提高了检测精度和训练效率,特别是在小目标和遮挡目标的检测上表现突出。

本博客聚焦 YOLOv11 全流程落地,涵盖架构优化、数据集处理、训练技巧与多场景部署,兼及国产数据库、Java 开发与 AI 模型应用,内容兼顾理论与工程实践,为开发者提供系统干货,助力高效提升技术能力。 685

一文搞定离线环境下的RAG引擎部署

在人工智能浪潮下,技术已成为构建智能问答、文档分析和代码助手等应用的核心。然而,在许多企业场景中,出于数据安全和性能的考虑,服务器往往部署在中,并要求极致的推理效率。这给依赖外部资源的应用部署带来了巨大挑战。如何在这种严苛的环境下,完整、可靠地部署一套包含向量数据库、**高性能推理服务(vLLM)**和Python后台的复杂RAG系统呢?本文将为你提供一个,手把手教你如何使用 Docker 技术,将一套基于 Weaviate 和的 Python RAG 应用完整打包,并在离线环境中一键部署。

木鱼时刻的专栏 1242

nodejs中箭头函数与普通函数的区别

箭头函数与普通函数的区别 1.箭头函数继承父作用域的this,普通函数的this是全局变量global 2.箭头函数与普通函数一样,也可以传参,一个参数也没有的时候用空括号,   有一个参数时直接可以忽略,多个参数时必须带括号 3.使用区别:要不要携带当前作用域的this 箭头函数: 运行结果:  ...

qq_40319828的博客 2047

手把手教你学 GPU SoC 芯片(9.3)--GPU SOC 功耗和热管理的动态电压和频率调整(DVFS)

通过动态电压和频率调整(DVFS),可以有效地管理GPU SoC的功耗和热管理。合理的DVFS策略不仅可以节省功耗,提高能效,还可以延长设备的使用寿命。

MHD0815的博客 1498

狂神说——大前端进阶NodeJS、Npm、Es6、Babel、Webpack、模块化使用

大前端

淡水瑜的博客 1893

SAP B1中文培訓教材_SDK

公司内部培训资料,对开发工具 ,DIAPI, UIAPI,Add-ON有详细解说

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

Nodejs的一些

安装的就是一个命令行工具,它就是用 Node.js 写的可以用 Node.js 写自己的小工具,比如批量重命名文件、自动部署代码、抓取网页数据。

qq_38278142的博客 289

数学建模模型总结

这是本人在两年内准备参加数学建模竞赛搜集到的模型资料,已经经过了本人的筛选和整理,希望能够对准备参加数学建模竞赛的学弟学妹们提供一些帮助!

大前端得学习笔记

开发环境 vs code +各种插件(chinese, node.js module intellisense,ESLint, Live Server, vetur,vue helper) python(Node.js需要一些类库) node.js(在服务器端运行JS代码! 基于 Coogle 的 V8 引擎,可以脱离浏览器执行 js 代码) NodeJS基本使用 1、创建文件夹 nodejs...

Jing的博客 342

IEM模型,地表粗糙度模拟

利用微波反演土壤水分时候,利用IEM模型可以实现对随机地表的模拟

ES6入门

安装ES6环境 ES6是需要依赖与node上运行的,虽然现在很多浏览器也支持了不少ES6的语法,但是为了兼容我们可以将ES6转换成es5然后再向浏览器输出。 使用Babel转换ES6 首先我们再根目录初始化一下: 1.首先在根目录创建src和dilst文件夹,src下创建一个index.js(用来写ES6) -src //用于编码 --index.js -dilst //用于输出 2...

Minyoung 的博客 335

ECMAScript6

1 1、开发环境搭建 2 1) 版本控制工具 3 svn 和 git 4 5 2) 下载安装 nodeJS 和 npm 6 7 3) 在开发工具 (Hbuilder) 中配置 cmd 终端,通过终端安装 Babel 编译器 8 1.初始化项目 9 在安装Babel...

dasha00001的博客 117

ECMAScript6扫盲笔记(一)

ECMA组织推出的ECMAScript是一个标准(协议),JS是协议的实现。 ECMAScript简称ECMA或ES。目前使用最多的是ES5.1,ES6正式推出是在2015年。就酱~。 ES6(ES2015)兼容性:http://kangax.github.io/compat-table/es6/ ES6(ES2015) 支持 :IE10+、Chrome、FireFox、移动端、Node...

吃西瓜不吐葡萄皮 348

WEB 前端面试题 (实战)(大全)

JavaScriptJS匿名函数就是没有名称的函数匿名函数在项目中主要有两种操作方式第一种形式就是将一个函数当成另一个函数的参数进行使用;// 用户单击的时候执行的操作})第二种形式就是将一个匿名函数赋值给变量进行调用,函数的一种声明方式自执行函数,就是函数在声明完成的同时就会立即执行的函数!自执行函数的特点是声明之后立即执行、只能在创建的同时执行一次无法再次调用执行自执行函数通常都是给网页初始化网页特效或者准备初始数据!;(function(){…}()) 使用较多;

m0_64191440的博客 2334

尚医通(三)

vscode安装、es6语法、vue、element-UI、nodejs、npm包管理工具、es6模块化、babel转码器、webpack打包工具

keith的博客 456

腾讯CSIG大数据前端开发一面

腾讯CSIG前面面经

shanfengshuiqing的博客 788

2023最新前端面试题总结,背完Offer拿到手软(包含JS、CSS、React、vue、浏览器、小程序题等等)

想想几年前一个月随便投出去一天至少3面试一个月排满面试的场景对于现在已经灭绝了,基本只有外包和驻场有回应,今年很多人都只能猥琐发育,市场上不仅岗位变少,money也少了很多。目前环境的不景气,面试难度也增加了很多,在这样的大环境下也只能不断提升提升自己,时刻警惕被优化的风险。最近刚好复习到手写面试题的基础分享分享给大家伙。14.何时要使用异步组件?1.说说你对数据结构的理解?有哪些?区别?2.说说你对算法的理解?应⽤场景?3.说说你对算法中时间复杂度,空间复杂度的理解?如何计算?4.说说你对集合的理解?

Perback的博客 693

前端面试总结~

前端面试总结~本人结合自己的一些面试经历,分享给大家!1.jquery的选择器都有哪些?2.你使用过Extjs,请说下这个js框架有缺点都有哪些?3.说一下你对闭包的理解?4.vuex用过没?具体怎么用?5.vue-router的钩子函数有哪些?6.自己写过指令码?7.说一下垂直居中的实现都有哪些?8.flexbox(弹性盒子)用过没?说一下他的一些用法?9.ES6语法了解过没?说一下你了解的语法...

逍湘子 280

视频教程-vue基础入门系列课程+仿魅族商城-Vue

vue基础入门系列课程+仿魅族商城 螺钉课堂讲师,擅长Vue、React、R...

weixin_32211141的博客 325

2019web前端面试题总结

2019web前端面试题总结 1.自我介绍 2.离职原因 3.做过的项目情况 4.在项目中做了什么工作 5.问我汇交系统一个项目到底是干什么的,项目都存储什么样的数据,我接触了哪些数据格式数据类型,比如影像高程摄影 6.系统数据量有多少? 7.平台集成的系统主要做的什么查询,影像还是指标。卫星过境时间等 8.卫星影像肯定是一景一景的,有没有根据时间等条件查询来查询某个影像的,比如说:今天,北京...

weixin_41517724的博客 2928
上一篇: nodejs25: 图数据绘制库(知识图谱可视化) Cytoscape.js的节点操作菜单插件
下一篇: nodejs27 (UI相关): CSS 伪元素 ::after
FakeOccupational
博客等级 码龄6年 2万+粉丝 1727原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值