javascript - 创建一个 d3 风格的链式函数
问题描述
我知道如何做像 a = x().y().z() 这样的链式函数,但我想制作类似 d3 形状函数的东西,最后有 2 组括号。例如:d = d3.line().curve('somecurve')([[10, 60], [40, 90]])。
我得到的最好的是:
function gc() {
gen = function (z) {
console.log(x + y + z)
}
gen.setx = function(d) {x = d; return(this)}
gen.sety = function(d) {y = d; return(this)}
return gen
}
a = gc().setx(1).sety(2)
b = gc().setx(3).sety(4)
a(5)
b(6)
结果是:
12
13
这显然是错误的,因为第二次调用以某种方式覆盖了第一次调用的 x,y 状态。
任何指针将不胜感激!
解决方案
在您的代码中x
,y
、 和gen
是全局变量。因此,如果其中两个函数都在写入它们,它们将被覆盖。每次gc
调用时,您都需要创建一组单独的变量。例如:
function gc() {
let x = 0; // <----- added
let y = 0; // <----- added
const gen = function (z) {
console.log(x + y + z)
}
gen.setx = function(d) {x = d; return(this)}
gen.sety = function(d) {y = d; return(this)}
return gen
}
a = gc().setx(1).sety(2)
b = gc().setx(3).sety(4)
a(5)
b(6)
推荐阅读
- javascript - 如何在不滚动的情况下强制/触发 Wordpress 本机延迟加载图像的加载?
- javascript - 写一个方法接受一个字符串数组
- sql - 在excel中通过odbc连接运行sql的问题
- javascript - 我收到错误“无法读取未定义的属性 'then'”
- javascript - 如何在 QtQuickControls2 中使用 TableView 和 ListModel 数据?
- python - 需要帮助解决错误“精确查找的 QuerySet 值必须限制为使用切片的一个结果”
- kubernetes - 从另一台机器访问由 minikube 托管的 k8s 服务
- reactjs - React:为什么在网页外模糊后仍然保留焦点事件?
- java - 从运行在 Docker 中的 Java 生产者访问安装在主机上的 Kafka
- python - 如何在 SageMaker 上运行和部署 AWS 的 XGBoost MNIST 示例笔记本?