粗解js链式函数

2023-12-26 08:58
文章标签 函数 js 粗解 链式

本文主要是介绍粗解js链式函数,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

目录

  • 链式调用
  • 链式函数

链式调用

在codewars里做到链式函数的题目(codewars:js实现5kyu:A Chain adding function)之前,如果在面试的时候面试官让我实现add(1)(2)(3)(4)= 10,我应该是一点头绪都没有,然后羞愧的说一句:不好意思这个我不怎么会…最后‘完美’的挂掉面试,over。

在了解过程中我发现,其实链式调用我用的还是挺多的,比如在jQuery中经常会用到 $('#div').show().find('a').hide().end().css('color','#fff')
那么它是怎么实现的呢,原理其实挺简单的,就是jQuery节点在调用API之后它都会返回这个节点自身,比如:

var Obj = {a: 1,func: function(){this.a += 1;return this},test:function(){this.a += 1return this}
}
Obj.func().test().func();
console.log(Obj.a);  //4

到这里,我算对js的链式调用有了一点了解。

链式函数

那么,先不考虑结果,我要让add(1)(2)(3)(4)能执行的话,每一个函数执行完都应该返回一个函数,并且是返回同一个函数,这样才能形成链式,所以我完成codewars的代码雏形是这样的:

function add (num) {// var sum = function(){return sum;}return sum
}

综合题目的意思,add(1)(2)(3)(4)=10是要把每一个调用函数传入的参数求和:

function add (num) {// var count = num;var sum = function(num2){count += num2;return sum;}return sum
}

最后最重要的一点就是,要输出求和的结果,也就是count的值。在这里最后能够正确输出10的原理是:sum是Function,当我们进行某些操作时会(比如判断相等时)会自动调用其valueOf方法,所以要重写它的valueOf方法,让其返回count。

function add (num) {// 1var count = num;var sum = function(num2){ // 2,3......count += num2;return sum}sum.valueOf = function(){return count  // return both a function and a value}return sum
}

真真小菜鸟一个,希望看到的大佬们觉得有不对的地方指教一下!!!

这篇关于粗解js链式函数的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/538793

相关文章

Python的time模块一些常用功能(各种与时间相关的函数)

《Python的time模块一些常用功能(各种与时间相关的函数)》Python的time模块提供了各种与时间相关的函数,包括获取当前时间、处理时间间隔、执行时间测量等,:本文主要介绍Python的... 目录1. 获取当前时间2. 时间格式化3. 延时执行4. 时间戳运算5. 计算代码执行时间6. 转换为指

Python正则表达式语法及re模块中的常用函数详解

《Python正则表达式语法及re模块中的常用函数详解》这篇文章主要给大家介绍了关于Python正则表达式语法及re模块中常用函数的相关资料,正则表达式是一种强大的字符串处理工具,可以用于匹配、切分、... 目录概念、作用和步骤语法re模块中的常用函数总结 概念、作用和步骤概念: 本身也是一个字符串,其中

JS+HTML实现在线图片水印添加工具

《JS+HTML实现在线图片水印添加工具》在社交媒体和内容创作日益频繁的今天,如何保护原创内容、展示品牌身份成了一个不得不面对的问题,本文将实现一个完全基于HTML+CSS构建的现代化图片水印在线工具... 目录概述功能亮点使用方法技术解析延伸思考运行效果项目源码下载总结概述在社交媒体和内容创作日益频繁的

Node.js 数据库 CRUD 项目示例详解(完美解决方案)

《Node.js数据库CRUD项目示例详解(完美解决方案)》:本文主要介绍Node.js数据库CRUD项目示例详解(完美解决方案),本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考... 目录项目结构1. 初始化项目2. 配置数据库连接 (config/db.js)3. 创建模型 (models/

shell编程之函数与数组的使用详解

《shell编程之函数与数组的使用详解》:本文主要介绍shell编程之函数与数组的使用,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录shell函数函数的用法俩个数求和系统资源监控并报警函数函数变量的作用范围函数的参数递归函数shell数组获取数组的长度读取某下的

使用Node.js制作图片上传服务的详细教程

《使用Node.js制作图片上传服务的详细教程》在现代Web应用开发中,图片上传是一项常见且重要的功能,借助Node.js强大的生态系统,我们可以轻松搭建高效的图片上传服务,本文将深入探讨如何使用No... 目录准备工作搭建 Express 服务器配置 multer 进行图片上传处理图片上传请求完整代码示例

MySQL高级查询之JOIN、子查询、窗口函数实际案例

《MySQL高级查询之JOIN、子查询、窗口函数实际案例》:本文主要介绍MySQL高级查询之JOIN、子查询、窗口函数实际案例的相关资料,JOIN用于多表关联查询,子查询用于数据筛选和过滤,窗口函... 目录前言1. JOIN(连接查询)1.1 内连接(INNER JOIN)1.2 左连接(LEFT JOI

MySQL中FIND_IN_SET函数与INSTR函数用法解析

《MySQL中FIND_IN_SET函数与INSTR函数用法解析》:本文主要介绍MySQL中FIND_IN_SET函数与INSTR函数用法解析,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友一... 目录一、功能定义与语法1、FIND_IN_SET函数2、INSTR函数二、本质区别对比三、实际场景案例分

C++ Sort函数使用场景分析

《C++Sort函数使用场景分析》sort函数是algorithm库下的一个函数,sort函数是不稳定的,即大小相同的元素在排序后相对顺序可能发生改变,如果某些场景需要保持相同元素间的相对顺序,可使... 目录C++ Sort函数详解一、sort函数调用的两种方式二、sort函数使用场景三、sort函数排序

C语言函数递归实际应用举例详解

《C语言函数递归实际应用举例详解》程序调用自身的编程技巧称为递归,递归做为一种算法在程序设计语言中广泛应用,:本文主要介绍C语言函数递归实际应用举例的相关资料,文中通过代码介绍的非常详细,需要的朋... 目录前言一、递归的概念与思想二、递归的限制条件 三、递归的实际应用举例(一)求 n 的阶乘(二)顺序打印