- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我读过很多关于JavaScript面试问题的网页,我注意到其中很多人都说了解.call()和.apply()之间的区别很重要。
例如:
http://www.sitepoint.com/5-typical-javascript-interview-exercises/
https://github.com/h5bp/Front-end-Developer-Interview-Questions
对于我的一生,我无法理解为什么这么重要。有人知道吗?对我来说,这和了解js较长日期和js较短日期之间的区别一样重要(也就是说,对我而言似乎并不重要)。我的直觉告诉我某个时候有影响力的人说,了解.call()和.apply()之间的区别很关键,每个人都复制了此人的讲话。但是也许我对.call()和.apply()有误解?我不确定。
最佳答案
简而言之,更高级的Javascript类型有时需要使用.call()
或.apply()
,特别是试图代理功能并传递参数或控制this
值的代码。
如果要执行这些类型的操作,则必须知道.call()
和.apply()
的工作方式,以便可以使用正确的方法(因为它们的工作方式不同)。如果您不执行这些高级操作,则无需使用它们就可以编写很多Javascript。
作为一个采访问题,我认为这是对您是否了解Javascript中参数传递,调用方法和this
处理的某些更高级细微差别的合理测试。如果您想在这些类型的问题上做得很好,那么您将需要同时理解.call()
和.apply()
,现在如何解释它们的作用以及如何以及何时使用它们,以及何时使用一个与另一个。 。
经验不足的Javascript程序员通常不太了解this
的整个概念以及如何在Java中对其进行控制或设置(我什至见过一些经验丰富的开发人员对cc的理解都不深),因此在某事上对候选人进行了测验与之相关的是一个合理的测试,而.call()
和.apply()
对此至关重要。
如果您正在开发库或框架代码,则在工作中更有可能使用.call()
或.apply()
。
以下是基本摘要:
Javascript中的每个函数都是一个具有某些属性的对象。因此,除了能够调用func()
之类的函数外,您还可以引用诸如func.length
之类的属性。
每个函数具有的两个属性是.call()
和.apply()
。它们都允许您以某种不同的方式调用函数,而不仅仅是将其称为func()
。
。呼叫()
当然,我们都知道,如果您只想调用带有固定数量参数的函数,就可以执行func(arg1, arg2)
,这些参数将传递给该函数,但是如果您想控制this
值将是您传递那些固定参数时的值?以func(arg1, arg2)
形式调用func将导致该函数内的this
值被设置为在浏览器中为window
的全局对象,或者以严格模式运行至undefined
。 Javascript中的每个函数调用(例如func(arg1, arg2)
)都以这种方式重置this
指针。这是.call()
的来源。您可以执行:
func.call(someThisValue, arg1, arg2)
func(arg1, arg2)
相同的操作,除了会导致将
this
指针设置为
someThisValue
。
.call()
与一个参数一起使用,它将仅设置
this
指针,而不传递任何参数。
func.call(someThisValue)
.call()
,因为您不能为每个可能的参数列表键入正确的
.call()
语句。这是
.apply()
出现的地方。
.apply()
的规范用法是当您尝试传递其他函数调用的参数时。当您代理其他函数调用以略微修改其行为,但仍然调用原始函数时,这很常见,原始函数要么具有各种形式(因此您不完全知道所传递的参数),要么具有多种不同类型的函数呼叫全部通过此代理。在这种情况下,通常可以将
.apply()
与
arguments
对象一起使用。您可以在
MDN polyfill for .bind()
中看到一个示例。
doIt()
的现有函数以用于记录目的,并且
doIt()
具有许多可以调用的不同方法。使用
.apply()
,我可以这样做:
// regular function already defined in your program
function doIt(arg1, arg2) {
// do something
}
// then actual usage elsewhere in the program would be just this:
doIt("foo", "bar");
// now install a proxy that can intercept all calls to doIt() and
// add some behavior before and after
(function(origDoIt) {
// replace doIt function with my own proxy
doIt = function() {
console.log("before doIt()");
// call the original function with all the arguments and this pointer
// that were passed
var retVal = origDoIt.apply(this, arguments);
console.log("after doIt()");
return retVal;
}
})(doIt);
.apply()
也可以用于设置
this
指针,如下所示:
func.apply(someThisValue)
.call()
相同。
.apply()
我最喜欢的用途之一。
Math.max()
方法接受可变数量的参数,它将返回所有这些参数中的最大数量。从而:
Math.max(1,2,3,4)
4
。
.apply()
,我们可以在任何数组中找到最大数量。
var list = [999,888,777,666,555,444,333,1000];
var m = Math.max.apply(Math, list);
console.log(m); // 1000
.apply()
将整个
list
数组作为参数发送到
Math.max()
,因此它将在整个数组上运行。
var list = [999,888,777,666,555,444,333,1000];
var m = Math.max(...list);
console.log(m); // 1000
.apply()
进行操作的简写
关于javascript - 为什么知道.call()和.apply()之间的区别如此重要?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32420074/
什么是事物 事务是一种机制、一个操作序列,包含了一组数据库操作命令,并且把所有的命令作为一个整体一起向系统提交或撤销操作请求,即这组数据库命令要么都执行,要么都不执行。 事务是一个不可分割的工.作逻辑
什么是范式? 简言之就是,数据库设计对数据的存储性能,还有开发人员对数据的操作都有莫大的关系。所以建立科学的,规范的数据库是需要满足一些规范来优化数据数据存储方式。在关系型数据库中这些规范就可以称为范
什么是事物 事务是一种机制、一个操作序列,包含了一组数据库操作命令,并且把所有的命令作为一个整体一起向系统提交或撤销操作请求,即这组数据库命令要么都执行,要么都不执行。 事务是一个不可分割的工.作逻辑
什么是范式? 简言之就是,数据库设计对数据的存储性能,还有开发人员对数据的操作都有莫大的关系。所以建立科学的,规范的数据库是需要满足一些规范来优化数据数据存储方式。在关系型数据库中这些规范就可以称为范
我正在尝试修改网站的布局,但有时网站会使用 !important,有没有办法覆盖它?我似乎无法弄清楚如何在页面的 css 文件之后加载 css 内容脚本。 最佳答案 !important CSS 规则
这个问题在这里已经有了答案: How to override !important? (12 个答案) 关闭 9 年前。 我写了一些 html,并在第三方网站中注入(inject)了一些 css 样
好的,我在这里安装了一个 wordpress 主题(www.sullivansuccesscoaching.com/home ...我们需要/home,因为仍然有一个 index.html 隐藏了 w
我已经为我的 Wordpress 模板创建了一个覆盖原始 CSS 的自定义样式表。但是,在我的日历页面上,原始 CSS 具有使用 !important 声明设置的每个表格单元格的高度: td {hei
这个问题在这里已经有了答案: How to document deconstructed parameters with JsDoc (1 个回答) 关闭 5 年前。 我正在努力寻找对文档 ES6
我的网站使用 bootstrap 4 和我制作的 css 文件。 在这个 css 文件的底部,我放置了一些媒体查询: @media (max-width: 575px) { .address .c
可以将 background-position X 设置为 0 带有标志 !important 和背景位置 Y 不带 !important? 例如: background-position-x: 0
我只想在焦点状态下去掉下拉列表中的轮廓。看这张图 我尝试使用 !important 覆盖 Bootstrap ,但根本不起作用。只是检查开发工具,突然看到这个。 Bootstrap 也使用 !impo
这个问题在这里已经有了答案: How to override !important? (12 个答案) 关闭 1 年前。
发生了什么事?:我的 jQuery Accordion 的动画坏了。在关闭上一个选项卡之前短时间单击下一个选项卡后,它会显示之前打开的选项卡。动画也不滑动。 CSS:来自this answer /*
如何使用 javascript 或 CSS 覆盖样式“color: red”?我想让它成为“2px”而不是“1px”边框。 Lorem... 我无法向“div”添加类、id。这不
这个问题在这里已经有了答案: How to override !important? (12 个答案) 关闭 5 年前。
滚动有问题不想显示其内容,如果我这样做 #callCenter { position: fixed; z-index: 2411 !important; display: bl
序言 1、MySQL表操作(创建表,查询表结构,更改表字段等), 2、MySQL的数据类型(CHAR、VARCHAR、BLOB,等), 本节比较重要,对数据表数据进行查询操作,其中可能大
如何将!important添加到客户端包GWT中的gwt-image: 我有这个: @sprite .superButton{ gwt-image : 'superButton'; backg
请帮助我..我想验证表单并使用 ajax 发送。 验证没有 ''onsubmit="return validateForm(this);"'' 工作。 但是当表单正确时,它的发送表单(页面刷新..)请
我是一名优秀的程序员,十分优秀!