JavaScript中各种函数调用方式的合集

最新推荐文章于 2022-09-08 19:23:00 发布

周先生359

最新推荐文章于 2022-09-08 19:23:00 发布

阅读量243

点赞数

分类专栏： ES6代码笔记文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/qq_59128070/article/details/125836348

版权

本文深入探讨JavaScript中的各种函数调用方式，包括普通函数调用、方法调用、构造函数调用和apply/call/bind的使用场景。通过实例解析它们的区别及应用场景，帮助开发者更好地理解和运用JavaScript函数。

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

<!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>
    <button>点击</button>
    <script>
        // 1. 普通函数
        function fn(){
            console.log('普通函数的this' + this);

        }
        window.fn();
        // // fn.call()
        // // 2. 对象的方法 this指向的对象是o
        var o = {
            sayHi:function(){
                console.log('对象方法的this' + this)
            }
        }
        o.sayHi();
        // // 3. 构造函数 this 指向ldh这个实例对象  原型对象里面的this指向的也是ldh这个实例对象
        function Star(){ }
        Star.prototype.sing = function(){

        }
        var ldh = new Star();
        // 4. 绑定事件