zoukankan      html  css  js  c++  java
  • 原型模式 -- JavaScript语言的灵魂

    原型模式就是将原型对象指向创建对象的类,使这些类共享原型对象的方法与属性。JS是基于原型链实现对象之间的继承,是对属性或者方法的共享,而不是对属性和方法的复制。

        // 图片轮播类
        var LoopImages = function (imgArr, container) {
            this.imagesArray = imgArr;
            this.container = container;
        }
        LoopImages.prototype = {
            // 创建轮播图片
            createImage:function () {
                console.log('LoopImages createImage function');
            },
            // 切换下一张图片
            changeImage:function () {
                console.log('LoopImages changeImage function');
            }
        }
        // 上下滑动切换类
        var SlideLoopImg = function (imgArr, container) {
            // 构造函数继承图片轮播类
            LoopImages.call(this,imgArr,container);
        }
        SlideLoopImg.prototype = new LoopImages();
        // 重写继承的切换下一张图片方法
        SlideLoopImg.prototype.changeImage = function () {
            console.log('SlideLoopImg changeImage function')
        }
        // 渐隐切换类
        var FadeLoopImg = function (imgArr, container,arrow) {
            // 构造函数继承图片轮播类
            LoopImages.call(this,imgArr,container);
            // 切换箭头私有变量
            this.arrow = arrow;
        }
        FadeLoopImg.prototype = new LoopImages();
        FadeLoopImg.prototype.changeImage = function () {
            console.log('FadeLoopImg changeImage function')
        }
        // 测试用例
        console.log(fageImg.container); //slide
        fadeImg.changeImg(); //FadeLoopImg changeImage function
  • 相关阅读:
    合理使用线程池 ThreadPool.QueueUserWorkItem()
    消息机制
    数组函数的花式表演(1)
    java如何利用google map api V3进行地址解析、反向地址解析
    android intent 传递list或者对象
    分页存储过程
    MD5加密
    GridView 鼠标经过时变色两种方法
    验证码
    windows media player 播放视频
  • 原文地址:https://www.cnblogs.com/wujiaqi/p/10372140.html
Copyright © 2011-2022 走看看