zoukankan      html  css  js  c++  java
  • Javascript设计模式系列一

      定义类,方法赋值给prototype属性各种写法:

      方法一:

     1   <script type="text/javascript">
     2         ////定义Message类
     3         var Message = function () {
     4         }
     5         ////添加方法
     6         Message.prototype = {
     7             Display: function (msg) {
     8                 ///弹出
     9                 alert(msg);
    10              }
    11         };
    12 
    13         ////实例化
    14         var msg = new Message()
    15         ////调用方法
    16         msg.Display('Hello World!');
    17     </script>

      方法二:

      <script type="text/javascript">
            ////定义Message类
            var Message = function () {
            }
    
            ////添加方法
            Message.prototype.Display = function (msg) {
                ///弹出
                alert(msg);
            }
    
            ////实例化
            var msg = new Message()
            ////调用方法
            msg.Display('Hello World!');
        </script>

      方法三:

       <script type="text/javascript">
            
            ////给Function对象添加一个方法用于声明方法
            Function.prototype.method = function (name, fn) {
                this.prototype[name] = fn;
            };
    
            ////定义Message类
            var Message = function () {
            }
    
            ////添加方法
            Message.method('Display', function (msg) {
                ///弹出
                alert(msg);
            });
    
            ////实例化
            var msg = new Message()
            ////调用方法
            msg.Display('Hello World!');
        </script>

      方法四:链式语法。

     <script type="text/javascript">
            
            ////给Function对象添加一个方法用于声明方法并且返回this值
            Function.prototype.method = function (name, fn) {
                this.prototype[name] = fn;
                return this;
            };
    
            ////定义Message类
            var Message = function () {
            }
    
            ////添加方法
            Message.method('Display', function (msg) {
                ///弹出
                alert(msg);
            }).method('Print', function (msg) {
                ///弹出
                alert(msg);
            });
    
            ////实例化
            var msg = new Message()
            ////调用方法
            msg.Display('Hello World!');
            msg.Print('Hello World!');
        </script>

      本文出自:Javascript设计模式。

  • 相关阅读:
    性能测试三:jmeter进阶之图形插件
    性能测试二:jmeter参数化+聚合报告
    性能测试一:jmeter基础入门
    pytest十六:allure2 生成 html 报告
    pytest十五:pytest-html 生成 html 报告
    Confluence 6 Cron 表达式
    Confluence 6 任务的类型
    Confluence 6 查看一个任务的执行历史
    Confluence 6 禁用或者重新启用一个任务
    Confluence 6 手动运行和修改
  • 原文地址:https://www.cnblogs.com/zhang-lei/p/4095988.html
Copyright © 2011-2022 走看看