JS设计模式学习笔记一:对象收编变量 检测类

2024-06-18 12:58

本文主要是介绍JS设计模式学习笔记一:对象收编变量 检测类,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

1.1函数基本形式(全局变量)

     function checkName(){    //验证姓名} function checkEmail(){  //验证邮箱}function checkPassword(){ //验证密码}

1.2函数的另一种形式 (全局变量)

   var checkName =function(){   //验证姓名}var checkEmail = function(){  //验证邮箱}var checkPassword=function(){ //验证密码} 

上面声明了多个函数也就是多个全局变量,当多人协作时,如果别人也定义了同样的方法或者自己定义了很多方法,就容易存在被覆盖的风险,且这种相互覆盖的问题是不容易察觉的。所以可以将它们放在一个变量里保存,这样就可以减少覆盖或被覆盖的风险,当然一旦被覆盖所有的功能都会失效,但这种现象很明显也容易察觉。

1.3 用对象收编变量:
可以创建一个检测对象,然后把函数方法放在里面:

   var CheckObject={checkName: function(){  //验证姓名},checkEmail:function(){  //验证邮箱},checkPassword:function(){ //验证密码}
}  

这里我们将所有函数作为CheckObject 对象的方法,这样我们就只有一个对象,而我们要想使用它们也很简单,比如检测姓名CheckObejct.checkName(),只是在我们原来使用的函数式前面多了个对象名称。

1.4 对象的另一种形式:
在JS中函数也是一种对象,所以可以有如下写法:

 var CheckObject = function(){};CheckObject.checkName = function(){//验证姓名
}CheckObject.checkEmail = function(){//验证邮箱
}CheckObject.checkPassword=function(){//验证密码
} 

使用和前面的方式是一样的,比如CheckObject.checkName(),但这个对象类在用new 关键字创建新的对象时,新创建的对象是不能继承这些方法的。

1.5 真假对象
如果想简单得复制对象,可以将这些方法放在一个函数对象中:

  var CheckObject = function(){return {checkName:function(){//验证姓名},checkEmail:function(){//验证邮箱},checkPassword:function(){//验证密码}}
}

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

这篇关于JS设计模式学习笔记一:对象收编变量 检测类的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1072059

相关文章

Spring Boot中的路径变量示例详解

《SpringBoot中的路径变量示例详解》SpringBoot中PathVariable通过@PathVariable注解实现URL参数与方法参数绑定,支持多参数接收、类型转换、可选参数、默认值及... 目录一. 基本用法与参数映射1.路径定义2.参数绑定&nhttp://www.chinasem.cnbs

Linux系统性能检测命令详解

《Linux系统性能检测命令详解》本文介绍了Linux系统常用的监控命令(如top、vmstat、iostat、htop等)及其参数功能,涵盖进程状态、内存使用、磁盘I/O、系统负载等多维度资源监控,... 目录toppsuptimevmstatIOStatiotopslabtophtopdstatnmon

c++ 类成员变量默认初始值的实现

《c++类成员变量默认初始值的实现》本文主要介绍了c++类成员变量默认初始值,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧... 目录C++类成员变量初始化c++类的变量的初始化在C++中,如果使用类成员变量时未给定其初始值,那么它将被

Python实现对阿里云OSS对象存储的操作详解

《Python实现对阿里云OSS对象存储的操作详解》这篇文章主要为大家详细介绍了Python实现对阿里云OSS对象存储的操作相关知识,包括连接,上传,下载,列举等功能,感兴趣的小伙伴可以了解下... 目录一、直接使用代码二、详细使用1. 环境准备2. 初始化配置3. bucket配置创建4. 文件上传到os

Java设计模式---迭代器模式(Iterator)解读

《Java设计模式---迭代器模式(Iterator)解读》:本文主要介绍Java设计模式---迭代器模式(Iterator),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录1、迭代器(Iterator)1.1、结构1.2、常用方法1.3、本质1、解耦集合与遍历逻辑2、统一

C++ 检测文件大小和文件传输的方法示例详解

《C++检测文件大小和文件传输的方法示例详解》文章介绍了在C/C++中获取文件大小的三种方法,推荐使用stat()函数,并详细说明了如何设计一次性发送压缩包的结构体及传输流程,包含CRC校验和自动解... 目录检测文件的大小✅ 方法一:使用 stat() 函数(推荐)✅ 用法示例:✅ 方法二:使用 fsee

Python变量与数据类型全解析(最新整理)

《Python变量与数据类型全解析(最新整理)》文章介绍Python变量作为数据载体,命名需遵循字母数字下划线规则,不可数字开头,大小写敏感,避免关键字,本文给大家介绍Python变量与数据类型全解析... 目录1、变量变量命名规范python数据类型1、基本数据类型数值类型(Number):布尔类型(bo

SpringMVC高效获取JavaBean对象指南

《SpringMVC高效获取JavaBean对象指南》SpringMVC通过数据绑定自动将请求参数映射到JavaBean,支持表单、URL及JSON数据,需用@ModelAttribute、@Requ... 目录Spring MVC 获取 JavaBean 对象指南核心机制:数据绑定实现步骤1. 定义 Ja

Python打印对象所有属性和值的方法小结

《Python打印对象所有属性和值的方法小结》在Python开发过程中,调试代码时经常需要查看对象的当前状态,也就是对象的所有属性和对应的值,然而,Python并没有像PHP的print_r那样直接提... 目录python中打印对象所有属性和值的方法实现步骤1. 使用vars()和pprint()2. 使

OpenCV实现实时颜色检测的示例

《OpenCV实现实时颜色检测的示例》本文主要介绍了OpenCV实现实时颜色检测的示例,通过HSV色彩空间转换和色调范围判断实现红黄绿蓝颜色检测,包含视频捕捉、区域标记、颜色分析等功能,具有一定的参考... 目录一、引言二、系统概述三、代码解析1. 导入库2. 颜色识别函数3. 主程序循环四、HSV色彩空间