首页 > 编程语言 > 详细

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

时间:2019-04-18 15:09:43      阅读:134      评论:0      收藏:0      [点我收藏+]

    最近想起来之前看过的一种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我们可以看作是类实例化的一个对象,用它来调用我们在类中写好的两个方法。

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

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

原文:https://www.cnblogs.com/wxdmw/p/10729530.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!