- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我想真正地了解javascript工作原理的详细信息。在方法链接期间,有时一个方法返回到另一个具有命名输入参数的方法。
例如,在D3中,模式如下所示:
d3.select("body").selectAll("p")
.data(dataset)
.enter()
.append("p")
.text(function(d) { return d; }); //what does this d refer to? How is it filled?
$.ajax({
...
})
.done(function( data ) { //what does this data refer to? How is it filled?
最佳答案
有两个不同的主题,因此我将分别进行解释:
使用函数作为方法参数
首先,更正:您提供的示例不是“一个方法返回具有命名输入参数的另一个方法”的示例。它们是将函数作为另一种方法的输入参数的示例。
为了阐明这一点,我将举一个例子,其中一个函数的返回值用作另一个函数的输入。
var a = "Hello ",
b = "World!";
var c = a.concat( b.toUpperCase() ); //c = "Hello WORLD!"
c
,按顺序进行以下操作:
concat
方法,但需要弄清楚给它提供什么参数。 toUpperCase()
的b
方法,并返回字符串“WORLD!”。 a
的concat()
方法的参数,该参数现在可以执行。 concat()
方法而言,结果与您编写
c = a.concat("WORLD!")
相同–不在乎字符串“WORLD!”。是由另一个函数创建的。
b.toUpperCase()
的返回值是作为参数而不是函数本身传递的。函数名称后面的括号告诉浏览器要执行该函数,只要浏览器已确定该函数的任何参数的值即可。如果没有括号,该函数将被视为任何其他对象,并且可以作为参数或变量传递,而无需实际执行任何操作。
console.log()
,则该函数的字符串表示形式将被打印到控制台,而无需执行传递的函数。但是,大多数接受另一个函数作为输入的方法都旨在使用指定的参数来调用该函数。
map()
方法。
map
方法创建一个新数组,其中每个元素都是在原始数组的相应元素上运行映射功能的结果。
var stringArray = ["1", "2!", "3.0", "?"];
var numberArray = stringArray.map(parseFloat); //numberArray = [1, 2, 3, NaN]
parseFloat()
是一个内置函数,它接受一个字符串并尝试从中找出一个数字。请注意,当我将其传递给map函数时,我只是将其作为变量名传递,而不是在结尾加上括号。它由map函数执行,而map函数决定了它获取的参数。
parseFloat
函数将每次调用
map
的结果分配给它们在结果数组中的位置。
parseFloat
:数组中的元素,该元素在数组中的索引以及整个数组。
parseFloat
函数仅使用一个参数,因此,第二个和第三个参数将被忽略。 (但是,如果您尝试对
parseInt
做相同的事情,则会得到意外的结果,因为
parseInt
确实使用了第二个参数-将其视为整数的基数(“基数”)。)
Array.prototype.myMap = function(f) {
var result = [];
for (var i = 0, n=this.length; i<n; i++) {
result[i] = f( this[i], i, this);
//call the passed-in function with three parameters
}
return result;
};
f
函数并给定参数,而不知道它是什么或做什么。参数以特定顺序给出-元素,索引,数组-但未链接到任何特定参数名称。
map
方法的局限性在于,只有传递值作为参数的情况下,很少有可以直接调用的Javascript函数。大多数功能是特定对象的方法。例如,我们不能将
toUpperCase
方法用作
map
的参数,因为
toUpperCase
仅作为字符串对象的方法存在,并且仅作用于特定的字符串对象,而不作用于map函数可能提供的任何参数。为了将字符串数组映射为大写,您需要创建自己的函数,该函数以map函数使用它的方式工作。
var stringArray = ["hello", "world", "again"];
function myUpperCase(s, i, array) {
return s.toUpperCase(); //call the passed-in string's method
}
var uppercaseStrings = stringArray.map( myUpperCase );
//uppercaseStrings = ["HELLO", "WORLD", "AGAIN"]
myUpperCase
函数,则无需单独声明它并为其命名。您可以将其直接用作匿名函数。
var stringArray = ["hello", "world", "again"];
var uppercaseStrings = stringArray.map(
function(s,i,array) {
return s.toUpperCase();
}
);
//uppercaseStrings still = ["HELLO", "WORLD", "AGAIN"]
function myUpperCase(stringElementFromArray, indexOfStringElementInArray, ArrayContainingStrings) {
return stringElementFromArray.toUpperCase();
}
map
传递,但将被忽略。但是,如果我想使用
map
传入的第二个或第三个参数,则必须为第一个参数声明一个名称,只是为了保持编号的准确性:
function indirectUpperCase (stringIDontUse, index, array) {
return array[index].toUpperCase();
}
function(d,i){return i;}
。如果只是执行
function(i){return i;}
,则
i
的值将是数据对象,因为d3函数始终将其作为第一个参数传递,无论您如何调用它。传递参数值的是外部函数。参数名称仅存在于内部函数内部。
.length
属性来计算期望的参数数量并相应地传递不同的参数值。 arguments
列表访问它们。因此,编写大写映射函数的另一种方式是:function noParamUpperCase() {
return arguments[0].toUpperCase();
}
var a = "Hello ",
b = "World!";
var c = a.toUpperCase().concat( b ); //c = "HELLO World!"
c
时发生的第一件事是调用了
a.toUpperCase()
方法。该方法返回一个字符串(“HELLO”),该字符串像其他所有字符串一样具有
.concat()
方法。因此,现在将
.concat(b)
作为返回的字符串的方法而不是原始字符串
a
的方法来调用。结果是
b
被连接到
a
大写版本的末尾:“HELLO World!”。
var numberArray = [5, 15];
var stringArray = numberArray.toString().split(","); //stringArray = ["5", "15"]
[5,15]
开始。我们调用该数组的
toString()
方法,该方法会生成该数组的格式正确的字符串版本:“5,15”。现在,该字符串具有其所有可用的字符串方法,包括
.split()
,该字符串将字符串拆分为围绕指定拆分字符(在本例中为逗号)的子字符串数组。
d3.select("body").style("background", "green");
d3.select("body")
方法创建一个d3选择对象。该对象具有
style()
方法。如果使用样式方法设置样式,则实际上并不需要任何信息。它本来可以设计成根本不返回任何值。而是返回该方法所属的对象(
this
对象)。因此,您现在可以调用该对象的另一个方法。或者,您可以将其分配给变量。或两者。
var body = d3.select("body").style("background", "green")
.style("max-width", "20em");
var svg = d3.select("svg").attr("height", "200")
.attr("width", "200")
.append("g")
.attr("transform", "translate(20,20)");
append("g")
不会返回对
<svg>
元素的相同选择。它返回一个由
<g>
元素组成的新选择,然后为其提供一个transform属性。分配给变量
svg
的值是链中的最后一个返回值。因此,在以后的代码中,您将必须记住,变量
svg
实际上并不引用
<svg>
元素的选择,而是引用
<g>
。我感到困惑,因此我尽量避免使用变量名
svg
进行选择,而该选择实际上不是
<svg>
元素。
.attr()
或
.style()
方法中的任何一个都可以将函数而不是字符串作为第二个参数。但这不会改变方法链接的工作方式。
关于javascript - 如何在javascript方法链中填充输入参数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21358027/
简而言之:我想从可变参数模板参数中提取各种选项,但不仅通过标签而且通过那些参数的索引,这些参数是未知的 标签。我喜欢 boost 中的方法(例如 heap 或 lockfree 策略),但想让它与 S
我可以对单元格中的 excel IF 语句提供一些帮助吗? 它在做什么? 对“BaselineAmount”进行了哪些评估? =IF(BaselineAmount, (Variance/Baselin
我正在使用以下方法: public async Task Save(Foo foo,out int param) { ....... MySqlParameter prmparamID
我正在使用 CodeGear RAD Studio IDE。 为了使用命令行参数测试我的应用程序,我多次使用了“运行 -> 参数”菜单中的“参数”字段。 但是每次我给它提供一个新值时,它都无法从“下拉
我已经为信用卡类编写了一些代码,粘贴在下面。我有一个接受上述变量的构造函数,并且正在研究一些方法将这些变量格式化为字符串,以便最终输出将类似于 号码:1234 5678 9012 3456 截止日期:
MySql IN 参数 - 在存储过程中使用时,VarChar IN 参数 val 是否需要单引号? 我已经像平常一样创建了经典 ASP 代码,但我没有更新该列。 我需要引用 VarChar 参数吗?
给出了下面的开始,但似乎不知道如何完成它。本质上,如果我调用 myTest([one, Two, Three], 2); 它应该返回元素 third。必须使用for循环来找到我的解决方案。 funct
将 1113355579999 作为参数传递时,该值在函数内部变为 959050335。 调用(main.c): printf("%d\n", FindCommonDigit(111335557999
这个问题在这里已经有了答案: Is Java "pass-by-reference" or "pass-by-value"? (92 个回答) 关闭9年前。 public class StackOve
我真的很困惑,当像 1 == scanf("%lg", &entry) 交换为 scanf("%lg", &entry) == 1 没有区别。我的实验书上说的是前者,而我觉得后者是可以理解的。 1 =
我正在尝试使用调用 SetupDiGetDeviceRegistryProperty 的函数使用德尔福 7。该调用来自示例函数 SetupEnumAvailableComPorts .它看起来像这样:
我需要在现有项目上实现一些事件的显示。我无法更改数据库结构。 在我的 Controller 中,我(从 ajax 请求)传递了一个时间戳,并且我需要显示之前的 8 个事件。因此,如果时间戳是(转换后)
rails 新手。按照多态关联的教程,我遇到了这个以在create 和destroy 中设置@client。 @client = Client.find(params[:client_id] || p
通过将 VM 参数设置为 -Xmx1024m,我能够通过 Eclipse 运行 Java 程序-Xms256M。现在我想通过 Windows 中的 .bat 文件运行相同的 Java 程序 (jar)
我有一个 Delphi DLL,它在被 Delphi 应用程序调用时工作并导出声明为的方法: Procedure ProduceOutput(request,inputs:widestring; va
浏览完文档和示例后,我还没有弄清楚 schema.yaml 文件中的参数到底用在哪里。 在此处使用 AWS 代码示例:https://github.com/aws-samples/aws-proton
程序参数: procedure get_user_profile ( i_attuid in ras_user.attuid%type, i_data_group in data_g
我有一个字符串作为参数传递给我的存储过程。 dim AgentString as String = " 'test1', 'test2', 'test3' " 我想在 IN 中使用该参数声明。 AND
这个问题已经有答案了: When should I use "this" in a class? (17 个回答) 已关闭 6 年前。 我运行了一些java代码,我看到了一些我不太明白的东西。为什么下
我输入 scroll(0,10,200,10);但是当它运行时,它会传递字符串“xxpos”或“yypos”,我确实在没有撇号的情况下尝试过,但它就是行不通。 scroll = function(xp
我是一名优秀的程序员,十分优秀!