如何解决创建 d3 样式的链式函数
我知道如何做像 a = x().y().z() 这样的链式函数,但我想用 2 组括号来制作类似 d3 形状函数的东西。例如: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)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。