- 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/
padding:initial 比 padding:0 有什么优势吗?示例: textarea { padding: 0; } Hello, world! 最佳答案 它们的意思是一
我尝试通过按钮填充 JList,然后在先前填充的 Jlist 上使用 DoubleClick 填充 JTextField。 代码: private void extractUsedVariables
我正在尝试做 var width = ($(this).width() + $(this).css('padding-left') + $(this).css('padding-right' ));
我在导航中添加了悬停效果,遗憾的是悬停也影响了上面的文字。如何在不影响文本位置的情况下向导航添加悬停? 可悲的是,我找不到解决这个问题的方法。 HTML 模板:http://projects.help
我是 F# 初学者,下面代码中的 %-5s 和 %5s 有什么作用?我认为它提供了空间填充,但我不确定它是如何填充的? printfn "%-5s %5s" "a" "b" 当我尝试 prin
我需要选择带狗的用户(带 type 等于“狗”的宠物) var User = Waterline.Collection.extend({ identity: 'user', attribute
我一直在尝试让 Excel 在一组列上应用公式,然后将模式扩展到整个行集。 这导致了以下代码: For i = 0 To avgsheetNames.Count - 1 If Contains(CSt
随着 Flutter 2.0 的发布,FlatButton已被替换为 TextButton . 因此,填充属性不再直接可用,而是作为 ButtonStyle属性(property)。 我的问题是,我该
这似乎是一个简单的问题,但我已经尝试了一个小时,似乎无法弄清楚。 我要做的就是用 Canvas 填充 MainWindow。我找不到任何允许这样做的属性,我能想到的唯一方法是设置 Canvas.Wid
这是a website具有移动 View 。 网站宽度为 640 像素,但 iPhone 以 678 像素渲染文档。在 Android 中看起来很棒。 我添加了视口(viewport)元: 主体 C
我正在使用 GridBagLayout到(当前)显示两行。我知道这种布局对于这项任务来说太过分了,但我正在努力学习如何使用它。问题是我已将两个面板添加到两个单独的行中,并且内容周围存在巨大差距(请参见
我有以下代码已传递给我并创建多边形: var map; function initialize() { var myLatlng = new google.maps.LatLng(-36.4
我在 Jpanel 中有一些项目,然后将其推到顶部并用作基本搜索引擎的工具栏。我遇到一个问题,因为没有足够的空间,所以我的最后一个组合框没有显示。但是,左侧有很多空白空间,我需要移动所有内容来填充 J
我创建了带有阈值的二进制图像。如下图所示如何改变白色形状的颜色以使其可索引? 到目前为止,这是我的代码: void threshold() { cv::Mat src_8uc3_img = c
我有一个 JTable,我想知道是否有更好的方法来填充它,这是我的代码: //Metodo para llenar un jtable con datos de la base public stat
我想要做的是裁剪一个卷以删除所有不相关的数据。例如,假设我有一个 100x100x100 的体积,其中填充了 0,但其中的 50x50x50 体积则填充了 1。如何从原始体积中获得裁剪后的 50x50
因此,我正在创建一种对一组数字进行洗牌的方法,其想法是创建这些数字的总体。因此,我创建了一个循环,对数字进行洗牌,然后将其添加到数组列表中,但是经过一些调试语句后,我发现它确实对数字进行洗牌,但只将最
假设我有这两个类: public class A where T : IEntityWithID, new() { private static EntityInfo entityInfo =
我正在尝试添加用户输入的两个大整数作为字符串。当两个输入字符串的长度不同时,我尝试用零填充较短的数字,但它不起作用。因此,如果我输入 456 和 7,它会给出 3,前面有一些随机字符。感谢您的任何建议
这是我将内容打印到表格 View 的代码 override func tableView(_ tableView: UITableView, cellForRowAt indexPath: Index
我是一名优秀的程序员,十分优秀!