- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在使用 _.mixin()
为 Underscore.js 中的一些函数添加额外的功能。我想要做的是重载调用,以便在使用原始签名时调用原始 Underscore 函数。然而,奇怪的是很难保留对原始函数的引用。我尝试了多种方法来保留原始引用,只是为了在 _.mixin()
将引用点应用到新函数后才找到。
(function() {
//Just using the base underscore pattern
var root = this;
//Save a object reference to the old function
var _oldCall = root._.oldCall;
root._.mixin({
oldCall: function (list, funk) {
//Call old function when we detect we should
if(/*detect old signature*/) return _oldCall(list, funk);
//Otherwise do something else
return 'something else';
}
});
}).call(this)
最终发生的事情是,当调用进入无限循环时抛出异常,并在堆栈无法推送更多函数调用时结束。旧函数的引用在哪里被替换?
根据提交的答案,我为@Simon Boudrias 构建了一个概念证明。一个只有一个克隆人。另一个我尝试用克隆替换 _ 的值的地方。第一个示例按预期工作,第二个示例让我大吃一惊,但这是我在尝试保留未修改的引用时所看到的。
var c = _.clone(_);
c.max(); //-Infinity
_.max()) //-Infinity
_.mixin({'max': function () {return 'whole bunches';}});
c.max(); //-Infinity
_.max(); //'whole bunches'
_ = c;
c.max(); //-Infinity
_.max(); //-Infinity
var backup = _;
var c = _.clone(_);
_ = c;
backup.max(); // -Infinity
_.max(); // -Infinity
_.mixin({'max': function () {return 'whole bunches';}};
backup.max(); // 'whole bunches'
_.max(); // -Infinity
_ = backup;
backup.max(); // 'whole bunches'
_.max(); // 'whole bunches'
最佳答案
据我所见,代码似乎没问题。唯一的问题是您可能应该确保在调用旧方法时保留上下文:_oldCall.call(root._, list, funk)
。
不过,如果方法是递归的(这里似乎就是这种情况),这会带来奇怪的行为。
这就是为什么修改不属于您的对象通常不是一个好主意的原因之一。
要获得类似的结果,我认为您应该提供外观。要么到完整的下划线 API,要么只到您希望修改的方法。
var raw_ = root._;
var my_ = _.clone(root._); // Consider this pseudo code, I don't think _ clone deeply
my_.myOverride = function() {
// call the raw_ methods when necessary here
};
// Then export your underscore with your usual module system or global
export._ = my_;
// root.my_ = my_
或者简单地制作自己的方法并在需要时导入它:
exports = function() {
// my functions with call to _
}
关于javascript - 使用 `_.mixin()` 扩展 Underscore.js,同时保持原始功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21143122/
乐 mixins具有两个(或更多)性质,在同一个容器中组合多个值,或者值与角色一起。但是,据我所知,没有一种直接的方法可以检查不是由您创建的变量中的“混合性”。 这可能是个伎俩 my $foo = 3
我对 sass 比较陌生,但是当我学习它时,Sass 网站说要开始使用 @use 而不是 import,所以经过大量的反复试验,我终于弄清楚了如何使用它与导入相同。 注意:我使用 Prepros 进行
给定一个看起来像这样的代码片段,我如何编写一个函数来检查给定对象是否实现了某个混合?我尝试使用指针转换,但由于它们具有相同的基础,因此每个结果都是非空的,但我猜测有一个模板化的解决方案,但找不到我可以
我正在使用 Typescript 2.2 的 mixin,并且想使用另一个 mixin 的属性。 文档显示可以将 mixins 限制为仅混合到某些类中...... const WithLocation
我如何创建一个将嵌套的 mixin 属性用作参数的 mixin? 我用下一个例子来解释自己。 我有一个“过渡属性”mixin: .transition-property (@props){ -we
我浏览了language documentation而且 Google Dart 似乎不支持 mixins(接口(interface)中没有方法主体,没有多重继承,没有类似 Ruby 的模块)。我对此
我想编写返回混合的函数/混合。例如我有这个 mixin: @mixin generate-offsets-from-map($class-slug,$type,$from, $to, $step) {
所有 Less 文档和教程都使用 #namespace > .mixin()当它进入命名空间时的语法。但是我发现自己更习惯于 .namespace.mixin()语法,即: .namespace()
我正在努力实现以下目标: class A { def foo() { "foo" } } class B { def bar() { "bar" } } A.mixin B def a = n
出于本问题的目的,将“mixin”视为 https://www.typescriptlang.org/docs/handbook/mixins.html 中所述的函数。 .在这种情况下,mixin 扩
如何在 vue mixins 中组合两个函数? Vue.mixin({ methods: { functionOne: () => { console.log(1)
我需要重写 mixin 添加的一些成员函数来自第三方库。问题是:mixin 立即在多个第 3 方类定义中使用,在定义 mixin 的同一个脚本文件中。我只能在此脚本之前或之后插入自定义代码,而不能在两
我有一些基本的 mixin,它们使用媒体查询应用一些规则 .on-small(@rules) { @media (@minWidthSmall) { @rules(); } } .on-mediu
我尝试安装 npm 包。所有软件包都安装正确。 但是当我尝试使用 npm start 运行应用程序时当时发生以下错误: ERROR in ./node_modules/css-loader?{"sou
这里有两个mixin @mixin parent { .parent & { @content; } } @mixin child($child) { .#{$child} & {
我在另一个 mixins 中有一个 mixins .background(@url: @base-url , @repeat: repeat, @pos1: left, @pos2: center
我有这个: 如您所见,我目前有一个包含按钮样式混合宏的条件,无论如何我可以自动包含一个吗?例如: @mixin button($color) @include button-#{$color} 最
我有以下代码,可以很好地将各种 std::tuples 转发到我的“BaseSensor”主机类的各种 mixin。 #include // std::cout std::endl #include
我按照概述的方式组织我的 sass (scss) 文件 here ... stylesheets/ | |-- modules/ # Common modules | |
所以,这是我的第一个 mixin .3transitions (@value1,@value2,@value3,@duration){ @value: ~"@{value1},@{value2}
我是一名优秀的程序员,十分优秀!