JavaScript-函数和方法的区别-CFANZ编程社区

JavaScript-函数和方法的区别

什么是函数

函数就是没有和其它的类显示的绑定在一起的, 我们就称之为函数

什么是方法

方法就是显示的和其它的类绑定在一起的, 我们就称之为方法

函数和方法的区别

函数可以直接调用, 但是方法不能直接调用, 只能通过对象来调用
函数内部的this 输出的是window, 方法内部的this 输出的是当前调用的那个对象
无论是函数还是方法, 内部都有一个叫做this 的东东
this 是什么? 谁调用了当前的函数或者方法, 那么当前的this 就是谁

如上的 this 分别由下面的两个示例来给你们演示一下，自行查看如下示例，第一个是函数，第二个是方法，至于为什么你查看我上面已经说明了，自行查看 #什么是函数，#什么是方法 的概述。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Demo</title>
    <script type="text/javascript">
        function demo() {
            // console.log("hello demo");
            console.log(this);
        }

        // demo();
        window.demo();
    </script>
</head>
<body>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Demo</title>
    <script type="text/javascript">
        let obj = {
            name: "BNTang",
            test: function () {
                // console.log("hello test");
                console.log(this);
            }
        }

        // test();
        obj.test();
    </script>
</head>
<body>
</body>
</html>

0 条评论