javascript函数调用中的方法调用模式

时间:2019-04-18
本文章向大家介绍javascript函数调用中的方法调用模式,主要包括javascript函数调用中的方法调用模式使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

    最近想起来之前看过的一种js语法,感觉很实用,但是又想不起来具体的写法。然后在网上浏览了一段时间,终于成功的再现了记忆中的那种语法,嗯~,还是那个熟悉的味道!

代码如下:

  

 <script>
    var sexGirl = {
        name:'Rose',
        age: 21,
        getName:function() {
            alert(this.name);
        },

        getAge:function() {
            alert(this.age);
        }
    };
 </script>
 <body>
    <div>
        <button onclick="sexGirl.getName()">想知道她叫啥?</button>
        <button onclick="sexGirl.getAge()">想知道她多大?</button>
    </div>
 </body>

讲解如下:

   由于在下对于js方面的知识只是有所了解,所以在下是用理解java语言中类、成员变量和方法的方式来理解上面的代码的。

  var sexGirl 在js中代表着声明一个变量,我们可以将它看作是java语言中的类。name和age也就可以看作是类中的成员变量,getName和getAge可以看作是类中的方法。

   在body中创建一个div,在div中创建两个按钮(button),为每一个按钮添加一个点击事件,onclick中的sexGirl我们可以看作是类实例化的一个对象,用它来调用我们在类中写好的两个方法。

   然后,就可以获取妹子的信息了哈~