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

最新推荐文章于 2020-11-26 00:19:08 发布

weixin_30251587

最新推荐文章于 2020-11-26 00:19:08 发布

阅读量125

点赞数

文章标签： javascript java ViewUI

原文链接：http://www.cnblogs.com/wxdmw/p/10729530.html

版权

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

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

转载于:https://www.cnblogs.com/wxdmw/p/10729530.html

weixin_30251587

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript函数调用中的方法调用模式

最近想起来之前看过的一种js语法，感觉很实用，但是又想不起来具体的写法。然后在网上浏览了一段时间，终于成功的再现了记忆中的那种语法，嗯~，还是那个熟悉的味道！代码如下：　　 <script> var sexGirl = { name:'Rose', age: 21, getName:function...
复制链接

扫一扫