位置: 编程技术 - 正文

Javascript 面向对象编程(coolshell)(javascript面向对象 第三方类库)

编辑:rootadmin
这两天有个前同事总在问我Javascript面向对象的东西,所以,索性写篇文章让他看去吧,这里这篇文章主要想从一个整体的角度来说明一下Javascript的面向对象的编程。(成文比较仓促,应该有不准确或是有误的地方,请大家批评指正) 另,这篇文章主要基于 ECMAScript 5, 旨在介绍新技术。关于兼容性的东西,请看最后一节。 初探 我们知道Javascript中的变量定义基本如下: 如果要用对象来写的话,就是下面这个样子: 于是,我就可以这样访问: 关于函数,我们知道Javascript的函数是这样的: 于是,我们可以这么干: 相信这些东西都比较简单,大家都明白了。 可以看到javascript对象函数是直接声明,直接赋值,直接就用了。runtime的动态语言。 还有一种比较规范的写法是: 顺便说一下,要删除对象的属性,很简单: 1 delete chenhao['email'] 上面的这些例子,我们可以看到这样几点: Javascript的数据和成员封装很简单。没有类完全是对象操作。纯动态! Javascript function中的this指针很关键,如果没有的话,那就是局部变量或局部函数。 Javascript对象成员函数可以在使用时临时声明,并把一个全局函数直接赋过去就好了。 Javascript的成员函数可以在实例上进行修改,也就是说不同实例相同函数名的行为不一定一样。 属性配置 ? Object.defineProperty 先看下面的代码: 下面就说说这些属性配置是什么意思。 writable:这个属性的值是否可以改。 configurable:这个属性的配置是否可以改。 enumerable:这个属性是否能在for…in循环中遍历出来或在Object.keys中列举出来。 value:属性值。 get()/set(_value):get和set访问器。 Get/Set 访问器 关于get/set访问器,它的意思就是用get/set来取代value(其不能和value一起使用),示例如下: 我们再看一个更为实用的例子——利用已有的属性(age)通过get和set构造新的属性(birth_year): 这样做好像有点麻烦,你说,我为什么不写成下面这个样子: 是的,你的确可以这样的,不过通过defineProperty()你可以干这些事: 1)设置如 writable,configurable,enumerable 等这类的属性配置。 2)动态地为一个对象加属性。比如:一些HTML的DOM对像。 查看对象属性配置 如果查看并管理对象的这些配置,下面有个程序可以输出对象的属性和配置等东西: call,apply, bind 和 this 关于Javascript的this指针,和C++/Java很类似。 我们来看个示例:(这个示例很简单了,我就不多说了) 我们再来看看call 和 apply,这两个函数的差别就是参数的样子不一样,另一个就是性能不一样,apply的性能要差很多。(关于性能,可到 JSPerf 上去跑跑看看) 但是在bind后,this指针,可能会有不一样,但是因为Javascript是动态的。如下面的示例 继承 和 重载 通过上面的那些示例,我们可以通过Object.create()来实际继承,请看下面的代码,Student继承于Object。 通用上面这个示例,我们可以看到,Person里的属性并没有被真正复制到了Student中来,但是我们可以去存取。这是因为Javascript用委托实现了这一机制。其实,这就是Prototype,Person是Student的Prototype。 当我们的代码需要一个属性的时候,Javascript的引擎会先看当前的这个对象中是否有这个属性,如果没有的话,就会查找他的Prototype对象是否有这个属性,一直继续下去,直到找到或是直到没有Prototype对象。 为了证明这个事,我们可以使用Object.getPrototypeOf()来检验一下: 于是,你还可以在子对象的函数里调用父对象的函数,就好像C++里的 Base::func() 一样。于是,我们重载hello的方法就可以使用父类的代码了,如下所示: 这个很强大吧。 组合 上面的那个东西还不能满足我们的要求,我们可能希望这些对象能真正的组合起来。为什么要组合?因为我们都知道是这是OO设计的最重要的东西。不过,这对于Javascript来并没有支持得特别好,不好我们依然可以搞定个事。 首先,我们需要定义一个Composition的函数:(target是作用于是对象,source是源对象),下面这个代码还是很简单的,就是把source里的属性一个一个拿出来然后定义到target中。 有了这个函数以后,我们就可以这来玩了: Prototype 和 继承 我们先来说说Prototype。我们先看下面的例程,这个例程不需要解释吧,很像C语言里的函数指针,在C语言里这样的东西见得多了。 那么,我们能不能把这些东西封装起来呢,我们需要使用prototype。看下面的示例: 这就是prototype的用法,prototype 是javascript这个语言中最重要的内容。网上有太多的文章介始这个东西了。说白了,prototype就是对一对象进行扩展,其特点在于通过“复制”一个已经存在的实例来返回新的实例,而不是新建实例。被复制的实例就是我们所称的“原型”,这个原型是可定制的(当然,这里没有真正的复制,实际只是委托)。上面的这个例子中,我们扩展了实例Cal,让其有了一个operations的属性和一个calculate的方法。 这样,我们可以通过这一特性来实现继承。还记得我们最最前面的那个Person吧, 下面的示例是创建一个Student来继承Person。 兼容性 上面的这些代码并不一定能在所有的浏览器下都能运行,因为上面这些代码遵循 ECMAScript 5 的规范,关于ECMAScript 5 的浏览器兼容列表,你可以看这里“ES5浏览器兼容表”。 本文中的所有代码都在Chrome最新版中测试过了。 下面是一些函数,可以用在不兼容ES5的浏览器中: Object.create()函数 defineProperty()函数 keys()函数 Object.getPrototypeOf() 函数 bind 函数 参考W3CSchool MDN (Mozilla Developer Network) MSDN (Microsoft Software Development Network) Understanding Javascript OOP.

推荐整理分享Javascript 面向对象编程(coolshell)(javascript面向对象 第三方类库),希望有所帮助,仅作参考,欢迎阅读内容。

Javascript 面向对象编程(coolshell)(javascript面向对象 第三方类库)

文章相关热门搜索词:javascript面向对象精要pdf下载,javascript面向对象吗,javascript面向对象编程 PDF,javascript面向对象编程指南 pdf,javascript面向对象编程,javascript面向对象编程,javascript面向对象吗,javascript面向对象编程,内容如对您有帮助,希望把文章链接给更多的朋友!

再谈javascript面向对象编程 另外这篇文章是一篇入门文章,我也是才开始学习Javascript,有一点心得,才想写一篇这样文章,文章中难免有错误的地方,还请各位不吝吐槽指正吐槽J

Javascript面向对象扩展库代码分享 lang.js库提供了包和类的定义、类的继承与混合(mixin)、函数重载等功能,基本可满足大多数面向对象设计的需求。同时支持基于链式的定义方式,让

从面试题学习Javascript 面向对象(创建对象) 题目:try{varme=Man({fullname:"小红"});varshe=newMan({fullname:"小红"});console.group();console.info("我的名字是:"+me.attr("fullname")+"n我的性别是:"+me.attr("gender"));console.g

标签: javascript面向对象 第三方类库

本文链接地址:https://www.jiuchutong.com/biancheng/385674.html 转载请保留说明!

上一篇:Javascript面向对象编程(javascript面向对象精要pdf下载)

下一篇:再谈javascript面向对象编程(javascript面向)

  • 主营业务利润和利润总额
  • 一般户用途可以是往来款吗
  • 普通发票作废要本人去拿吗
  • 社保补贴有几年
  • 生产工人的费用属于什么会计科目
  • 小公司可以不交五险一金吗
  • 企业销售使用过的固定资产
  • 手工现金日记账填写范本图片
  • 出售股票公允价值变动在借方
  • 不征税项目可以抵扣进项税吗
  • 公司拓展训练入什么会计科目核算做分录?
  • 商场做促销
  • 进口增值税已抵扣想出口
  • 注册资本金应该编入政府性基金预算吗
  • 抵税更正申报需要多久
  • 开出增值税普通发票需要交税吗
  • 开具增值税专用发票怎么开
  • 劳务票一般开几个点
  • 房地产公司成立时间
  • 地勘单位需要什么资质
  • 销售坚果税率多少
  • 预收账款的会计编码是多少?
  • 企业委托研发过程中发生的研发费用如何加计扣除?
  • 一般纳税人出租其2016年4月30日前取得的不动产
  • win11安装不显示wifi
  • 注销公司如何登报
  • 委托代销商品的特点及种类
  • 增值税一般纳税人资格登记表
  • 无人蹭网 网络还不好
  • php识别中文
  • 烟草带来的损失
  • 应收账款的主要功能包括哪些
  • php 随机数
  • 收到汇票结余会怎么样
  • 未达起征点纳税人房产税土地使用税如何缴纳
  • 社保缴费基数如何调整
  • php include和include_once
  • 新所得税会计准则
  • dns configuration
  • 合同发票收款付款管理系统源码
  • 织梦添加文章如何修改高级参数
  • 新合同旧合同的法律依据
  • 织梦内容页模板修改
  • 事业单位会计准则与政府会计准则的区别
  • 长期应付款项目,根据专项应付款和长期应付款
  • 技术内部化
  • 收到政府扶贫款如何做分录
  • 长期借款的会计分录怎么写
  • sqlserver批量更新存储脚本
  • 资产减值损失应计入什么科目
  • 财务报表中存货为负数是什么意思
  • 待认证进项税额认证以后怎么做分录
  • 企业注销后账目需要保留多少年
  • 物业公司收的停车费做什么科目
  • 清算中的企业能恢复吗
  • 工程外地预缴会计分录
  • 长期待摊费用的概念
  • 固定资产清理如何做账
  • 预提费用处理
  • 退回的银行手续费做什么科目
  • 会计处理是会计分录吗
  • 明细分类账怎么打印
  • 对账和结账的步骤及要求
  • 出口货物开票怎么处理
  • 深入理解mysql主从原理32讲
  • win7旗舰版系统怎么样
  • 微软终止代码大全
  • 苹果电脑怎么锁文件夹
  • centos运行文件
  • win7系统点击计算机图标未响应
  • win8.1 应用商店是不是不能用了
  • win7如何打开windows功能
  • win8补丁官网
  • great 搬运工
  • JavaScript中的数据类型分为两大类
  • jquery 弹出页面
  • android线程状态
  • tiny rails汉化
  • 一般纳税人企业所得税5%还是25%
  • 设备抵扣增值税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设