`

Javascript面向对象之一对象成员的定义-《javascript设计模式》笔记

 
阅读更多

序:
    刚接触javascript的时候,觉得这语言有点儿摸不着门道,感觉这玩意儿太难学了,没什么规范,没什么像样的手册,而且还跟html,dom,css打交道,更觉得一团糟,代码可读性也很差,面向过程的勉强能看懂,看面向对象的代码简直就是杯具,各种括号啊,后来了解ajax,了解了jquery,知道了很多网页特效都是用javascript写的,才慢慢有了好感,来了bd以后写javascript和php一半一半才渐渐发现javascript的强大和灵活,看了《javascript权威指南》和《javascript高级编程》之后发现,正是因为她的灵活,铸就了她的伟大,接下来我会把学习javascript中的一些内容记录下来,一方面加深自己的印象,另一方面也算是分享吧。


1.公有成员

我们都知道,在javascript里,万物皆对象,因此定义一个对象和公有成员最简单不过了:

var obj = {
    aa:"I'm public"
}

但是这个对象只是一个空壳,不论在java还是C++/C#中对象都是有构造函数的,怎么能让定义对象的时候,同时定义他的构造函数呢?在java/C++中,构造函数其实是对象的一个成员函数,但是在javascript中我们要换一种思维,如果仅仅定义构造函数:

var obj = {
    aa:"I'm public",
    _construct:function(){
    }
}

我们在new这个对象的时候,构造函数是不会“自动”执行的,所以想想之前说到的“万物皆对象”,如何让一个对象在定义的时候执行一个函数呢?那就是定义一个函数对象:)

var obj = function(mem1){
    this.aa = mem1;
};

这样我们就定义了一个具有“构造函数”的对象了

2.公有方法

定义公有方法的方式和定义公有成员的方式一样,只不过这个成员是一个函数,而不是一个string或者其他类型的对象

var obj = fucntion(mem1){
    this.a = mem1;
    this.getA = function(){
        return this.a;
    }
};

3.私有成员和私有方法

我们知道虽然javascript中有对象的概念,但是却没有“私有”的概念,也就是说我们不能像java/C++一样使用关键词private来定义一个私有成员,只要是成员,就是公有的,那么怎么实现私有成员呢?我们首先考虑这个问题:什么叫私有成员?私有成员就是在对象的外部不能直接访问的成员,比如对象obj,如果我们能直接引用obj.a那么他就是公有的,如果引用obj._b,提示错误或者抛出异常,那么_b就是私有的。实现私有成员也就是实现在类的外部不能访问他的某种成员,而只能通过他的成员函数访问。在1中已经说了,我们现在定义的是函数对象,那么也就是说要实现在函数的外部不能访问他的某种成员,而只能通过他的成员函数访问。函数的成员函数这叫什么话?我们换一种说法:函数内部定义的函数。那么我们要实现的就是在函数的外部不能访问,但是在函数内部定义的函数能访问的某种变量,如果了解javascript特性的开发人员,应该对黑体的这句话感觉似曾相识,没错,这就是闭包的概念。
关于闭包的概念在这儿就不解释了,这个概念可以当作一个专题来讲了,太复杂了,可以看看《javascript高级编程》或者google之。
有了上面的想法,就可以改造一下上面的对象定义。

var obj = function(){
    //private member
    var _b;
    //public member
    this.a = mem1;
   
    //constructor
    _b = mem2;

    //private method definations
    function _getB(){return _b};

    //public method definations
    this.getA = function(){return this.a;};
    this.getB = function(){return _getB();};
    this.setA = fucntion(){……};
    this.setB = fucntion(){……};
}

由于局部变量_b是在函数作用域定义的,因此在函数对象外部无法访问,同样“局部”函数_getB也是在函数作用域中定义的,也无法在函数对象外部访问,但是同是在函数作用域定义的函数getA和getB由于闭包的作用,即使对象(函数)定义时,对象(函数)的代码执行完了(即离开局部作用域),依然能够访问局部变量(成员)_b和局部变量(函数)_getB,从而实现了私有成员和私有函数。

4.静态变量和静态函数

没错,是“静态变量和静态函数”,当我看到这里的时候也很惊讶,闭包实现私有也就算了,怎么还要搞出来一个静态变量和静态函数?熟悉javascript的都知道原型(prototype)的概念,在我看来,其实原型类似于类属性和类方法,但是他在运行期是可以任意改变的,这里再介绍一下javascript中实现静态变量和静态函数

在私有成员和私有方法中,介绍了可以用闭包来实现将“成员”定义在函数作用域中,从而限制其访问,那么如何实现所有对象共享的成员和函数呢?所谓的所有对象共享,换一种思路其实就是这种成员的作用域和其他成员的作用域不同,还是考虑闭包的概念,我们在私有成员和私有方法中定义的对象,对象定义时他的作用域其实就是整个函数作用域,在函数中定义所有内容在new的时候都会执行一遍,那怎么做才能让对象在new的时候其静态成员和静态函数不再被定义呢?别忘了,我们在定义对象的时候他还是个函数,我们写了这么多函数,为啥没写return呢?因为我们一直把他当对象来用,改把人家当成函数看了吧,如果我们再return一个对象的话,那么在new的时候,就只会new我们return的对象了,因此,在外层函数定义的内容只在定义的时候执行,在new的时候就不再执行了。有人又问了,那我们的对象就不再是外层函数对象了,在他里面定义的内容咋用啊?别忘了“闭包”这个概念,return的函数也是在(外层)函数作用域内定义的函数,他“有权”访问外层函数定义的内容,因此,静态变量和静态函数的定义如下:

var obj = (function(){
   
    //static attribute
    var obj_num = 0;
    //static method
    function add(){obj_num++};
   
    return function(mem1){
        this.a = mem1;
        this.func = function(){};
       
        //blow you can write some constructor codes
    }

})();//最早看到这一行我就头大,现在看起来是多么的艺术啊^_^

通常静态方法的时候都是私有的,如果想定义公有的静态方法,可以加上:
obj.pubmethod = function(){
};

5.常量

什么是常量?常量就是对象中不能改变的量,什么又叫对象中不能改变的量?就是说无论在对象内部还是外部都不能改变的量,私有变量本身在外部无法改变,内部无法改变的话也就是没有一个能改变其值的函数即可^_^

以上便是关于javascript中定义最基础对象的一些方法和技巧了,语言越灵活,留给人们思考的空间也就更广阔。

0
0
分享到:
评论
2 楼 silentime 2011-12-30  
jyjava 写道
大哥,我严重怀疑,你的东西是随便抄了一段过来的

呃,我的标题写的很清楚了啊……
有些内容是引用的,有些是我自己写的啊……
1 楼 jyjava 2011-12-29  
大哥,我严重怀疑,你的东西是随便抄了一段过来的

相关推荐

    毕业设计-线性规划模型Python代码.rar

    1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、本项目仅用作交流学习参考,请切勿用于商业用途。

    调用百度云API, 基于python的微博评论情感偏向分析

    DATA: 可供参考的微博评论数据。 详见 /DATA/weibocommennts.csv CODE: apiGetSheet.py 调用百度API 获得 微博评论对应 文字的 情感得分, sheetGetvalue.py 根据情感得分进行标准化,获得实际倾向。

    基于ssm的高速公路收费系统源代码(完整前后端+mysql+说明文档+LW).zip

    管理员 管理员信息管理 负责人管理 员工信息管理 公告信息管理 小型车收费标准设置(元/每公里) 大卡车收费标准设置(元/吨公里) 收费信息统计,统计小车和卡车收费,按月统计 负责人 个人资料修改 公告查看 小车收费统计(某员工某月统计) 大卡车收费统计(某员工某月统计) 员工 个人资料修改 公告查看 小型车收费登记(车牌号,车辆照片,行使公里数,收费金额,收费日期,收费员,按公里数可以自动计算费用 收费金额=收费标准*公里数) 大卡车金额设置(每吨/元)(车牌号,车辆照片,行使公里数,吨,收费金额,收费日期,收费员, 收费金额=收费标准*吨*公里数 ) 环境说明: 开发语言:Java 框架:ssm,mybatis JDK版本:JDK1.8 数据库:mysql 5.7 数据库工具:Navicat11 开发软件:eclipse/idea Maven包:Maven3.3 服务器:tomcat7

    Zabbix是一款开源的监控工具,用于实时监控IT基础设施,包括网络、服务器和应用程序 它通过触发器和告警机制帮助及时发现并响应问题,同时提供数据可视化和报告功能,以优化性能和确保系统安全

    本套zabbix是基于6.0版本部署,内容涵盖zabbix的简介、zabbix server安装、zabbix基本概念、快速入门、zabbix进阶、zabbix实践、zabbix的高级监控使用。 =======知识领域 网络监控:监控网络设备、服务器和应用程序的运行状态。 系统监控:监控服务器性能,如CPU使用率、内存使用情况、网络流量等。 数据库监控:监控数据库性能和状态。 应用程序监控:监控应用程序的运行情况和性能指标。 云监控:监控云服务和虚拟机的健康状况

    商品库存管理系统课程设计报告.docx

    商品库存管理系统课程设计报告.docx

    嘉兴智能卫浴项目建议书.docx

    嘉兴智能卫浴项目建议书.docx

    Java系统源码+夕阳红公寓管理系统

    Java系统源码+夕阳红公寓管理系统 内容概要: 本资源包含了完整的Java前后端源码及说明文档,适用于想要快速搭建并部署Java Web应用程序的开发者、学习者。 技术栈: 后端:Java生态系统,包含Spring Boot、Shiro、MyBatis等,数据库使用Mysql 前端:Vue、Bootstrap、Jquery等 适用场景示例: 1、毕业生希望快速启动一个新的Java Web应用程序。 2、团队寻找一个稳定的模板来加速产品开发周期。 3、教育机构或个人学习者用于教学目的或自学练习。 4、创业公司需要一个可以立即投入使用的MVP(最小可行产品)。

    基于ssm的新闻发布及管理系统源代码(完整前后端+mysql+说明文档+LW).zip

    (1)用户管理: 用户注册:新用户注册 用户登录:新用户登录 找回密码:忘记密码找回密码 用户评论:发表对新闻的评论 (2)管理员管理: 系统账号管理:管理员管理系统现有账号,进行删除停用等操作 系统公告管理:系统公告的发布和删除 新闻栏目管理:新闻栏目的新增和删除 ...

    Java系统源码+计算机学院校友网

    Java系统源码+计算机学院校友网 内容概要: 本资源包含了完整的Java前后端源码及说明文档,适用于想要快速搭建并部署Java Web应用程序的开发者、学习者。 技术栈: 后端:Java生态系统,包含Spring Boot、Shiro、MyBatis等,数据库使用Mysql 前端:Vue、Bootstrap、Jquery等 适用场景示例: 1、毕业生希望快速启动一个新的Java Web应用程序。 2、团队寻找一个稳定的模板来加速产品开发周期。 3、教育机构或个人学习者用于教学目的或自学练习。 4、创业公司需要一个可以立即投入使用的MVP(最小可行产品)。

    四六级报名管理系统.pdf

    四六级报名管理系统.pdf

    C语言PTA-数组答案代码合集(湖工1-50)

    C语言PTA-数组答案代码合集(湖工1-50)

    <项目代码>YOLOv8 安全背心识别<目标检测>

    YOLOv8 安全背心识别项目代码 项目详细介绍请看链接: https://blog.csdn.net/qq_53332949/article/details/144543625 数据集详细介绍请看:https://blog.csdn.net/qq_53332949/article/details/141503406 数据集下载请看:https://download.csdn.net/download/qq_53332949/89711610?spm=1001.2101.3001.9500 按文件中requirements.txt文件配置环境即可使用。

    后勤智能1. 1. 1. 1. 管理系统-...pdf

    后后勤智能1.。1. 1. 1. 管理系统-...pdf后勤智能1.。1. 1. 管理系统-...pdf后勤智能1.。1. 管理系统-...pdf后勤智能1.。管理系统-...pdf勤智能管理系统-...pdf

    瓶子、塑料袋检测70-YOLO(v5至v9)、COCO、CreateML、Darknet、Paligemma、TFRecord、VOC数据集合集.rar

    瓶子、塑料袋检测70-YOLO(v5至v9)、COCO、CreateML、Darknet、Paligemma、TFRecord、VOC数据集合集.rarset1(拍摄照片)-V15 2023-08-09 3:43 PM ============================= *与您的团队在计算机视觉项目上合作 *收集和组织图像 *了解和搜索非结构化图像数据 *注释,创建数据集 *导出,训练和部署计算机视觉模型 *使用主动学习随着时间的推移改善数据集 对于最先进的计算机视觉培训笔记本,您可以与此数据集一起使用 该数据集包括133张图像。 汽车以可可格式注释。 将以下预处理应用于每个图像: *像素数据的自动取向(带有Exif-Arientation剥离) *调整大小为640x640(拉伸) 应用以下扩展来创建每个源图像的3个版本: * -24和+24度之间的随机旋转

    基于ssm的ssm软件bug管理系统源代码(完整前后端+mysql+说明文档+LW).zip

    管理员 个人密码修改 项目经理管理 员工管理(调试员,解决方案人员) 日志管理(用户登录日志) 系统设置 项目经理 个人信息管理,修改 项目模块管理 按项目分配调试员 调试员 个人信息管理,修改 BUG信息管理(各个环节的跟踪信息录入) 查看解决方案 解决方案人员 个人信息管理,修改 查看缺陷信息 提出解决方案 环境说明: 开发语言:Java 框架:ssm,mybatis JDK版本:JDK1.8 数据库:mysql 5.7 数据库工具:Navicat11 开发软件:eclipse/idea Maven包:Maven3.3 服务器:tomcat7

    电路电压检测14-YOLO(v5至v9)、COCO、CreateML、Paligemma、VOC数据集合集.rar

    电路电压检测14-YOLO(v5至v9)、COCO、CreateML、Paligemma、VOC数据集合集.rar电路电压-V2释放 ============================= *与您的团队在计算机视觉项目上合作 *收集和组织图像 *了解非结构化图像数据 *注释,创建数据集 *导出,训练和部署计算机视觉模型 *使用主动学习随着时间的推移改善数据集 它包括132张图像。 电路电压以可可格式注释。 将以下预处理应用于每个图像: 没有应用图像增强技术。

    基于java的物资管理系统项目源码.zip

    项目包含前后台完整源码。 项目都经过严格调试,确保可以运行! 具体项目介绍可查看博主文章或私聊获取 助力学习实践,提升编程技能,快来获取这份宝贵的资源吧!

    基于ssm的家居商城系统的设计与实现+jsp源代码(完整前后端+mysql+说明文档+LW).zip

    系统实现: 用户功能模块:用户点击进入到系统操作界面,可以对主页、个人中心、我的收藏管理、订单管理等功能模块,我的收藏管理:通过列表可以获取用户ID、收藏ID、表名、收藏名称、收藏图片信息并进行修改操作 管理员功能模块:管理员通过用户名和密码填写完成后进行登录。管理员登录成功后进入到系统操作界面,可以对主页、个人中心、用户管理、商品分类管理、商品信息管理、系统管理、订单管理等功能模块进行相对应操作。 项目包含完整前后端源码和数据库文件 环境说明: 开发语言:Java 框架:ssm,mybatis JDK版本:JDK1.8 数据库:mysql 5.7 数据库工具:Navicat11 开发软件:eclipse/idea Maven包:Maven3.3 服务器:tomcat7

    Python项目-实例-08 抖音表白.zip

    Python课程设计,含有代码注释,新手也可看懂。毕业设计、期末大作业、课程设计、高分必看,下载下来,简单部署,就可以使用。 包含:项目源码、数据库脚本、软件工具等,该项目可以作为毕设、课程设计使用,前后端代码都在里面。 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷,具有很高的实际应用价值。

    绝对给力的源码,在线音乐播放器完整项目.zip

    Android 毕业设计,Android 毕业设计,小Android 程设计,含有代码注释,新手也可看懂。毕业设计、期末大作业、课程设计、高分必看,下载下来,简单部署,就可以使用。 包含:项目源码、数据库脚本、软件工具等,该项目可以作为毕设、课程设计使用,前后端代码都在里面。 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷,具有很高的实际应用价值。

Global site tag (gtag.js) - Google Analytics