位置: 编程技术 - 正文

深入浅析JavaScript面向对象和原型函数(什么是javascrip)

编辑:rootadmin

推荐整理分享深入浅析JavaScript面向对象和原型函数(什么是javascrip),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:java script,java script,javasripe,javascrip的特点有哪些?,javascrip的特点有哪些?,javascrip的特点有哪些?,java script,深入浅析是什么意思,内容如对您有帮助,希望把文章链接给更多的朋友!

对象,是javascript中非常重要的一个梗,是否能透彻的理解它直接关系到你对整个javascript体系的基础理解,说白了,javascript就是一群对象在搅。。(哔!)。

下面给大家介绍下常用的几种对象创建模式

使用new关键字创建

最基础的对象创建方式,无非就是和其他多数语言一样说的一样:没对象,你new一个呀!

使用字面量创建

这样似乎妥妥的了,但是宅寂的geek们岂能喜欢如此复杂和low土的定义变量的方式,作为一门脚本语言那应该有和其他兄弟们一样的范儿,于是出现了对象字面量的定义方式:

工厂模式

实际上这是我们在实际中最常用的对象定义方式,但是我要有好多拥有相似属性的对象(想想都让人激动。。。)怎么办呢?那要是一个个的定义,就会产生大量的代码,何不建个工厂,批量的生产出我们的对象呢,于是,javascript世界中第一个充气娃。。。不,“工厂模式”诞生了!

构造函数

工厂模式解决了多个相似对象的创建问题,但是问题又来了,这些对象都是Object整出来的,怎么区分它们的对象具体类型呢?这时候我们就需要切换到另一种模式了,构造函数模式:

这里我们使用一个大写字母开头的构造函数替代了上例中的createGf,注意按照约定构造函数的首字母要大写。在这里我们创建一个新对象,然后将构造函数的作用域赋给新对象,调用构造函数中的方法。

上面的方式似乎没什么不妥,但是我们可以发现,两个实例中调用的构造函数中的sayWhat方法不是同一个Function实例:

调用同一个方法,却声明了不同的实例,实在浪费资源。我们可以优化一下将sayWhat函数放到构造函数外面声明:

这样解决了,多个实例多次定义同一个方法实例的问题,但是新问题又来了,我们定义的sayWhat是一个全局作用域的方法,但这个方法其实是没法直接调用的,这就有点矛盾了。如何更优雅的定义一个具备一定封装性的对象呢?我们来看一下javascript原型对象模式。

深入浅析JavaScript面向对象和原型函数(什么是javascrip)

原型对象模式

理解原型对象

当我们创建一个函数时,该函数就会具备一个prototype属性,这个属性指向通过构造函数创建的那个函数的原型对象。通俗点讲原型对象就是内存中为其他对象提供共享属性和方法的对象。

在原型模式中,不必再构造函数中定义实例属性,可以将属性信息直接赋予原型对象:

和构造函数不同的是这里新对象的属性和方法是所有实例都可以共享的,换句话说gf1和gf2访问的是同一份属性和方法。原型对象中除了我们赋予的属性外,还有一些内置的属性,所有原型对象都具备一个constructor属性,这个属性是一个指向包含prototype属性函数的一个指针(敢不敢再绕点!)。通过一幅图我们来清楚的理一下这个绕口的流程:

所有的对象都有一个原型对象(prototype),原型对象中有一个constructor属性指向包含prototype属性的函数,Gf的实例gf1和gf2都包含一个内部属性指向原型对象(在firefox浏览器中表现为私有属性proto),当我们访问一个对象中的属性时,首先会询问实例对象中有没有该属性,如果没有则继续查找原型对象。

使用原型对象

在前面的示例中,我们注意到在为原型对象添加属性时,需要每个都增加Gf.prototype,这个工作很重复,在上面对象的创建模式中,我们知道可以通过字面量的形式创建一个对象,这里我们也可以改进一下:

这里有一个地方需要特别注意下,constructor属性不再指向对象Gf,因为每定义一个函数,就会同时为其创建一个prototype对象,这个对象也会自动获取一个新的constructor属性,这个地方我们使用Gf.prototype本质上覆写了原有的prototype对象,因此constructor也变成了新对象的constructor属性,不再指向Gf,而是Object:

一般情况下,这个微妙的改变是不会对我们造成影响的,但如果你对constructor有特殊的需求,我们也可以显式的指定下Gf.prototype的constructor属性:

通过对原型对象模式的初步了解,我们发现所有的实例对象都共享相同的属性,这是原型模式的基本特点,但往往对于开发者来说这是把“双刃剑”,在实际开发中,我们希望的实例应该是具备自己的属性,这也是在实际开发中很少有人单独使用原型模式的主要原因。

构造函数和原型组合模式

在实际开发中,我们可以使用构造函数来定义对象的属性,使用原型来定义共享的属性和方法,这样我们就可以传递不同的参数来创建出不同的对象,同时又拥有了共享的方法和属性。

在这个例子中,我们再构造函数中定义了对象各自的属性值,在原型对象中定义了constructor属性和sayWhat函数,这样gf1和gf2属性之间就不会产生影响了。这种模式也是实际开发中最常用的对象定义方式,包括很多JS库(bootstrap等)默认的采用的模式。

以上所述是小编给大家介绍的JavaScript面向对象和原型函数,希望对大家有所帮助。

详解Javacript和AngularJS中的Promises 比如页面调用google地图的api时就使用到了promise。functionsuccess(position){varcords=position.coords;console.log(coords.latitude+coords.longitude);}functionerror(err){console.warn(err.co

浅析javascript函数表达式 开始学习javascript函数表达式,仔细阅读下文。1、一般形式的创建函数,在执行代码之前会先读取函数声明,所以可以把函数声明写在函数调用的下面:

利用JS生成博文目录及CSS定制博客 本文实例为大家介绍了利用JS生成博文目录及CSS定制博客的方法,分享给大家供大家参考,具体内容如下1.JS代码想要生成目录,许多都说需要JS修改权限

标签: 什么是javascrip

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

上一篇:基于JavaScript实现图片点击弹出窗口而不是保存(基于javascript的毕业设计)

下一篇:详解Javacript和AngularJS中的Promises(java script和java区别)

  • 印花税的计税方法
  • 环保税征税
  • 农产品增值税加计扣除可以补申报吗
  • 发票遗失重开需要收费吗
  • 公司购买的意外险属于个人还是公司
  • 纳税申报现金流量表报错了可以重新申报吗
  • 营改增计算举例
  • 迟延履行利息记什么科目?
  • 由收款人签发,经付款人承兑
  • 出口商品一定要有条形码吗
  • 汽车修理费需要交印花税吗
  • 农产品增值税优惠政策2021
  • 个税个人所得税返回
  • 集团对子公司投资收益协议
  • 增值税进项销项怎么算
  • 个人公寓出租给公司要交税吗?
  • 免税和零税率和税率区别
  • 负债清偿损益明细表可以0报么
  • 借应收账款贷应收账款是什么意思
  • 库存商品淘汰报告模板
  • ami bios怎么设置u盘启动
  • 企业所得税申报流程
  • php serialize()与unserialize() 不完全研究
  • 微软2003系统
  • 预付款多长时间
  • 路由器的默认网关在哪里看
  • PHP:apache_lookup_uri()的用法_Apache函数
  • 如何使用微信公交付款
  • 企业收到的保险理赔款会计分录
  • 征税小规模纳税申报
  • 一台电脑能不能接两个键盘
  • 三万个字多久写完
  • php设置header参数
  • nvme安装win10教程
  • vue父组件子组件
  • vue的常见面试题
  • 关于古老的jsp页面的知识汇总(超详细)
  • php接口开发详解
  • excel2016添加指定行数
  • 微擎框架安装教程
  • 跨境电商企业要进入某个国家的市场 必须先做的工作是
  • 餐饮发票归哪个部门管
  • 高速费发票可以重开吗
  • java中日志的作用
  • 织梦cms官网
  • 织梦tag标签怎么用
  • 专用发票超过360天未认证
  • 支付土地补偿款计入什么科目
  • mysql多表左连接查询
  • 销售自己使用过的固定资产
  • 个税适用税率怎么确定
  • 什么是库存现金限额?为什么要核定库存现金限额
  • 门市装修费用会计处理
  • 收到开错的发票怎么办
  • 暂估入库发票差异调整
  • 长期股权投资减值准备
  • 购买员工团体意外险需要缴纳个税么
  • 道路交通事故中施救费应如何处理?
  • 高速过路费抵扣增值税
  • 收据能开发票吗
  • 损益类科目如何填写手工总账
  • mysql5.7最新版
  • windows开始菜单在哪里
  • win8.1开机进入桌面
  • xp浏览器无法浏览网页
  • 多种工具安装系统怎么用
  • win8如何更改账户名
  • 安装yum的命令
  • openssh教程
  • win7系统咋样
  • glslpe
  • linux修改目录路径
  • python外星人入侵游戏
  • javascript indexOf函数使用说明
  • jquery deferred对象
  • 安卓获取图片路径
  • 农村医保网上如何查询
  • 贤彬考研,刘磊?
  • 小微企业契税政策
  • 广东省电子税务局app下载官网
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设