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

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

  • 相关阅读:
    UDP
    ICMP协议、DNS、ARP协议、ping、DHCP协议
    OSI七层模型和TCP/IP四层模型
    STL六大组件
    迭代器
    哈希表
    react wangeditor使用
    URL切割
    ES6对象合并
    nginx 访问本机文件
  • 原文地址:https://www.cnblogs.com/wxdmw/p/10729530.html
Copyright © 2011-2022 走看看