位置: 编程技术 - 正文

深入领悟JavaScript中的面向对象(深入领悟六个必须坚持)

编辑:rootadmin

JavaScript 是面向对象的。但是不少人对这一点理解得并不全面。

在 JavaScript 中,对象分为两种。一种可以称为“普通对象”,就是我们所普遍理解的那些:数字、日期、用户自定义的对象(如:{})等等。

还有一种,称为“方法对象”,就是我们通常定义的 function。你可能觉得奇怪:方法就是方法,怎么成了对象了?但是在 JavaScript 中,方法的确是被当成对象来处理的。下面是一个简单的例子:在这个例子中,func 虽然是作为一个方法定义的,但它自身却包含一个 toString 方法,说明 func 在这里是被当成一个对象来处理的。更准确的说,func 是一个“方法对象”。下面是例子的继续:我们可以任意的为 func 设置属性,这更加证明了 func 就是一个对象。那么方法对象和普通对象的区别在哪里呢?首先方法对象当然是可以执行的,在它后面加上一对括号,就是执行这个方法对象了。所以,方法对象具有二重性。一方面它可以被执行,另一方面它完全可以被当成一个普通对象来使用。这意味着什么呢?这意味着方法对象是可以完全独立于其他对象存在的。这一点我们可以同 Java 比较一下。在 Java 中,方法必须在某一个类中定义,而不能单独存在。而 JavaScript 中就不需要。

方法对象独立于其他方法,就意味着它能够被任意的引用和传递。下面是一个例子:将一个方法对象 func 传递给另一个方法对象 invoke,让后者在适当的时候执行 func。这就是所谓的“回调”了。另外,方法对象的这种特殊性,也使得 this 关键字不容易把握。这方面相关文章不少,这里不赘述了。

除了可以被执行以外,方法对象还有一个特殊的功用,就是它可以通过 new 关键字来创建普通对象。

话说每一个方法对象被创建时,都会自动的拥有一个叫 prototype 的属性。这个属性并无什么特别之处,它和其他的属性一样可以访问,可以赋值。不过当我们用 new 关键字来创建一个对象的时候,prototype 就起作用了:它的值(也是一个对象)所包含的所有属性,都会被复制到新创建的那个对象上去。下面是一个例子: 执行的过程中会弹出两个对话框,后一个对话框表示 f 这个新建的对象从 func.prototype 那里拷贝了 name 属性。而前一个对话框则表示 func 被作为方法执行了一遍。你可能会问了,为什么这个时候要还把 func 执行一遍呢?其实这个时候执行 func,就是起“构造函数”的作用。为了形象的说明,我们重新来一遍:你就会发现 f 的 name 属性不再是"prototype of func",而是被替换成了"name has been changed"。这就是 func 这个对象方法所起到的“构造函数”的作用。所以,在 JavaScript 中,用 new 关键字创建对象是执行了下面三个步骤的:

1.创建一个新的普通对象;2.将方法对象的 prototype 属性的所有属性复制到新的普通对象中去。3.以新的普通对象作为上下文来执行方法对象。对于“new func()”这样的语句,可以描述为“从 func 创建一个新对象”。总之,prototype 这个属性的唯一特殊之处,就是在创建新对象的时候了。

那么我们就可以利用这一点。比如有两个方法对象 A 和 B,既然从 A 创建的新对象包含了所有 A.prototype 的属性,那么我将它赋给 B.prototype,那么从 B 创建的新对象不也有同样的属性了?写成代码就是这样:这就是 JavaScript 的所谓“继承”了,其实质就是属性的拷贝,这里利用了 prototype 来实现。如果不用 prototype,那就用循环了,效果是一样的。所谓“多重继承”,自然就是到处拷贝了。

JavaScript 中面向对象的原理,就是上面这些了。自始至终我都没提到“类”的概念,因为 JavaScript 本来就没有“类”这个东西。面向对象可以没有类吗?当然可以。先有类,然后再有对象,这本来就不合理,因为类本来是从对象中归纳出来的,先有对象再有类,这才合理。像下面这样的:

推荐整理分享深入领悟JavaScript中的面向对象(深入领悟六个必须坚持),希望有所帮助,仅作参考,欢迎阅读内容。

深入领悟JavaScript中的面向对象(深入领悟六个必须坚持)

文章相关热门搜索词:深入领悟两个确立决定性意义主题讨论会,深入理解java,深入领悟两个确立决定性意义内容,深入领悟两个确立决定性意义内容,深入领悟两个确立决定性意义主题讨论会,深入领悟两个确立的决定性意义,坚决做到两个维护方面,深入领悟两个确立存在的问题,深入领悟两个确立存在的问题,内容如对您有帮助,希望把文章链接给更多的朋友!

YUI模块开发原理详解 随着互联网应用越来越重,js代码越来越庞大,如何有效的去组织自己的代码,变得非常重要。我们应该学会去控制自己的代码,而不是到最后一堆bug

js call方法详细介绍(js 的继承) call方法请参阅应用于:Function对象要求版本5.5调用一个对象的一个方法,以另一个对象替换当前对象。call([thisObj[,arg1[,arg2[,[,.argN]]]]])参数thisObj可选项

JS简单实现元素复制示例附图 源代码:!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.Transitional//EN""

标签: 深入领悟六个必须坚持

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

上一篇:ExtJS自定义主题(theme)样式详解(excel自定义样式)

下一篇:YUI模块开发原理详解(模块化开发app)

  • 出售写字楼需要什么手续
  • 所得税的会计分录有哪些
  • 银行存款没有期初余额的总账怎么填
  • 已经退税的增票怎么做账
  • 购买农产品发票买价含税吗
  • 包装报废会计处理
  • 2018营改增房产税计税依据
  • 电脑变成代码打不开怎么办
  • 赞助支出属于什么费用
  • 企业会计准则应用案例
  • 转出未交增值税科目
  • 收到采购折扣的账务处理
  • 企业所得税以前年度所得调整
  • coloros12对比鸿蒙
  • 华为鸿蒙怎么打开5g
  • 小米路由器启动不了
  • 关于汇算清缴的问题
  • PHP:imagettfbbox()的用法_GD库图像处理函数
  • 营改增之前的收入开什么票
  • 公司收到补偿款是利好还是利空
  • 国有土地使用证到期了怎么办
  • json对象和js对象
  • php设置图片将图片居中
  • 企业员工的工资设定标准
  • 外贸企业进项发票能是外贸企业吗
  • 企业年度报告内容
  • 如何快速搭建前端界面
  • 银行贴现利息怎么做账务处理
  • 遗传算法排课代码python
  • python单子
  • 微擎框架开发小程序
  • 网上银行回单可以做账吗
  • 十年磨一剑的下一句幽默
  • 怎么用java写代码
  • js中typeof用法
  • 增值税减免税在贷方
  • 采购流程内容
  • 海外工作工资税收问题
  • mysql复制数据到另一张表
  • 预付账款和应付账款怎么合并
  • 土地使用税计入管理费用还是税金及附加
  • 清洁费用属于哪个会计科目
  • 小规模纳税人适用5%的税率是什么
  • 税法税前扣除
  • 跌价准备如何入库
  • 其他货币资金怎么结转
  • 社保小微企业优惠政策
  • 存货周转率多少算合理
  • 母公司孙子公司
  • 低值易耗品一次性摊销会计科目
  • 企业接受捐赠如何确认收入
  • 增值税进项税转出额可以税前扣除吗
  • 存出投资款会计处理
  • SQLserver中cube:多维数据集实例详解
  • sql返回一条数据
  • linux CentOS6.5 yum安装mysql5.6
  • 类似wps office的手机软件
  • win8无法完成更新正在撤销更改怎么办
  • aspnet_admin.exe进程是安全的吗 aspnet_admin进程信息查询
  • win10红石版
  • 安装完xp系统直接黑屏怎么办
  • android知识
  • eclipse怎么创建安卓
  • css教程笔记
  • bootstrap怎么引用
  • perl中$_
  • javascript相对路径
  • jquery滚动到底部加载数据
  • nodejs function
  • 主机端口扫描程序设计python
  • unity spine换装
  • 独资企业变更法人
  • 广州市地方税务局规费服务中心
  • 蜀山区税务局工资待遇
  • 民办非营利医院所得税
  • 国家税务总局第17号令
  • 江苏电子口岸卡邮寄大概需要多久
  • 湖北国税发票手机查询
  • 深圳市国家税务局
  • 2020年山东录取人数
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设