zoukankan      html  css  js  c++  java
  • 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我们可以看作是类实例化的一个对象,用它来调用我们在类中写好的两个方法。

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

  • 相关阅读:
    pythonchallenge10
    线程同步
    查缺补漏
    查看QQ是否在线
    project euler10
    Toon Shading, step 2
    一种简易的卡通渲染方法(上)
    GLSL学习笔记 9.1 Transformation
    Gloss Mapping
    一种简易的卡通渲染方法(下)
  • 原文地址:https://www.cnblogs.com/wxdmw/p/10729530.html
Copyright © 2011-2022 走看看