方法的定义和调用、apply

原创于 2022-06-14 19:35:33 发布 · 70 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

JavaScript 专栏收录该内容

23 篇文章

订阅专栏

本文探讨了JavaScript中如何定义和调用对象方法，重点讲解了`this`关键字在不同情况下的指向，并通过实例比较了`getAge`方法的不同实现及其效果。

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        //定义方法
        //方法就是把函数放在对象里面，对象里只有两个东西：属性和方法
        var Massimo = {
            name : "马西莫",
            birth : 2002,
            //方法
            age : function () {
                //今年 - 出生的年
                var now = new Date().getFullYear();
                return now - this.birth;
            }
        }
        //调用方法一定要带上括号   Massimo.age()

        //上面的代码可以拆成，如下
        function getAge() {
            //今年 - 出生的年
            var now = new Date().getFullYear();
            return now - this.birth;
        }
        var Massimo2 = {
            name : "马西莫",
            birth : 2002,
            //方法
            age : getAge
        }
        //调用  Massimo2.age()   结果一致
        //如果是  getAge()  返回  NaN

        //Java中this是无法指向的，是默认指向调用它的那个对象
        //但是在JavaScript中，可以控制this指向
        getAge.apply(Massimo2 , []);//this 指向了Massimo2，参数为空
    </script>
</head>
<body>

</body>
</html>