位置: 编程技术 - 正文

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面向)

  • 车船税计入管理费用什么明细
  • 税金及附加会计分录
  • 用房子贷款印花税怎么交
  • 印花税的三种缴税方式
  • 卷式发票是什么样的
  • 个人股权转让给公司
  • 公司没有业务了 可以办理停业
  • 信息技术服务费计入什么会计科目
  • 增值税普通发票查询真伪
  • 财务软件怎样结转销售成本
  • 银行对公贷款利息多少
  • 固定资产减半征收2%申报如何填增值税纳税申报表
  • 过路费去年的票还可以用吗
  • 砂石开采销售需什么资质
  • 小规模附加税怎么计提分录
  • 税号里面有字母吗
  • 建材公司将自产产品卖出
  • 私营企业所得税是多少
  • 信用减值损失属于什么会计要素
  • 股东以股抵债是否合法
  • 调拨资产入账按原值还是按净值
  • 专票开票银行一定要对吗
  • 个人所得税更正申报有滞纳金吗
  • 企业合并的会计分录
  • 公司工会需要单独做账么
  • win11界面不停刷新
  • bios怎么更改硬盘
  • 联想小新Air15如何进入bois
  • php自动跳转页面
  • 引入人工智能
  • 收到折扣负数发票如何入账
  • 自产货物用于生产
  • 实际投资收益率等于什么
  • u盘写保护格式化
  • element-ui表格
  • ctu指令
  • 长期负债和应付账款
  • 后端三件套
  • 使用二氧化碳灭火器时人应该站在什么位置
  • vmware17虚拟机安装教程
  • php导出表格
  • 小企业会计准则调整以前年度费用分录
  • 红字信息表开错了怎么撤销
  • 货物运输业增值税
  • 自贸区的税收优惠
  • 注销公司怎么搞
  • 织梦系统如何更换网站内容
  • 税控服务费全额抵扣申报怎么填
  • 住房公积金中的钱可以当首付吗?
  • 公司买口罩
  • 小数点引起小数大小变化
  • 公司美元账户收款方便吗
  • 小规模纳税人能抵扣进项税额吗
  • 财务会计属于什么职位类别
  • 内连接 sql
  • SQL 统计一个数据库中所有表记录的数量
  • linux rpm包怎么安装
  • Cont()与Where().Count()有时性能差别如此之大!
  • 硬盘安装在机箱内,属于主机的组成部分
  • bios设置从光驱启动优先,可是启动不了
  • windows开始搜索栏
  • linux awk -v
  • win10系统浏览器设置主页
  • win7系统升级win8
  • xp局域网文件共享设置
  • linux打成zip包
  • window8设置ip
  • 如何关闭win8的windows defender
  • win7 32位无线网卡驱动
  • html:xt
  • node drain事件
  • unity 移动端
  • 聊天界面的新消息通知设置 找不到
  • jquery键盘事件及keycode大全
  • javascript学习指南
  • mac配置android开发环境
  • 电子税务完税证明怎么打印
  • 重庆税务信息采集如何操作
  • 山西省网上营业执照申请官网?
  • 三证合一怎么申报
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设