JavaScript设计模式(二十五)【链模式】

亦凉 2021-07-05 01:00 386阅读 0赞

var A = function(selector, context) { 
        return new A.fn.init(selector, context);
    }
    A.fn = A.prototype = { 
        constructor: A,
        length: 2,
        init: function(selector, context) { 
            this.length = 0,
                context = context || document;
            //如果是id选择符，按位非将-1转化为0，转化为布尔值false --这样写比简便多了
            if (~selector.indexOf('#')) { 
                this[0] = document.getElementById(selector.slice(1));
                this.length = 1;
            } else { 
                var doms = context.getElementsByTagName(selector),
                    i = 0,
                    len = doms.length;
                for (; i < len; i++) { 
                    this[i] = doms[i];
                }
                this.length = len;
    
            }
            this.context = context;
            this.selector = selector;
            return this;
        },
        size: function() { 
            return this.length;
        },
        //原来加了下面这三个方法在控制台输出的就是数据类型的
        push: [].push,
        sort: [].sort,
        splice: [].splice
    }
    
    
    
    
    A.extend = A.fn.extend = function() { 
        var i = 1,
            len = arguments.length,
            target = arguments[0],
            j;
        if (i == len) { 
            target = this;
            i--;
        }
        for (; i < len; i++) { 
            for (j in arguments[i]) { 
                target[j] = arguments[i][j];
            }
        }
        return target;
    }
    A.fn.init.prototype = A.fn;
    
    
    var extendDemo = A.extend({  first: 1 }, {  second: 2 }, {  third: 3 });
    console.log(extendDemo);
    A.extend(A.fn, {  version: '1.0' });
    console.log(A('demo').version);
    A.fn.extend({  getVersion: function() {  return this.version } });
    console.log(A('demo').getVersion());
    // var a = new A()
    // console.log(a.size())
    var demo = A('demo');
    console.log(demo);
    console.log(A('demo').size());
    var news = A('li');
    console.log(news);
    console.log(demo);
    console.log(A('news').length);
    // A
    // console.log(A.size())
    //A函数中返回对象 解决了报错的问题
    // console.log(A().size())

发表评论取消回复

表情：

评论列表（有 0 条评论，386人围观）

还没有评论，来说两句吧...

相关阅读

相关 java 责任链设计模式（十五）

责任链模式（行为型）顾名思义，责任链模式（Chain of Responsibility Pattern）为请求创建了一个接收者对象的链。这种模式给予请求的类型，对请求

冷不防/ 2023年01月10日 10:25/ 0 赞/ 123 阅读

相关设计模式(十二)--------------责任链模式

[https://www.bilibili.com/video/av29579073/?p=19][https_www.bilibili.com_video_av2957907

曾经终败给现在/ 2021年11月22日 11:16/ 0 赞/ 265 阅读

相关 JavaScript设计模式(二十五)【链模式】

var A = function(selector, context) { return new A.fn.init(selector, contex

亦凉/ 2021年07月05日 01:00/ 0 赞/ 387 阅读

相关 JavaScript设计模式(二十)【访问者模式】

/ 访问者模式很好的使用了call这个东西访问者模式是表示一个作用于某个对象结构中的各元素的操作。它使可以在不改变各元素的类的前提下定义作用于这些元素的新操作

快来打我*/ 2021年07月04日 23:41/ 0 赞/ 421 阅读

相关 JavaScript设计模式(十八)【职责链模式】

<!DOCTYPE html> <html> <head> <meta http-equiv="content-type" c

逃离我推掉我的手/ 2021年07月04日 22:37/ 0 赞/ 388 阅读

相关 JavaScript设计模式(十五)【观察者模式】

创建一个观察者 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT

叁歲伎倆/ 2021年07月04日 21:25/ 0 赞/ 383 阅读

相关 JavaScript设计模式(十二)【组合模式】

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

妖狐艹你老母/ 2021年07月04日 16:23/ 0 赞/ 366 阅读

相关 JavaScript设计模式(二十六)【委托模式】

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

冷不防/ 2021年07月04日 14:33/ 0 赞/ 381 阅读

相关 JavaScript设计模式(二十八)【节流模式】

//这个辅助函数先暂时这样 function extend() { var i = 1, len = argumen

忘是亡心i/ 2021年07月04日 13:20/ 0 赞/ 342 阅读

相关 JavaScript设计模式(二十二)【备忘录模式】

// 备忘录模式在不破坏对象封装的前提下，在对象之外捕获并保存该对象那个内部的状态一遍日后对象使用或者对象那个恢复到以前的某个状态 // Page

不念不忘少年蓝@/ 2021年07月04日 12:20/ 0 赞/ 408 阅读