this关键字指向及call和apply

简介: this关键字指向及call和apply

this关键字指向

🍕默认绑定

默认指向全局window对象,但是在严格模式下this默认为undefined

function test(){
            console.log(this);
        }
test()
//window

🍟隐式绑定

当调用对象中的方法时,因为方法在对象内,所以此时方法中的this即为对象

var test ={
        name:'小明',
        height:165,
        weight:120,
        detail:function(){
            console.log('姓名'+this.name);
            console.log('身高'+this.height+'厘米');
        }
     }
test.detail()
//姓名小明
//身高165厘米
//可以看出this指的是test对象
//相当于  this.name =》name =》'小明'

🌭硬绑定

通过call,apply方法来改变this指向

 var testName = {
       name:'小明',
       sayName:function(){
            console.log('第一位考生是'+this.name);
       }
 }
 var test1 = {
     name:'小白'
 }
 var test2 = {
     name:'小红'
 }
testName.sayName.apply(test1)
testName.sayName.call(test2)
//第一位考生是小白
//第一位考生是小红
//可以看出在使用apply时,this指向即为test1对象,使用call时this指向也发生了变化,指向了test2对象

🍿构造函数绑定

🎄将变量名实例化,此时this会和实例化后的新对象紧紧绑定在一起,这样即使出现同名的变量也不会有影响


补充

🍗fn.call()

通过call()可以使用另一个对象方法,即改变this

✨1. 将this关键字改为call方法的第一个参数

✨2. 获取call方法第二个及以后的参数

✨3. 执行要操作的函数,并把第二个及以后的参数传递给函数


🍠 fn.apply()

🎀和apply方法大致相同,但是第二个参数为一个数组,即call()分别接收参数,而apply()是将要传给fn的参数放在一个数组中

var person = {
            fullName: function (city, country) {
               console.log( this.firstName + " " + this.lastName + "," + city + "," + country);
            }
        }
        var person1 = {
            firstName: "Bill",
            lastName: "Gates"
        }
person.fullName.apply(person1, ["Oslo", "Norway"]);
//Bill Gates,Oslo,Norway


相关文章
|
人工智能 数据可视化 数据挖掘
我的私人AI助理 | 办公小浣熊
【8月更文挑战第1天】如何利用AI智能化办公工具来快速实现表格数据分析,数据趋势预测,帮助管理者做出重大决策等内容
|
开发框架 .NET C#
探索VB.NET:了解.NET Framework下的Visual Basic
【4月更文挑战第27天】Visual Basic进化为VB.NET,融入.NET Framework,提供面向对象编程、泛型、LINQ等特性。VB.NET是强类型语言,支持类型推断,通过Windows Forms和WPF构建桌面应用。广泛应用于企业级、Web和数据处理开发,是易学且功能强大的编程工具。随着.NET版本更新,VB.NET的应用仍具价值,适合初学者和资深开发者。
397 1
|
存储 设计模式 安全
|
5天前
|
存储 关系型数据库 分布式数据库
PostgreSQL 18 发布,快来 PolarDB 尝鲜!
PostgreSQL 18 发布,PolarDB for PostgreSQL 全面兼容。新版本支持异步I/O、UUIDv7、虚拟生成列、逻辑复制增强及OAuth认证,显著提升性能与安全。PolarDB-PG 18 支持存算分离架构,融合海量弹性存储与极致计算性能,搭配丰富插件生态,为企业提供高效、稳定、灵活的云数据库解决方案,助力企业数字化转型如虎添翼!
|
16天前
|
弹性计算 关系型数据库 微服务
基于 Docker 与 Kubernetes(K3s)的微服务:阿里云生产环境扩容实践
在微服务架构中,如何实现“稳定扩容”与“成本可控”是企业面临的核心挑战。本文结合 Python FastAPI 微服务实战,详解如何基于阿里云基础设施,利用 Docker 封装服务、K3s 实现容器编排,构建生产级微服务架构。内容涵盖容器构建、集群部署、自动扩缩容、可观测性等关键环节,适配阿里云资源特性与服务生态,助力企业打造低成本、高可靠、易扩展的微服务解决方案。
1317 6
|
3天前
|
监控 JavaScript Java
基于大模型技术的反欺诈知识问答系统
随着互联网与金融科技发展,网络欺诈频发,构建高效反欺诈平台成为迫切需求。本文基于Java、Vue.js、Spring Boot与MySQL技术,设计实现集欺诈识别、宣传教育、用户互动于一体的反欺诈系统,提升公众防范意识,助力企业合规与用户权益保护。
|
15天前
|
机器学习/深度学习 人工智能 前端开发
通义DeepResearch全面开源!同步分享可落地的高阶Agent构建方法论
通义研究团队开源发布通义 DeepResearch —— 首个在性能上可与 OpenAI DeepResearch 相媲美、并在多项权威基准测试中取得领先表现的全开源 Web Agent。
1375 87
|
3天前
|
JavaScript Java 大数据
基于JavaWeb的销售管理系统设计系统
本系统基于Java、MySQL、Spring Boot与Vue.js技术,构建高效、可扩展的销售管理平台,实现客户、订单、数据可视化等全流程自动化管理,提升企业运营效率与决策能力。