iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >如何在javascript中使用call方法
  • 702
分享到

如何在javascript中使用call方法

2023-06-14 12:06:01 702人浏览 薄情痞子
摘要

这期内容当中小编将会给大家带来有关如何在javascript中使用call方法,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。js中call()方法的用法1.call方法语法:call(thisobj,[a

这期内容当中小编将会给大家带来有关如何在javascript中使用call方法,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

js中call()方法的用法

1.call方法

语法:call(thisobj,[argq,arg2])

定义:调用一个对象的一个方法,以另一个对象替换当前对象

说明:

call方法可以用来代替一个对象调用一个方法,call方法可以将一个函数的对象上下文从初始化改为新的对象,也就是括号里面的原本的对象改为call()前面的对象、即用thisobj代替call前面的东西,最终用thisobj这个对象去执行call前面的方法。

如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj。

一如

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>js中call方法的使用</title></head> <body><p id="id1">新年</p></body> </html> <script>    function add(a,b){        alert(a+b);    }    function sub(a,b){        alert(a-b);    }    document.getElementById("id1").onclick = function(){        add.call(sub,3,1);    } </script>

add代替sub   ,最总结过输出

如何在javascript中使用call方法

这个例子中的意思就是用 add 来替换 sub,add.call(sub,3,1) == add(3,1) ,所以运行结果为:alert(4); // 注意:js 中的函数其实是对象,函数名是对 Function 对象的引用。

【推荐学习:javascript高级教程

2.apply方法

语法:apply(thisobj,[argArray])

定义:应用某一个对象的一个方法,用别另一个对象替换当前对象

说明:

如果 argArray 不是一个有效的数组或者不是 arguments 对象,那么将导致一个 TypeError。
如果没有提供 argArray 和 thisObj 任何一个参数,那么 Global 对象将被用作 thisObj, 并且无法被传递任何参数。

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>js中call方法的使用</title></head> <body><p id="id1">新年</p></body> </html> <script>    function Animal(){        this.name = "Animal";        this.showName=function(){            alert(this.name);        }    }    function Cat(){        this.name = "Cat";    }     document.getElementById("id1").onclick = function(){        var animal = new Animal();        var cat = new Cat();        // 通过call或apply方法,将原本属于Animal对象的showName方法交给对象call来使用了        animal.showName.apply(cat,[]);        animal.showName.call(cat,",");     }  </script>

注意apply的参数和call方法的参数是不同的,apply是一个数组

如何在javascript中使用call方法

call实现js的继承

如何在javascript中使用call方法

如何在javascript中使用call方法

上述就是小编为大家分享的如何在javascript中使用call方法了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注编程网精选频道。

--结束END--

本文标题: 如何在javascript中使用call方法

本文链接: https://www.lsjlt.com/news/270707.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 如何在javascript中使用call方法
    这期内容当中小编将会给大家带来有关如何在javascript中使用call方法,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。js中call()方法的用法1.call方法语法:call(thisobj,[a...
    99+
    2023-06-14
  • JavaScript中bind、call、apply方法怎么使用
    这篇文章主要讲解了“JavaScript中bind、call、apply方法怎么使用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript中bind、call、apply方法怎么...
    99+
    2023-06-30
  • JavaScript中的call()函数如何使用
    本篇内容介绍了“JavaScript中的call()函数如何使用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!this指向指向window:...
    99+
    2023-07-05
  • JavaScript中call方法有什么用
    这篇文章将为大家详细讲解有关JavaScript中call方法有什么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。1、call可以调用这个函数并且修改函数运行时this...
    99+
    2024-04-02
  • item方法如何在javascript中使用
    这篇文章给大家介绍item方法如何在javascript中使用,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。创建一个名称为 item   的html文件添加一个button按钮,在点击事件中加入自定义函数 &...
    99+
    2023-06-14
  • 如何在javascript中使用exec方法
    本篇文章为大家展示了如何在javascript中使用exec方法,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。javascript的exec方法用于检索字符串中的正则表达式的匹配,其使用语法是“Re...
    99+
    2023-06-14
  • 如何在javascript中使用 push()方法
    这篇文章给大家介绍如何在javascript中使用 push()方法,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。JavaScript的特点1.JavaScript主要用来向HTML页面添加交互行为。2.JavaScr...
    99+
    2023-06-14
  • sqrt方法如何在javascript中使用
    这篇文章给大家介绍sqrt方法如何在javascript中使用,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。javascript sqrt方法用于返回一个数的平方根,其使用语法是“Math.sqrt(x)”,其参数x表...
    99+
    2023-06-14
  • 如何在javascript中使用then方法
    如何在javascript中使用then方法?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。javascript then方法是异步执行,就是当【.then()】前的方法执行完后...
    99+
    2023-06-14
  • JavaScript如何实现函数call方法
    这篇文章主要为大家展示了“JavaScript如何实现函数call方法”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“JavaScript如何实现函数call方法”这篇文章吧。实现函数 call ...
    99+
    2023-06-27
  • 如何在javascript中使用静态方法
    这篇文章将为大家详细讲解有关如何在javascript中使用静态方法,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。JavaScript的特点1.JavaScript主要用来向HTML页面添加...
    99+
    2023-06-14
  • JavaScript的call()方法怎么用
    这篇文章主要讲解了“JavaScript的call()方法怎么用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript的call()方法怎么用”...
    99+
    2024-04-02
  • 如何在JavaScript中使用正则exec方法
    这篇文章将为大家详细讲解有关如何在JavaScript中使用正则exec方法,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。JavaScript可以做什么1.可以使网页具有交互性,例如响应用户...
    99+
    2023-06-14
  • split方法在javascript中如何用
    今天小编给大家分享一下split方法在javascript中如何用的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面...
    99+
    2024-04-02
  • Javascript中如何使用replace()方法
    本篇文章为大家展示了Javascript中如何使用replace()方法,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。Javascript中replace()方法在...
    99+
    2024-04-02
  • 如何使用javascript中string方法
    本篇内容介绍了“如何使用javascript中string方法”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!javascript中strin...
    99+
    2023-06-14
  • JavaScript中reduce()方法如何使用
    本篇文章为大家展示了JavaScript中reduce()方法如何使用,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。reduce()方法对数组中的每一个元素执行一个...
    99+
    2024-04-02
  • JavaScript中console.log() 方法如何使用
    本篇文章给大家分享的是有关JavaScript中console.log() 方法如何使用,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。计算属性...
    99+
    2024-04-02
  • JavaScript中如何使用valueof方法
    小编给大家分享一下JavaScript中如何使用valueof方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! ...
    99+
    2024-04-02
  • javascript中如何使用splice方法
    这篇文章主要介绍了javascript中如何使用splice方法,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 ...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作