javascript的call方法怎么用


本文摘自PHP中文网,作者青灯夜游,侵删。

在javascript中,call方法可以用来代替一个对象调用一个方法,可以将一个函数的对象上下文从初始化改为新的对象,也就是括号里面的原本的对象改为call()前面的对象。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

js中call()方法的用法

1.call方法

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

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

说明:

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

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

一如

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

<!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 ,最总结过输出

这个例子中的意思就是用 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, 并且无法被传递任何参数。

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

<!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是一个数组

3.call实现js的继承

更多编程相关知识,请访问:编程视频!!

以上就是javascript的call方法怎么用的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

javascript中创建对象的7种经典方式(总结)

javascript中比较运算符有哪些

通过代码示例,了解css3+javascript按钮水波纹效果

10个让你效率更高的math对象方法,快来收藏吧!

javascript如何添加随机数

html怎样格式化json数据

javascript怎么设置图片大小

javascript被禁用了怎么办

js数组学习之清空全部元素的4种方法(代码详解)

js面试高频题 原型与原型链

更多相关阅读请进入《javascript》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...