位置: 编程技术 - 正文

深入浅析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区别)

  • 印花税的分录如何做
  • 个体户需要交哪种税
  • 税务师2022年考试成绩
  • 市政道路工程建筑包括什么
  • 未分配利润转增股本会计处理
  • 应交税费贷方发生额表示什么金额
  • 框架合同有合同金额吗
  • 冲红发票怎么写备注
  • 贷款利息收入的税率是多少
  • 发票多开了一张怎么处理?
  • 城市维护建设税减免税优惠政策
  • 在企业所得税中增值税可以扣除吗
  • 资本回收系数等于什么系数与利率之和
  • 国有企业业务招待费管理办法
  • 劳务报酬申报个税后还需要开发票吗
  • 待摊费用跨年冲销如何入账?
  • 应付账款多付了
  • 收据做账税局认嘛
  • 增值税发票查询
  • 异地工程需要预交税吗
  • 个体户查账征收没有成本票怎么办
  • 法人名下两家公司,客户买货可以用另外一个公司开票吗
  • 商品返点收入账务处理
  • 商品进销差价主营业务收入
  • win10自带播放器不见了
  • 如何在excel中链接图片对方能显示
  • 在win10系统中,如何限制孩子玩原神游戏
  • 王者荣耀如何进入3D视角
  • php date_diff
  • vue解决跨域问题
  • 想做酒水批发的生意怎么做?
  • 从事广告代理业工作
  • 企业购入设备涉及的税种
  • 商住房买卖过户流程
  • 所得税季报本月数是指
  • pytorch训练函数
  • 购入固定资产应该怎么做账
  • 代销手续费怎么开票
  • 会计做账需要银行交易明细吗
  • 租赁汽车折旧年限怎么算
  • 垃圾处置费的收费标准
  • 水电费是收据能入账不
  • 运费计入什么会计分录
  • 社保年度申报错误可以调整吗
  • 企业低值易耗品降成本措施
  • 收到税局退款
  • 企业迁移税务如何办理
  • 加油票和过桥过路费怎么做账
  • 无发票费用可以入账吗
  • 企业出售废旧材料的收入
  • 公司注销留抵税额怎么做进项转出
  • 固定资产清理的税率是多少
  • 服务行业进项税额加计扣除
  • 保险赔偿收入如何减税额
  • 会计记账中借方和贷方
  • 商业承兑汇票开票流程
  • ubuntu的安装包
  • centos真机安装后只有lo
  • solaris 11.4
  • 怎么删除服务器管理的服务
  • ubuntu20.04 vim
  • mac可以远程连接windows吗
  • pe硬盘安装win7系统教程
  • win10如何打开defender
  • js explode
  • opengl入门视频教程
  • android 动态布局
  • linux重启关闭打开达梦数据库
  • python介绍的主要内容
  • js获取上传文件的文件名
  • js制作网页制作步骤
  • jquerycdn
  • django modelform
  • vue卡片式风格
  • 内蒙古税务局电子发票查询
  • 医疗费发票查询
  • 浙江税务app不能网上办税
  • 国家税务总局现任局长
  • 排污费属于什么费用科目
  • 电子低保证书在哪找
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设