如何在使用Function.prototype.apply时键入函数调用
在使用Function.prototype.apply时，我们可以通过键入函数调用来指定函数的上下文和参数。
Function.prototype.apply()是JavaScript中的一个内置方法，它允许我们在调用函数时指定函数的上下文（即this的值）和参数。它的语法如下：
function.apply(thisArg, [argsArray])
其中，thisArg是要在函数执行时绑定到this的值，argsArray是一个数组或类数组对象，它包含要传递给函数的参数。
在使用Function.prototype.apply时，我们可以按照以下步骤进行函数调用的键入：
- 首先，确定要调用的函数和要传递给函数的参数。这些参数可以存储在一个数组或类数组对象中。
- 然后，使用apply()方法来调用函数。将要调用的函数作为调用apply()方法的对象，即apply()方法的调用者。例如，如果要调用的函数是myFunction，那么调用的代码将类似于myFunction.apply()。
- 在apply()方法的参数中，将要绑定到函数的this的值作为第一个参数传递，即thisArg。这可以是任何JavaScript对象。
- 如果有参数需要传递给函数，将它们作为数组或类数组对象作为第二个参数传递，即argsArray。
下面是一个示例，演示如何在使用Function.prototype.apply时键入函数调用：
function greet(name) {
console.log(`Hello, ${name}!`);
}
const person = {
name: 'John'
};
greet.apply(person, ['Alice']);在上面的示例中，我们定义了一个greet函数，它接受一个参数name并打印出问候语。然后，我们创建了一个名为person的对象，其中包含一个name属性。最后，我们使用apply()方法将person对象作为上下文传递给greet函数，并传递一个包含参数'Alice'的数组。这样，greet函数将在上下文为person的情况下被调用，并打印出"Hello, Alice!"。
腾讯云相关产品和产品介绍链接地址：
- 云函数（Serverless Cloud Function）：https://cloud.tencent.com/product/scf
- 云开发（Tencent CloudBase）：https://cloud.tencent.com/product/tcb
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版（TencentDB for MySQL）：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai_services
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 区块链（Blockchain）：https://cloud.tencent.com/product/baas
- 腾讯云元宇宙（Tencent Cloud Metaverse）：https://cloud.tencent.com/solution/metaverse
相关·内容
我参加了一次面试，他们让我写一个函数，在白板上的javascript数组中找到最大值。我写道：
function max(a) { return Math.max.apply(Math,a) }
他们说很好，但是如果你不想写出一个函数，只想让最大值指向Math.max，那该怎么办呢？我说了我不认为你能做到。我想他们说你可以：
var max = Math.max.apply.bind(Math)
但是当我这样做时，我和调用max(1,2)得到一个错误：
Uncaught TypeError: Function.prototype.apply was called on #<Object&
浏览 3提问于2016-05-26得票数 0
回答已采纳
我不是在问如何使用它。我知道怎么用它。
但是，当apply调用调用它的函数时，它如何确切地将一个参数数组传递给一个函数，而该函数不是为参数接受数组而编写的呢？它是否将给定的参数数组与被调用的函数“参数”结合起来？
我查看了最新的ECMAscript .apply和.call规范，但我没有真正看到任何关于底层逻辑的内容。
欢迎任何解释。我是JavaScript的新手，我想更好地理解引擎盖下面发生了什么。我目前正在尝试自己重新创建一些基本功能，而这个功能给我带来了很大的麻烦。
浏览 4提问于2016-01-15得票数 8
回答已采纳
其目的是构建一个包装器，以提供一种一致的方法，在各种脚本主机上调用本机函数，以便脚本可以在浏览器以及Windows脚本主机或其他脚本引擎中执行。
我知道有三种方法，每种方法都有自己的缺点。
eval()方法：
函数包装器() { var str = ''；for (var i=0；i<arguments.lenght；i++) str += (str ?'，':'') +‘'，参数’+i+‘’；返回var(‘’)}；
switch()方法：
函数包装() {开关(arguments.lenght) {情况0:返回；中断；案例
浏览 3提问于2010-03-18得票数 1
回答已采纳
1回答
我试图覆盖jQuery事件处理程序的默认行为。但似乎找不到任何关于如何做到这一点的文档。
假设我将单击处理程序绑定到如下元素：
$('div#mydiv').on('click', funcName);
我试图完成的是覆盖.on函数，这样我就可以修改任何事件被jQuery绑定的方式
我已经尝试过重写$.fn.on，这显然导致了一个永无休止的循环：
$.fn.on = function(eventname, callback){
console.log(eventname + ' will be bound');
$(this).on(e
浏览 1提问于2013-09-20得票数 2
回答已采纳
2回答
任何人都知道在javascript中这是为什么工作的。
m = Math.max
m.apply(null, [1,2,3])
但这不是？
m = Math.max.apply
m(null, [1,2,3])
它抛出异常：
TypeError:对未定义的函数调用Function.prototype.apply，这是一个未定义的函数，而不是一个函数
浏览 5提问于2016-10-04得票数 5
回答已采纳
我在阅读主干源代码时，偶然发现了内部使用的triggerEvents函数。该功能包括“一个难以相信但经过优化的内部调度功能”的注释。我很好奇，是否有任何对JavaScript内部机制有更多了解的人能够确切地解释这是如何优化的。这个函数以及评论：
// A difficult-to-believe, but optimized internal dispatch function for
// triggering events. Tries to keep the usual cases speedy (most internal
// Backbone events have 3 argum
浏览 3提问于2014-12-22得票数 3
回答已采纳
从理论上讲，假设我有一个函数，它有100个参数，我只想使用其中的一个，这是第100个参数。在我通过第100次之前，没有写99个空字符串，还有更简单的方法吗？我知道你不应该有100个参数，但我很好奇这是否可能。
浏览 0提问于2014-11-03得票数 1
回答已采纳
假设我有以下代码(我知道完全无用)
function add( a, b, c, d ) {
alert(a+b+c+d);
}
function proxy() {
add.apply(window, arguments);
}
proxy(1,2,3,4);
基本上，我们知道apply需要一个数组作为第二个参数，但我们也知道arguments不是一个合适的数组。代码按预期工作，因此可以安全地说，我可以将任何类似数组的对象作为apply()中的第二个参数传递。
以下内容也将起作用(至少在Chrome中)：
function proxy() {
add.apply(wind
浏览 6提问于2013-05-14得票数 8
回答已采纳
1回答
我在阅读有关Arrow函数的文章时发现，它们的上下文不能改变。
我创建了一个模块，它接收一个函数，然后改变它的上下文。但由于用户可能正在输入箭头函数，所以我无法实现它。
所以我想知道，既然不可能改变箭头函数的上下文，我是否可以复制它的内容并创建一个执行相同操作的新函数，但现在使用的是受控上下文。
有什么想法可以实现吗？
示例如下所示：
class Foo {
constructor(name) {
this.name = name;
}
sayMyName() {
console.log(this.name);
retu
浏览 0提问于2018-05-29得票数 0
每次在JavaScript中声明回调时都必须手动设置对象的作用域，这很令人沮丧，但这是生活中的一个事实。我想知道是否可以通过将mycallback.apply作为回调传递，将scope对象作为参数传递来实现，如下所示：
var f = function() { console.log(this.x); };
var o = {x: 3};
setTimeout(f.apply, 1000, o);
据我所知，这应该以o作为作用域来调用f，但是Chrome给了我“未捕获的TypeError:在对象DOMWindow上调用了Function.prototype.apply，这是一个对象而不是一个函
浏览 0提问于2011-03-25得票数 9
回答已采纳
我对这个代码感到困惑：
Function.prototype.apply.call(Math.floor, undefined, [1.75]); // 1
我读过这篇文章，和我理解链接，应用和调用方法在一起的意义。
然而，我仍然对语法感到困惑。调用的正确语法是function.call(thisArg, arg1, arg2, ...)。但在这种情况下，为什么调用方法可以接受这些三个参数(target、thisArgument、argumentsList)，这与Reflect.apply(target, thisArgument, argumentsList)相同
浏览 2提问于2018-02-08得票数 4
回答已采纳
3回答
我有一张这样的桌子：
<table><tbody id="foo">
<tr id="1"><td>a</td><td>b</td></tr>
<tr id="2"><td>c</td><td>d</td></tr>
<tr id="3"><td>e</td><td>f</td></tr&
浏览 6提问于2013-11-11得票数 0
回答已采纳
2回答
将变量参数传递给函数
、、、
我设置了一个带有变量参数的函数：
myfunc: (cmd, args...)->
# cmd is a string
# args is an array
可以称为：
myfunc("one") # cmd = "one", args = undefined
myfunc("one","two") # cmd = "one", args = ["two"]
# etc...
现在，如果我想用未知数量的参数来调用它呢？假设我想传递一个args数组，而不是arg1, arg2,
浏览 2提问于2014-11-08得票数 2
回答已采纳
我已经开始学习React，并且有以下组件： import React, { Component } from 'react';
class Test extends Component{
handler(){
console.log(this);
return function(){
console.log(this);
}
}
render(){
{this.handler()()}
return null;
}
}
export defaul
浏览 19提问于2020-06-06得票数 2
回答已采纳
下面的代码调用console.log打印"hello"：
console.log.call(console, "hello")
但是，下面的代码会抛出TypeError：
x = console.log.call
x(console, "hello")
投掷：
Uncaught TypeError: x is not a function
at <anonymous>:1:1
有人能解释一下这种奇怪的情况吗？
(当然，call和apply都是一样的)
浏览 0提问于2018-02-25得票数 7
回答已采纳
假设我有一些字符串，我想使用函数“替换”(忽略console.log和头脑中的白色字符)
console.log(
"truefalse"["replace"]("true")
)
我希望使用 (更多信息)减少这段代码的使用字符，这是我手工完成的(忽略日志、注释、白字符、新行)
console.log(
// "truefalse"[
([]+!![]+![])[
// long 'replace' word:
[]+(!![]+[])[+!+[]]+(!!
浏览 3提问于2020-08-26得票数 2
回答已采纳
2回答
在运行函数之前，我如何执行一些javascript？我试过这样做：
Function.prototype._call= Function.prototype.call;
Function.prototype.call = function(src) {
console.log('A function was called name = ', src)
Function.prototype._call(src);
}
但只有当我用
myfunction.call()
当我调用任何函数时，我希望代码正常工作，例如：
myfunction()
浏览 7提问于2016-11-25得票数 2
回答已采纳
2回答
好吧，我明白如果你这么做了：
Array.prototype.push.apply([1, 2], [3, 4])
它将基本连接应用中的第一个数组：
[1, 2, 3, 4]
这背后的假设逻辑是，1，2被设置为这个对象，在该对象上将使用3，4调用push。
如果我们说“适用”是：
fun.apply(thisArg, [argsArray])
然后是push，thisArg是1，2和argsArray<code>E 214</code> is <code>E 115</code>3，4<code>E 216</code>
浏览 2提问于2015-11-10得票数 2
有没有人能给我点建议。我刚刚开始使用jslint，我得到了一个错误消息"strict violation“，指向带有"dialog(this)”的行-
function accessLinkClick(e) {
e.preventDefault();
$('.accessLink')
.unbind('click', accessLinkClick);
dialog(this);
}
function accessControls() {
$('.accessLink')
浏览 10提问于2012-09-26得票数 2
如何在.emacs中引用M命令？
我复制-粘贴了一些代码，使我的一些邪恶的命令工作，但我不明白它是如何工作到现在，不能复制它。
我想这和要求有关。
也许我的问题应该是:如何找到包含M命令的包？
下面是我的.emacs中工作的部分：
(require 'package)
(add-to-list 'package-archives '("melpa" . "http://melpa.org/packages/"))
(package-initialize)
(require 'evil)
(evil-mode 1)
(defin
浏览 4提问于2016-05-26得票数 0
回答已采纳
1回答
当我浏览rxjs库时，我偶然发现了这个函数：
export function map<T, R>(this: Observable<T>, project: (value: T, index: number) => R, thisArg?: any): Observable<R> {
if (typeof project !== 'function') {
throw new TypeError('argument is not a function. Are you looking for `mapTo()`?
浏览 0提问于2017-08-13得票数 3
回答已采纳
是否有任何浏览器限制或任何其他问题阻止我执行以下操作：
fn.apply(this, arguments);
对比：
fn.apply(this, Array.prototype.slice.call(arguments));
我知道apply接受一个“真实”的Array作为第二个参数，但是传递一个参数集合似乎同样有效。或者...？
浏览 0提问于2012-10-02得票数 5
回答已采纳
下面的代码可以工作：
class Foo {
axisControl: string = "string";
directionControl: string = "string";
filteredAxis: string[] = ["string"];
filteredDirection: string[] = ["string"];
test(filteredName: `filtered${string}` & keyof Foo) {
this[filteredName] = [&
浏览 2提问于2021-09-07得票数 2
spread(someFunction, [1, true, "Foo", "bar"] ) // is the same as...
someFunction(1, true, "Foo", "bar")
我编写了这段代码，但出现了一些错误：
function spread(func, args) {
func();
}
function func(args){
console.log(args[0] + args[1]);
}
spread(func,[5,6])
TypeError: args是未定义的，但
浏览 2提问于2016-07-10得票数 0
回答已采纳
我刚刚了解到我在一个Javascript类中使用，如下所示，但是实际的构造函数呢？
如果可能，我如何在不实例化类的情况下做到这一点？
var UserModel = (function() {
var User;
User = function() {}; // <- I want to overwrite this whilst keeping below methods
User.prototype.isValid = function() {};
return User;
})();
浏览 2提问于2012-11-15得票数 6
回答已采纳
我有一个中间件，看起来像这样：
function(middleWareData) { // has more args, middleware doesn't know how many
if(middleWareData.passes()) {
origFunction(/* call with the rest of the args? */
}
}
实际上，我不确定从arguments中弹出第一个参数，然后将其余参数传递给原始函数的最佳方法。原始函数是非常动态的(它是一个连接器，连接到使用4个参数的RabbitMQ，或者使用2的Redis，或者只需
浏览 4提问于2014-04-14得票数 0
1回答
嘲弄提供者，注入东西
、、、
我这里有一个有点复杂的场景，我会尽力解释，如果感觉混乱的话，很抱歉。
比方说，我在模块中有一个人工设计的提供者，名为core，我们称之为actionProvider，它可以注册操作，然后调用它们。我就是这样用的：
// registering an action in m1 module
angular.module('m1').config((actionProvider)=> {
actionProvider.reg('myAction', { $fn: myActionFn });
myActionFn.$inject =
浏览 0提问于2015-08-21得票数 0
回答已采纳
在本文中，有一条语句：
Function.prototype.apply.call(console.log，控制台，参数)；
我真的被这句话弄糊涂了。
是干什么的呢？
我如何分析这份声明？
或者用一些想法或工具，我可以一步一步地想出来？
能否将其简化为更多的语句以实现相同的结果？例如：var temp = Function.prototype.call(console.log, console, arguments); Function.prototype.apply(temp);
谢谢你的回应。
浏览 5提问于2015-12-11得票数 3
回答已采纳
约翰·雷希( John )
最后，一个长期存在(而且非常烦人)的错误已经得到解决:在这种情况下，null或未定义被胁迫成为全局对象。严格模式现在可以防止这种情况发生，并抛出异常。
(function(){ ... }).call( null ); // Exception
他指的是什么虫子？
浏览 1提问于2012-12-21得票数 2
假设我有一个$.post函数数组
var pa = [$.post(url0), $.post(url1),......];
$.when(pa[0],pa[1],...]) // works as expected
但
$.when.apply(pa) // does not work
浏览 3提问于2013-01-22得票数 1
回答已采纳
使用node.js.Badly开始使用rest，遇到了一个不知道如何解决的问题。调用时打印错误
TypeError: Function.prototype.apply: Arguments list has wrong type
<br> at /Volumes/Developer/Node Sample/sample/app.js:38:16
<br> at Layer.handle [as handle_request] (/Volumes/Developer/Node Sa
浏览 4提问于2016-01-09得票数 0
回答已采纳
1回答
以下代码的用途是什么，预期的行为是什么。
以非常复杂的方式使用绑定调用和应用
var test = Function.prototype.call.bind(Function.prototype.bind,Function.prototype.call)
var mapGet = test(Function.prototype.apply);
var arrayIndex = test(Array.prototype.slice);
浏览 8提问于2019-08-02得票数 0
我有一个函数调用，像这样： {
.
.
.
externals: (ctx, request, callback) => externalsHandler(ctx, request, callback, ['a', 'b'])
} 如您所见，我在外部调用了一个函数，并传递了它的所有参数和一个数组 我想知道是否有更简单的方法来做到这一点。 我发现有一件事是有效的： externals: (...args) => externalsHandler(...args, ['a', 'b']) 有没有什么方法可以写得更简单？
浏览 16提问于2021-04-03得票数 0
3回答
在阅读了之后，我仍然对Array.apply到底在做什么感到有点困惑。考虑以下代码片段：
new Array(5).map(function(){
return new Array(5);
});
我希望这将初始化一个具有5个未定义条目的数组，然后映射到它们上，创建一个5x5的二维数组；
相反，我只是获取数组，就好像它从未被映射过一样：
[undefined, undefined, undefined, undefined, undefined]
当我将对数组的构造函数调用包装在一个Array.apply调用中，然后在其上进行映射时，它就像预期的那样工作：
Array.apply(null
浏览 1提问于2014-08-27得票数 51
我有一个javascript函数，它使用window.open(...);打开一个新的jsp窗口，我还有一个function passValues(value);
在我的子窗口中，我做了一些事情，最终我会将值传递给我的父javascript，如下所示：
window.opener.passValues(value);
当我试图在函数中使用'this'时，它引用了window.opener。
这是我不想发生的..我希望我的这个保持在我调用passValues function之前的样子。
谢谢你的帮助
浏览 0提问于2012-10-25得票数 1
1回答
因此，XHR在循环中运行，在所有XHR完成之后，我想执行一个函数，我尝试了以下承诺。
var promises = [];
for(var i=0;i<5;i++){
promise = $.ajax({
type: "POST",
url : data_url,
data:pdata
});
promises.push(promise);
}
$.when(promises).then(function(){
浏览 1提问于2016-10-12得票数 0
回答已采纳
我正在尝试自动化一个UI，该窗口有三个按钮提交、编辑和撤回按钮。当手动创建数据时，所有三个按钮都处于启用状态。但是，当我使用webdriver通过自动化运行脚本时，只启用了提交，编辑和撤回按钮被隐藏起来，并且看起来不会执行编辑/撤回操作。
谁能建议一下需要做些什么？
请提交您的建议，如如何启用按钮和执行操作？或任何变通方法。
浏览 1提问于2014-10-27得票数 0
我在使用dojo的类对象时遇到了一些概念性问题，这些对象是用dojo/_base/declare创建的。
我创建了以下模块：
define(["dojo/_base/declare", ....], function(declare,....){
return declare('my.widget', null ,function(..){
startup: function() {
....
new Button({onClick: this.newItem}, newButtonNode)
},
浏览 1提问于2013-10-16得票数 0
回答已采纳
4回答
假设我们有一个功能
f = function(a, b, c){
// do something important
}
和包含参数的数组
var args = [5, 'string', 12] // just any values
显然，我可以这样称呼我的函数：
f(args[0], args[1], args[2])
这真的不优雅，我想找一个更好的方法来实现这一点。谢谢你的建议。
浏览 6提问于2013-10-29得票数 1
回答已采纳
1回答
类型提示可以在python中定义返回类型，所以当函数返回namedtuple类型时，如何定义它？
def bar(func):
def decorator(*args, **kwargs):
return namedtuple('data', 'name user')(**func(*args, **kwargs))
return update_wrapper(decorator, func)
@bar
def info() -> NamedTuple:
return {'name': '
浏览 0提问于2019-06-04得票数 3
2回答
我的目标是尝试将这个上下文从一个普通函数传递到一个箭头函数，但是我一直没有定义。
我知道，在正常函数中，这种行为是动态的，并且取决于函数是如何调用的。箭头函数中的这个函数遵循词法作用域规则来确定其值。但是，当我在第16行调用printWrapper()时，它被设置为car对象，因此当我进一步调用printThis()时，按照词法范围规则，它应该打印car对象，但在我的示例中，第2行上打印的这个对象是全局对象。
printThis = () => {
console.log(this); // prints the global object
}
var car = {
year
浏览 1提问于2019-09-03得票数 0
我有一个示例程序
File.py
def test1():
print("test1")
def test2():
print("test2")
def test3():
print("test3")
def main():
sys.argv[1]
sys.argv[2]
sys.argv[3]
# test1()
# test2()
# test3()
main()
我需要执行一个命令，如"python3 File.py test1() test2() test3()“
浏览 2提问于2020-05-06得票数 0
我使用rtcltk在R中创建了一个spinbox：
from <- tkwidget(leftFrame, type="spinbox", from=0, to=0.1,
inc=0.001, textvariable=freqFrom,
command = function(){updatePlot()})
当我使用旋转框的箭头时，这可以正常工作(调用updatePlot)，但如果我只是手动键入某些内容，则不起作用。
如何捕捉"value changed“事件？
浏览 4提问于2011-06-29得票数 2
回答已采纳
function foo(){
console.log('foo', this);
}
foo();
foo.call({ bar: 1 });
foo.apply([{ bar: 1 }]);
是否有任何方法可以知道foo()是使用普通调用还是使用call/apply调用的？
浏览 6提问于2013-10-29得票数 8
回答已采纳
hi im试图覆盖默认的数字包装器toString函数
(function() {
let _toString = Number.prototype.toString;
Number.prototype.toString = function() {
console.log("Number ToString Called");
_toString();
};
})();
let b = new Number(5);
console.log(b);
document.writeln(typeof b);
document.writeln(b.to
浏览 4提问于2021-01-24得票数 0
回答已采纳
2回答
为什么下面的代码会输出1？
function func(){
alert(this)
}
var i = 1;
func.call(i);
浏览 8提问于2015-06-02得票数 2
回答已采纳
我试图使用NodeJS和DiscordJS创建一个不和谐的机器人。但是，当我尝试使用client.startTyping()函数(指和 )时，它似乎返回了一个错误，说明该函数不存在。我怎么才能解决这个问题？
(完整代码)
client.startTyping(message.channel);
for (i = 0; i < (times + 1); i++) {
message.channel.sendMessage(msg);
}
client.stopTyping(message.channel);
这是一个错误：
TypeError: client.startTypin
浏览 7提问于2017-06-26得票数 3
回答已采纳
(免责声明:我正在学习JavaScript)我有一个对象构造函数，如下所示：
var Palette = function() {
this.colors = ["red", "green", "blue"];
this.getColorCombinations = function() {
var combos = [];
this.colors.forEach(function(a) {
this.colors.forEach(function(b) {
浏览 3提问于2015-10-22得票数 3
回答已采纳
1回答
当我使用MESHGRID定义数组后运行interp2时，它不会产生错误，而当使用NDGRID定义数组时，会产生错误。但是，这没有任何意义，因为错误(如下所示)声明需要NDGRID格式。你可以自己尝试一下，代码如下。这种不一致的原因是什么？如果有一种方法可以检测格式，为什么interp2不能同时处理这两种格式呢？我正在运行Matlab 2012b。
下面是错误(由测试2触发)：
Error using griddedInterpolant
Data is in MESHGRID format, NDGRID format is required.
Convert your data as fo
浏览 0提问于2013-05-29得票数 2
回答已采纳
1回答
我有一些订购问题。我有以下代码:在页面加载时，循环遍历3个表，从服务器抓取内容，并使用所述内容填充表，使表响应。
我在做这件事上有问题。我可以通过检查元素(调用函数)来实现这一点，但这对用户并不友好。我想知道是否有一种方法可以选择执行什么函数的顺序。到目前为止，我得到的是：
$(document).ready(function() {
if (dateCounter == null){ //start calendar from today's date
var current = new Date();
dateChange(current,
浏览 1提问于2015-03-16得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
