面向对象的一些简单设计

为了方便使用,防止污染全局变量,可以把一系列功能封装在一个类中使用

复制代码
const CheckObj1 = function(){
    this.checkName = function(){
        console.log("checkName")
    }
    this.checkEmail = function(){
        console.log("checkEmail")
    }
    this.checkPassword = function(){
        console.log("checkPassword")
    }
}
复制代码

但上述做法,每次实例化CheckObj时, 实例对象都会复制一份this上的方法, 会产生多余的消耗,可以使用原型链的特性,让所有的实例对象共用一套方法

这样,所有的实例对象就都会使用原型中的方法而不会单独创建了

ps:定义在原型上的必须在实例对象中使用

复制代码
const CheckObj2 = function(){}
CheckObj2.prototype.checkName = function(){
    console.log("checkName")
}
CheckObj2.prototype.checkEmail = function(){
    console.log("checkEmail")
}
CheckObj2.prototype.checkPassword = function(){
    console.log("checkPassword")
}
复制代码

可以批量创建原型方法,并且当返回为this时,可实现链式调用

复制代码
const CheckObj3 = function(){}
CheckObj3.prototype = {
    checkName: function(){
        console.log("checkName")
        return this
    },
    checkEmail: function(){
        console.log("checkEmail")
        return this
    },
    checkPassword: function(){
        console.log("checkPassword")
        return this
    }
}
let b = new CheckObj3()
b.checkName().checkEmail().checkPassword()
复制代码

 

posted @   邢韬  阅读(45)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 25岁的心里话
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
历史上的今天:
2020-11-26 cesium相机高度限制范围显示
点击右上角即可分享
微信分享提示