首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

将一个箭头函数附加到另一个箭头函数是否是不好的做法

将一个箭头函数附加到另一个箭头函数是一种常见的编程技巧,通常被称为箭头函数的嵌套使用。这种做法并不一定是不好的,它可以根据具体的场景和需求来决定是否适用。

箭头函数的嵌套使用可以提高代码的可读性和简洁性。通过将一个箭头函数作为另一个箭头函数的参数或返回值,可以实现更加灵活的编程方式。例如,在函数式编程中,可以使用箭头函数的嵌套来实现函数的组合、柯里化等高级编程技巧。

然而,需要注意的是,过度的箭头函数嵌套可能会导致代码可读性下降,增加代码的复杂性。在设计和编写代码时,应根据具体情况权衡使用箭头函数的嵌套。如果嵌套过深或过于复杂,可以考虑使用普通函数或其他方式来实现相同的功能。

总结来说,将一个箭头函数附加到另一个箭头函数并不一定是不好的做法,它可以根据具体场景和需求来决定是否使用。在使用时,需要注意代码的可读性和简洁性,避免过度的嵌套导致代码复杂性增加。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

前端面试比较好回答

id="title">我标题 要求添加一个有内容 span 节点到 id 为 title 节点后面,做法就是:// 首先获取父节点...(取决于调用者,和是否独立运行)箭头函数使用被称为 “胖箭头操作 => 定义,箭头函数不应用普通函数 this 绑定四种规则,而是根据外层(函数或全局)作用域来决定 this,且箭头函数绑定无法被修改...箭头函数常用于回调函数中,包括事件处理器或定时器箭头函数和 var self = this,都试图取代传统 this 运行机制, this 绑定拉回到词法作用域没有原型、没有 this、没有 super...] 方法,创建一个实例对象,然后再执行这个函数体,函数 this 绑定在这个实例对象上当直接调用时,执行 [Call] 方法,直接执行函数箭头函数没有 [Construct] 方法,不能被用作构造函数调用...,在一定情况下控制其中一个另一个上方或者下方出现。

1K30
  • ES5 在 Web 上现状

    备注 Lodash 否 仅 ES5 React 否 仅 ES5 date-fns 箭头函数 three.js async/await,箭头函数,展开运算符,解构赋值 d3 箭头函数,展开运算符...,解构赋值 Framer-motion 箭头函数,展开运算符,解构赋值 greensock 否 仅 ES5 dayjs 否 仅 ES5 Zod async/await,箭头函数,展开运算符,解构赋值...RxJS 箭头函数 immer 箭头函数,展开运算符,解构赋值 luxon async/await,箭头函数,展开运算符,解构赋值 react-query 否 仅 ES5(打包了 Babel...那么,这是否真的对实际网站造成了问题,还是大多数网站正确配置了他们工具?下一节通过HTTP Archive数据来回答这个问题。...对于网站开发者 许多网站开发在同一个脚本包中同时提供未转译 ES6+语法和 ES5 助手代码,这清楚地表明排除node_modules目录不进行转译做法并不是一个做法

    11910

    编写高质量箭头函数5个最佳做法

    因此,箭头函数名称为 'increaseNumber'。 第1个实践: 一个做法使用函数名称推断来命名箭头函数。 现在我们用使用名称推断代码检查一个调试会话: ?...,一个做法使用内联箭头函数格式 3.胖箭头和比较运算符 比较操作符>、=看起来类似于f胖箭头=>(它定义了箭头函数)。...第3个实践: 如果箭头函数包含操作符>、=,一个做法表达式包装成一对括号,或者故意使用更长箭头函数形式。...,好做法通过箭头函数提取为独立函数,或者尽可能使用async/await语法。...总结 JS中箭头函数匿名。为了使调试更高效,一个实践使用变量来保存箭头函数,这允许JS 推断函数名。 当函数主体具有一个表达式时,嵌入式箭头函数非常方便。

    98540

    前端学习笔记之ES6快速入门

    y // 20 0x2 字符串 include、startsWith、endsWith 在此之前,JavaScript中只有indexOf方法可用来确定一个字符串是否包含在另一个字符串中。...var name = 'Q1mi', age = 18; `My name is ${name}, I’m ${age} years old.` 0x3 函数 箭头函数 箭头函数有个特点: 如果参数只有一个...,可以省略小括号 如果不写return,可以不写大括号 没有arguments变量 不改变this指向 其中箭头函数中this指向被固定化,不是因为箭头函数内部有绑定this机制。...实际原因箭头函数根本没有自己this,导致内部this就是外层代码块this。...它至少需要两个对象作为参数,第一个参数目标对象,第二个参数源对象。 参数必须都是对象,否则抛出TypeError错误。

    52720

    《你不知道JavaScript》-- this(笔记)

    } baz();//baz调用位置 查看调用栈另一个方法使用浏览器调试工具,可以在工具中给 foo() 函数第一行代码设置一个断点,或者在第一行代码之前插入一条 debugger; 语句。...var bar = function(){ return foo.apply(obj, arguments); } var b = bar(3);//2 3 console.log(b);//5 另一个使用方法创建一个可以重复使用辅助函数...如果是的话,this 绑定指定对象; 3)函数是否在某个上下文对象中调用(隐式绑定)?...一种更安全做法传入一个特殊对象,把 this 绑定到这个对象不会对我们程序产生任何副作用: function foo(a, b){ console.log('a: ' + a + ',...--箭头函数箭头函数不是使用 function 关键字定义使用被称为“胖箭头操作符 “=>” 定义箭头函数不使用 this 四种标准规则,而是根据外层(函数或全局)作用域来决定 this

    29920

    Python 玩出花儿,把罗小黑养在自己桌面

    故这一次我们重新制作个智能桌宠项目,不同于之前项目在于,之前使用了大量jpg图片替换造成了卡顿现象。而这一次我们将不会采用这种方式,具体见下面代码讲解。文末源码。 ?...: 程序界面的初始化包括如下内容: (1)不规则窗口建立;实现不规则窗口最简单方式就是图片素材不仅当遮罩层,还当背景图片,通过重载paintEvent()函数绘制窗口背景; 使用函数setMask...setMask()作用是为调用它控件增加一个遮罩,遮住所选区域以外部分,使之看起来透明,它参数可以为QBitmap或QRegion对象,此处调用QPixmapmask()函数获得图片自身遮罩...,一个QBitmap对象,在实例中使用PNG格式图片,它透明部分就是一个遮罩 1super(DemoWin, self)....1# 是否跟随鼠标 2self.is_follow_mouse = False 3self.move(1650,20) (3)语料库初始化,这里设置语料库在data.txt中。

    2.1K10

    【JS 口袋书】第 8 章:以更细角度来看 JS 中 this

    接着,另一个开发人员null分配给相同变量,从而导致代码出现故障。 处理全局变量总是有风险,因此JS引入了“安全模式”:严格模式。严格模式通过使用“use Strict”启用。...当咱们事件处理程序作为一个prop分配给React元素时,该方法将作为引用而不是函数传递,这就像在另一个回调中传递事件处理程序引用: // 丢失绑定 const handleClick = this.handleClick...长话短说,this基于四个“简单”规则。 箭头函数和 "this" 箭头函数语法方便简洁,但是建议不要滥用它们。当然,箭头函数有很多有趣特性。首先考虑一个名为Post构造函数。...箭头函数this指向其封闭环境(也称“词法作用域”)。换句话说,箭头函数并不关心它是否在window对象中运行。它封闭环境对象post1,以post1为宿主。...隐式绑定表示当一个函数引用 this 并作为 JS 对象一部分运行时,this 指向这个“宿主”对象。但 JS 函数总是在一个对象中运行,这是任何全局函数在所谓全局作用域中定义情况。

    2.7K20

    一劳永逸地搞懂 JavaScript中‘this’

    ; console.log(this.variable); // “我一个全局变量!” 在这里,当我们声明变量时,它被附加到 window 对象上。...基本行为: 在其核心,常规函数内部 this 值由如何调用该函数(其调用上下文)来确定。让我们分解一下: 直接调用函数: 当你在全局上下文中调用一个函数时,this 引用全局对象。...当一个函数被定义为对象方法时,this 引用拥有该方法对象。...在这个魔法核心我们好朋友:this。 主要吸引力:事件监听器 当你一个事件监听器绑定到一个DOM元素时,你基本上在耳语指示,告诉它,“嘿,当有人与你互动时,做这件事。”...这是我们说,“对于每一辆新车,将给定制造和模型分配给这个特定实例。” 旋转:原型方法 使用构造函数一个好处能够方法附加到它们原型上。

    12610

    JavaScript中箭头函数

    前言 本文可以让你了解所有有关JavaScript箭头函数信息。我们告诉你如何使用ES6箭头语法,以及在代码中使用箭头函数时需要注意一些常见错误。你会看到很多例子来说明它们如何工作。...因此,函数处理器中this也被绑定到全局作用域中--也就是Window对象。 因此,如果你想让this引用程序中开始按钮,正确做法使用一个常规函数,而不是一个箭头函数。...匿名箭头函数 在上面的演示中,接下来要注意.setInterval()方法中代码。在这里,你也会发现一个匿名函数,但这次一个箭头函数。为什么?...在这种情况下,一个常见hack手段包括另一个变量来存储this关键字值,这样它就会一直指向预期元素--在这种情况下,就是button元素: const that = this const timer...另一个需要注意问题,第三方库通常会绑定方法调用,因此this值会指向一些有用东西。

    2.1K20

    【THE LAST TIME】this:call、apply、bind

    明确说,this不会以任何方式指向函数词法作用域,作用域好像是一个所有可用标识符作为属性对象,这从内部来说他,但是JavaScript代码不能访问这个作用域“对象”,因为它是引擎内部实现...此外,使用 call 、 apply或 bind等方法给 this传值,箭头函数会忽略。箭头函数引用箭头函数在创建时设置 this值。 箭头函数也不能用作构造函数。...因此,我们也不能在箭头函数内给 this设置属性。 class 中 this 虽然 JavaScript 是否一个面向对象语言至今还存在一些争议。这里我们也不去争论。...总结 函数是否在new中调用,如果是的话this绑定新创建对象 var bar = new Foo(); 函数是否通过call、apply或者其他硬性调用,如果是的话,this绑定指定对象...放到程序中我们可以理解为,某一个对象没有想用方法去实现某个功能,但是不想浪费内存开销,就借用另一个有该方法对象去借用一下。

    53630

    Salesforce Javascript(二) 箭头函数

    (); }); 前端不好童鞋(包括我)可能也没有细想,毕竟这个规范,而且文档就这么写,就正常用了,深入学习一下,这种模式在js中叫做 箭头函数。...., param]]]) { [statements] } 这种函数好处可重用,但是有时候我们需要只是完成某种特定功能一个匿名函数,不需要其他人调用,这时候我们可以考虑箭头函数,他优点函数表达式更简洁...简简单单一行表达式,便可以这个功能实现。 this.integerArray.sort((a,b) => a - b); 箭头表达式基本概念有了以后,说一下箭头表达式语法。 1....有一个参数格式写法:参数区域括号可选,可写可不写,都是正确方式。...* x; 所以来一个进行练习,下面使用箭头函数声明函数,常规函数应该写成什么呢?

    71331

    ES6、ES7、ES8学习指南

    箭头函数结构 箭头函数箭头=>之前一个空括号、单个参数名、或用括号括起多个参数名,而箭头之后可以是一个表达式(作为函数返回值),或者用花括号括起函数体(需要自行通过return来返回值,...} return 1000/e; } 心得:不论箭头函数还是bind,每次被执行都返回一个函数引用,因此如果你还需要函数引用去做一些别的事情(譬如卸载监听器),那么你必须自己保存这个引用...arrow function属性来定义,初始化时候就绑定好了this指针 } } 需要注意:不论bind还是箭头函数,每次被执行都返回一个函数引用,因此如果你还需要函数引用去做一些别的事情...,Promise.all接受一个数组,它可以数组中promise对象并发执行; async/await几种错误处理方式 第一种:捕捉整个async/await函数错误 async function...String.prototype.padStart和String.prototype.padEnd,允许空字符串或其他字符串添加到原始字符串开头或结尾。

    1.6K40

    前端进阶

    add(1,2); 箭头函数简化函数定义,可以让我们不用使用function关键字 /*箭头函数最直观三个特点。...:数组map和reduce方法使用(了解) map() 方法可以原数组中所有元素通过一个函数进行处理并放入到一个新数组中并返回该新数组。...'1', '20', '-5', '3']; console.log(arr) // 1:数据类型更改 map自身循环功能 // 2:map方法可以原数组中所有元素通过一个函数进行处理并放入到一个新数组中并返回该新数组...(必须)和一个初始值(可选),该函数接收两个参数: 第一个参数上一次reduce处理结果 第二个参数数组中要处理一个元素 reduce() 会从左到右依次把数组中元素用reduce处理,并把处理结果作为下次...Babel一个广泛使用转码器,可以ES6代码转为ES5代码,从而在现有环境执行执行。 这意味着,你可以现在就用 ES6 编写程序,而不用担心现有环境是否支持。

    1.4K10

    浅析 JavaScript 中方法链

    在进行级联时主要有两种方法:一种一个一个执行方法,另一种在同一行上。在纯 JavaScript 中这种做法也很普遍。你可以在数组、字符串和 promise 看到它。...首先创建一个 promise,然后添加适当处理函数。...方法、链、this 和箭头函数 必须使用 this 也意味着无法使用箭头函数创建方法链。因为在箭头函数中,this 没有绑定到对象实例,而是全局对象 window 引用。...如果返回 this,那么返回不是对象本身而是 window。 另一个问题箭头函数内部访问和修改对象属性。由于 this 全局对象 window,所以不能用它来引用对象及其属性。...这样做缺点灵活性不好。如果如果用Object.assign() 和 Object.create()复制对象,所有箭头函数仍然会硬连接到原始对象。

    57710

    看完这几道 JavaScript 面试题,让你与考官对答如流(中)

    创建IIFE语法function (){}包裹在在括号()内,然后再用另一个括号()调用它,如:(function(){})() (function(){ ... } ()); (function...倒数第二个救命表明我们可以参数传递给IIFE函数。 最后一个示例表明,我们可以IIFE结果保存到变量中,以便稍后使用。...JavaScript支持闭包和高阶函数函数式编程语言特点。 32. 什么高阶函数? 高阶函数只是函数作为参数或返回值函数。...什么箭头函数箭头函数表达式语法比函数表达式更简洁,并且没有自己this,arguments,super或new.target。...在箭头函数版本中,我们只需要()括号,不需要 return 语句,因为如果我们只有一个表达式或值需要返回,箭头函数就会有一个隐式返回。

    2K10

    JavaScript 进阶

    在开发中【使用箭头函数前需要考虑函数中 this 值】,事件回调函数使用箭头函数时,this 为全局 window,因此,DOM事件回调函数为了简便,还是不太推荐使用箭头函数 数组解构 数组解构数组单元值快速批量赋值给一系列变量简洁语法...]) 判断一个字符串是否包含在另一个字符串中,根据情况返回 true 或 false(重点) 实例方法 toUpperCase 用于字母转换成大写 实例方法 toLowerCase 用于将就转换成小写...---- 原型 JavaScript 规定,每一个构造函数都有一个 prototype 属性,指向另一个对象,所以我们也称为原型对象 作用: 共享方法 可以把那些不变方法,直接定义在 prototype...在实例对象里面 指向原型 prototype 原型继承 继承面向对象编程另一个特征,通过继承进一步提升代码封装程度,JavaScript 中大多是借助原型对象实现继承特性。...,并且这种关联关系一种链状结构,我们原型对象链状结构关系称为原型链 原型链-查找规则: 当访问一个对象属性(包括方法)时,首先查找这个对象自身有没有该属性。

    1.2K20

    每天10个前端小知识 【Day 11】

    垃圾回收对是否需要回收问题主要依赖于对变量判定是否可访问,由此衍生出两种主要回收算法: 标记清理 引用计数 标记清理 标记清理js最常用回收策略,2012年后所有浏览器都使用了这种策略,此后对回收策略改进也是基于这个策略改进...其思路对每个值记录它被引用次数,通过最后对次数判断(引用数为0)来决定是否保留,具体规则有: 声明一个变量,赋予它一个引用值时,计数+1; 同一个值被赋予另外一个变量时,引用+1; 保存对该值引用变量被其他值覆盖...[[Prototype]] = Base.prototype; Base.call(o1); new做法新建一个obj对象o1,并且让o1__proto__指向了Base.prototype对象。...箭头函数和普通函数有啥区别?箭头函数能当构造函数吗? 什么箭头函数?...6、箭头函数没有自己arguments 箭头函数没有自己arguments对象。在箭头函数中访问arguments实际上获得外层局部(函数)执行环境中值。

    12810

    Vue开发中常用ES6新特性

    Generator:生成器 与迭代相关另一个功能生成器。 上面的可迭代代码依靠闭包来存储 i 变量。...但是在函数内部,使用rest运算符数字作为单个数组收集。当遍历这些参数时,这很有用。 rest语法 ... 与另一个ES6特性操作符扩展完全相同。...箭头函数表达式语法比函数表达式更简洁,并且没有自己this,arguments,super或new.target。 箭头函数表达式更适用于那些本来需要匿名函数地方,并且它不能用作构造函数。...同样,如果一个对象添加到WeakSet中,然后再取消引用它,它也将被垃圾回收。...const str = "DevPoint".endsWith("t"); console.log(str); // true String.prototype.includes() 用于判断一个字符串是否包含在另一个字符串中

    1.4K10
    领券