位置: 编程技术 - 正文

深入领悟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)

  • 应付税费重分类如何做会计分录?
  • 小规模纳税人每季度超过30万交税
  • 金融企业往来支出属于什么科目
  • 提取法定盈余公积是什么意思
  • 增值税留抵税额是什么意思
  • 小规模纳税人的起征点是多少
  • 福利费属于管理费用的哪个明细
  • 超市发票报销用途写什么
  • 发放代扣代缴个人所得税分录
  • 合同款未付怎么写欠条
  • 代理记账有什么风险吗
  • 转让房产的单位和个人都需要缴纳契税吗?
  • 采用托收承付方式怎么做分录?
  • 摊销保险费会计分录怎么写
  • 由财政拨钱还银行借款怎么做分录?
  • 代扣业务员佣金怎么做账
  • 股息红利个人所得税扣税失败
  • 单位承租个人房屋交哪些税2020年
  • 旅游业是一个怎样的产业
  • 营改增后不动产发票样本
  • 什么叫非成品油发票
  • 合伙制创投企业与合伙制创投基金
  • 交易性金融资产属于什么类
  • 委托进口代理协议
  • 公司账户收款退回怎么退
  • 系统浏览器
  • win10资源管理器在哪里找
  • 注销库存股的会计分录怎么理解
  • 车辆购置税税收缴款书
  • css flaot
  • 北坡镇人民政府
  • php file_get_contents smb
  • 前端 高级
  • thinkphp框架入门
  • 人均劳效的意义
  • 文本检测工具
  • mfc中format
  • php array 函数
  • 计提本月房产税的纳税基数怎么算的
  • 银行承兑汇票贴现分录
  • 文化事业建设费税收优惠2023
  • 客户多付款不要了,多出这部分是哪种收入
  • 用现金付款应填什么凭证
  • 公司如何帮员工补缴社保
  • 进口商品采购流程及时间
  • 个人缴纳税是什么意思
  • 无形资产摊销年限按法律规定还是企业估计
  • 利息收入红字如何入账
  • 主营业务成本暂估怎么算
  • 加油费用属于什么科目明细
  • 溢价发行股票的交易费用
  • 房地产企业销售商品房增值税税率
  • 企业取得土地使用权会计处理
  • mysql启动成功但是无法连接
  • Win2008 R2 mysql 5.5 zip格式mysql 安装与配置
  • 让Vista响应更快
  • win10开机出现onekey ghost
  • Win10 Mobile 10572升级后QQ/微信无法发送图片
  • slserve.exe - slserve是什么进程
  • encore是什么软件
  • 怎么创建windows虚拟机
  • linux ps-l
  • win7开机提示音在哪里关闭
  • linux常用命令find
  • windows执行bat命令
  • [置顶]电影名字《收件人不详》
  • android开发流程
  • 哪些游戏是c#开发的
  • jquery轮播代码
  • fedora vlc
  • jQuery formValidator表单验证
  • pythone爬虫
  • android使用方法
  • unity程序基础框架
  • python3的urllib
  • jquery限制字符长度
  • 关于车辆购置税的申报与缴纳下列说法正确的有
  • 成都那些地方属于正东方向
  • 业务竞赛经验分享
  • 普通发票管理系统官网
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设