10-call方法.html

倾馨1314

于 2022-09-14 19:39:32 发布

阅读量141

点赞数

文章标签： javascript servlet 前端

本文链接：https://blog.csdn.net/m0_59556655/article/details/126858785

版权

这篇博客探讨了JavaScript中的函数调用方式，特别是`call()`方法的使用。通过示例展示了如何使用`call()`调用函数，并说明了如何利用`call()`改变函数内部`this`的指向。文章解释了`this`在不同上下文中的行为，包括在全局和对象上下文中的表现。最后，通过一个具体的例子展示了如何将`this`指向一个特定的对象，以实现函数的绑定。

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

<script>

        // call 方法

        function fn() {

            console.log('我想喝手磨咖啡');

            console.log(this)

        }

        // fn();

        // 1.call() 可以调用函数

        fn.call();

    </script>

<!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>
        // call 方法
        function fn(x, y) {
            console.log('我想喝手磨咖啡');
            console.log(this)
            console.log(x + y);
        }

        var o = {
            name: 'andy'
        }
        // fn();
        // 1.call() 可以调用函数
        // fn.call(); 
        // 2.call() 可以改变这个函数的this指向,此时这个函数的this就指向了o这个对象
        fn.call(o, 1, 2);


    </script>
</body>

</html>