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设计模式。

  • 相关阅读:
    使用熔断器防止服务雪崩
    创建服务消费者(Feign)
    1.python进行if条件相等时候的条件
    理解编程语言是什么
    硬件架构与操作系统的历史
    centos7 下安装rpm的mysql 5.7
    BIND的进阶二:视图,日志,转发,子域的授权
    Linux启动盘-ultraiso
    ubuntu 跟xshell的问题
    Python接口自动化-requests模块之get请求
  • 原文地址:https://www.cnblogs.com/zhang-lei/p/4095988.html
Copyright © 2011-2022 走看看