js设计模式重点知识

拼搏现实的明天。 2023-02-18 14:22 29阅读 0赞

## 用对象收编变量 ##

var CheckObject={ 
    checkName:function(){ 
    //
    },
    xxxx
    ,
    xxxx
    }

另一种方式：

var CheckObject =function(){ };
    CheckObject.checkName=function(){ 
    }

## 调用 ##

var CheckObject =function(){ 
    return{ 
    checkName:function(){ 
    },
    xxx,
    xxx
    }
    };

每次调用函数都会返回一个新对象  
互不干扰。

var a =CheckObject();
    a.checkEmail();

## 类的创建方式 ##

var CheckObject =function(){ 
    this.checkName=function(){ }
    xxxx
    }

由于是类，就需要用new来新建

var a =new CheckObject();
    a.checkEmail();

## prototype ##

var CheckObject =function(){ };
    CheckObject.prototype.checkName=function(){ }
    xxxx
    xxxx

### 简化 ###

var CheckObject =function(){ };
    CheckObject.prototype ={ 
    checkName:function(){ },
    xxxx,
    xxxx
    
    }

当想多个调用的时候需要不断的写，a.xxx()  
在每个方法中return一个this `return this`则可以进行重复调用

CheckObject.a().b().c();

## prototype拓展： ##

Function.prototype.addMthod=function(name,fn){ 
    this[name]=fn;
    }
    
    var methods =function(){ }；
    
    methods.addMethod('checkName',function(){ });
    
    methods.checkName();

相同的可以对addMthod中增加`return this`，实现链式添加。

## JavaScript实现公有私有 ##

var Book =function(id,name,price){ 
    //私有属性及方法
    var num=1;
    function checkId(){ };
    
    //特权方法
    this.getName=function(){ };
    this,getPrice=function(){ };
    this.setName=function(){ };
    this,setPrice=function(){ };
    
    //对象公有属性
    this.id=id;
    //对象公有方法
    this.copy=function(){ };
    //构造器
    this.setName(name)；
    this.setPrice(price);
    
    }

发表评论取消回复

表情：

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

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

相关阅读

相关设计模式基本知识

1. 定义：设计模式（Design pattern）是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解

古城微笑少年丶/ 2023年10月17日 10:38/ 0 赞/ 80 阅读

相关 Javascript知识【JS数组】重点

1，JS数组【重点】 1.1：四种定义方式目标：通过学习JS数组，掌握JS中多条目数据的保存方式。路径：1，四种定义方式 2，遍历方式第一种：var ar

柔情只为你懂/ 2023年10月01日 23:22/ 0 赞/ 55 阅读

相关 js的设计模式理解知识

js的设计模式工厂模式：工厂模式解决了重复实例化的问题，但还有一个问题,那就是识别问题，因为根本无法主要好处就是可以消除

拼搏现实的明天。/ 2023年07月09日 07:30/ 0 赞/ 35 阅读

相关 js设计模式重点知识

用对象收编变量 var CheckObject={ checkName:function(){ // }, xxxx

拼搏现实的明天。/ 2023年02月18日 14:22/ 0 赞/ 30 阅读

相关 js设计模式

一、单例模式 1. 定义保证一个类仅有一个实例，并提供一个访问它的全局访问点 2. 核心确保只有一个实例，并提供全局访问 3. 实现在vue脚

秒速五厘米/ 2022年12月06日 15:20/ 0 赞/ 172 阅读

相关 js设计模式

转自：[https://www.cnblogs.com/libin-1/p/6337115.html][https_www.cnblogs.com_libin-1_p_633

╰+攻爆jí腚メ/ 2022年10月01日 12:56/ 0 赞/ 253 阅读

相关 js设计模式

（1）单例模式 > 定义：保证一个类仅有一个实例，并提供一个访问它的全局访问点。实现方法：先判断实例存在与否，如果存在则直接返回，如果不存在就创建了再返回，这就确保了

雨点打透心脏的1/2处/ 2022年06月15日 01:57/ 0 赞/ 228 阅读

相关 js设计模式

正文 1. 单例模式(SingleTon) 定义也叫单例模式，核心思想是确保一个类只对应一个实例。虽然js是弱类型的语言，但是js也有构造函数和实例。所以

绝地灬酷狼/ 2022年05月21日 04:24/ 0 赞/ 234 阅读

相关设计模式知识概要

建筑师克里斯托佛·亚历山大在1977/79年编制了一本汇集设计模式的书。但是这种设计模式的思想在建筑设计领域里的影响远没有后来在软件开发领域里传播的广泛。肯特·贝克和沃德·

缺乏、安全感/ 2022年04月25日 05:22/ 0 赞/ 321 阅读

相关设计模式基础知识

设计模式的六大原则 1、开闭原则（Open Close Principle）开闭原则的意思是：对扩展开放，对修改关闭。在程序需要进行拓展的时候，不能去修改原有的代码

￡神魔★判官ぃ/ 2022年04月13日 11:42/ 0 赞/ 287 阅读