Function.apply()函数详解

最新推荐文章于 2022-01-05 00:29:21 发布

转载最新推荐文章于 2022-01-05 00:29:21 发布 · 1.5w 阅读

6 ·

CC 4.0 BY-SA版权

原文链接：https://www.cnblogs.com/dehuachenyunfei/p/6650581.html?utm_source=itdadao&utm_medium=referral

文章标签：

#javascript

本文通过实例详细解析了JavaScript中this关键字的指向规则及如何使用apply方法来改变函数内部this的指向，并传递参数。

部署运行你感兴趣的模型镜像

name = "张三";
age = 18;

function test(){
    document.writeln(this);
    document.writeln(this.name);
    document.writeln(this.age);     
};

// 全局函数内部的this默认为全局对象window
test(); // [object Window] 张三 18


var obj = {name: "李四", age: 20};
// 更改内部的this指针引用对象为obj
test.apply(obj); // [object Object] 李四 20


function foo(a, b){
    document.writeln(this.name);    
    document.writeln(a);    
    document.writeln(b);    
}
// 改变this引用为obj，同时传递两个参数
foo.apply(obj, [12, true]); // 李四 12 true


function bar(){
    var o = {name: "王五"};
    // 调用foo()函数，并改变其this为对象o，传入当前函数的参数对象arguments作为其参数
    foo.apply(o, arguments);    
}
bar("CodePlayer", "www.365mini.com"); // 王五 CodePlayer www.365mini.com

您可能感兴趣的与本文相关的镜像

Dify

AI应用

Agent编排

Dify 是一款开源的大语言模型（LLM）应用开发平台，它结合了后端即服务(Backend as a Service) 和LLMOps 的理念，让开发者能快速、高效地构建和部署生产级的生成式AI应用。它提供了包含模型兼容支持、Prompt 编排界面、RAG 引擎、Agent 框架、工作流编排等核心技术栈，并且提供了易用的界面和API，让技术和非技术人员都能参与到AI应用的开发过程中