JavaScript改变函数内部this指向的三个方法

最新推荐文章于 2022-05-03 00:25:17 发布

尤雨东

最新推荐文章于 2022-05-03 00:25:17 发布

阅读量116

点赞数

本文链接：https://blog.csdn.net/weixin_45747310/article/details/118640565

版权

这篇博客介绍了JavaScript中用于改变函数内部this指向的三种方法：call、apply和bind。通过示例展示了如何使用它们来调用函数并改变上下文，包括call用于实现继承，apply用于数组求最大值，以及bind创建新函数保持指定的this。此外，还讨论了它们之间的区别和应用场景。

摘要由CSDN通过智能技术生成

js提供的三种方法

call
apply
bind

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // 改变函数内部 this 指向
    // js提供了一些函数方法来改变指向问题
    // 1. bind()  2. call()  3. apply()

    // call() 方法 可以调用方法 也可以传递this的指向
    var obj = { name: '毛毛' };
    function fn() {
      console.log(this);
    };
    // call()  的主要作用是用来实现继承
    fn.call(obj);

    // apply() 方法 可以调用一个函数 也可以改变this 指向
    fn.apply(obj);
    function fnn(a, b) {
      console.log(a + b);
      console.log(this);
    };
    // 调用有参数的函数时，传递参数的方式使用 伪数组
    fnn.apply(obj, [10, 20]);
    // fnn.apply(obj,10,20); // 报错
    // apply() 的主要运用
    // 我们可以利用apply() 借助于数学内置对象求最大值 最小值等
    var arr = [11,22,55,3,98];
    var max = Math.max.apply(Math,arr);
    console.log(max);

    // bind() 方法 不会调用函数 但是可以改变函数内部this指向
    // 返回值是指定的this值和初始化参数改造以后的原函数的拷贝
    var fn_bak = fn.bind(obj);
    fn_bak();
  </script>
</body>

</html>

尤雨东

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript改变函数内部this指向的三个方法

js提供的三种方法callapplybind<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g
复制链接

扫一扫