JavaScript对象具体剖析

JavaScript不是一种成熟的面向对象编程言语,例如Java,但它是在便捷的基于对象的模型上设计的,对象是具备蕴含JavaScript变量或其余对象的属性的结构,对象还具备与其关联的函数,这些函数称为对象的方法,除了JavaScript外围,例如数组或数学,对象之外,您还可以定义自己的对象,简介由于JavaScript是一种松懈类…。

JavaScript 不是一种成熟的面向对象编程言语,例如 Java,但它是在便捷的基于对象的模型上设计的。对象是具备蕴含 JavaScript 变量或其余对象的属性的结构。对象还具备与其关联的函数,这些函数称为对象的方法。除了 JavaScript 外围(例如数组或数学)对象之外,您还可以定义自己的对象。

简介

由于 JavaScript 是一种松懈类型、灵活且富裕体现力的言语,因此您可以经过多种方式实现相反的义务。本教程的目标是为您提供监禁言语后劲(在创立和经常使用对象的高低文中)的指南,从而协助您了解幕后出现的事件。不能说这里形容的方法是做事的惟一方法。相反,假设这能协助您选用自己的方法,那就太好了。

JavaScript 对象、创立对象、语法


JavaScript 对象

JavaScript 中的“一切”就像一个对象,例如字符串、数字、数组、函数……,但有两个例外:和。


JavaScript:创立对象

在 JavaScript 中,创立对象的方法有很多种。您可以经常使用对象初始值设定项创立对象,或编写结构函数来定义对象类型并经常使用 new 运算符创立对象的实例。 JavaScript 的“对象初始值设定项”与 C++ 经常使用的术语分歧。


句法

经常使用对象字面量 – {} 示意法,您可以创立一个个别对象:

或许

您可以经过定义属性和值来创立新对象:

在哪里

objectName :新对象的称号。

property_1, property_2, …..property_n :标识符(称号、数字或字符串)。

value1, value2,..,valueN :一个表白式,其值由 property_1、property_2、…..property_n 标识。

在 JavaScript 中,您可以创立新对象而无需创立类。该对象不属于任何类;它是同类中惟一的一个。您可以经常使用typeof 运算符来失掉新创立的对象的数据类型。请参阅以下示例:

*要运转代码,请将鼠标悬停在“输入”面板上,而后单击“经常使用 JS 运转”按钮。*

jsbin.com 上的 JS Bin “>审核查象的类型

示例:对象初始值设定项

以下代码创立一个对象“student”,具备三个属性 name、sclass 和 rollno。

经常使用结构函数

这是创立对象的另一种方法。

首先经过编写结构函数定义对象类型,而后用new创立对象的实例。

编写结构函数时,咱们应该遵照以下规定。

结构函数称号将是对象类型称号。

在结构函数中,this 运算符用于援用以后对象。

属性/方法的值在等号“=”之后定义。

结构函数中不会有“return”语句。


结构函数的示例

这是结构函数的示例:

上方对象的类型是student,有name、sclass、rollno三个属性。对象的值取决于传递给函数的参数。让咱们创立一个名为 Studentv 的对象,如下所示:

上方的语句创立一个名为 Studentv 的对象,并为其属性调配指定的值。因此,studentv.name 的值是字符串“John”,studentv.sclass 是字符串“V”,student.rollno 是整数 10。您可以经常使用 new 运算符创立恣意数量的在校生对象。例如 –


对象和属性

属性是对象的特色。 JavaScript 对象具备与其关联的属性。例如,文档对象有一个名为 fgColor 的属性,该属性形容 (document.fgColor = “color_name”) 该对象的背景颜色。 JavaScript 对象的属性与 JavaScript 变量基本相反,只是附加了带有点符号的对象称号。

在javaScript中,对象名和属性名都是辨别大小写的。您可以经过指定值来定义属性。假定有一个名为student的对象,它具备三个属性name、sclass、rollno。他们定义如下:

JavaScript 对象的属性也可以经常使用方括号示意法来设置。 JavaScript 中的对象和数组亲密关系,实践上它们是同一数据结构的不同接口。您可以按如下方式设置先前在校生对象的属性:

所述数组的类型称为关联数组,由于每个索引元素也与一个字符串值关联。


访问属性

有两种方法可以访问对象的属性:

点符号

方括号示意法。

两种符号的作用相反。方括号示意法用于在灵活设置属性时确定属性称号(即直到运转时才确定属性称号)。


删除属性

删除运算符删除对象的属性。假设将属性设置为 null 或未定义,则只会删除与该属性关联的值,但不会删除键。请参见以下示例:


JavaScript:定义方法

在 JavaScript 中,对象的方法在该对象“外部”运转。方法是与对象关联的函数。对象的键称为属性,它们是原始值和其余对象的容器。假设属性蕴含函数作为其值,则它们称为方法。方法的定义方式与个别函数的定义方式相反,只不过它们必定被指定为对象的属性。请参阅以下代码:

句法

在哪里

“ myObj ”是对象的称号。

“ methodName ”是方法的称号。

“ Myfunction ”是函数的称号。

您可以经过以下方式调用上述方法:

myObj.methodName(参数);您可以经过在对象结构函数中蕴含方法定义来定义对象类型的方法。例如,您可以定义一个函数,该函数将格局化并显示先前定义的在校生对象的属性(即称号、班级、卷号);请参阅以下示例:

其中alert() – 显示在校生的具体消息。

要使该函数成为在校生对象的方法,可以经常使用以下代码:

this.studentDetails = 在校生具体消息;到对象定义。

因此,在校生的完整定义如今如下所示:


示例:在校生对象


HTML 代码


JS代码


JavaScript 方法的更多示例


HTML 代码


JS代码


原型

在上一节中,咱们将对象探讨为便捷的键和值对。然而JavaScript对象中有一个附加属性,一个指向另一个对象的指针,称为该对象的原型。

JavaScript 不允许经典的承袭模型,而是经常使用原型模型。

JavaScript 中的每个对象都蕴含对其原型的援用

自动是object.prototype

字符串经常使用 String.prototype 等。

原型可以有原型,等等。

对象从其原型承袭一切属性/方法

在上方的示例中,咱们创立了一个结构函数,并将一个方法(“display”)减少到该函数的原型属性中,而后创立一个新对象(“stu1”)。


HTML 代码


JS代码

如今,新创立的对象“stu1”可以访问结构函数原型上定义的一切属性。


删除对象

经常使用删除运算符咱们可以删除一个对象。请参阅以下代码如何删除对象。

myobj=新数组(元素1,元素2)

删除 myobj

JavaScript


假设本文对你有协助,那么请你资助我,让我更有热情的写下去,协助更多的人。

本站内容来源于网络,如不慎侵犯了您的权益,请联系我们将迅速删除。

(0)
上一篇 2024年9月14日 下午12:18
下一篇 2024年9月14日 下午12:18

相关推荐

  • 天猫店转让平台哪个好

    近年来网店转让行业变得越来越炽热起来,无论是关于守业者还是商家来说网店转让平台都是能够极速达成买卖的端口,网店买卖平台能够协助商家极速下店、开门、商品开售等,这无疑是给商家带来了新的开售机会,然而如今市面上的网店转让平台五花八门,天猫店转让上哪个平台好,看看氧趣网行家怎样说,天猫店转让上哪个平台好,想要天猫店转让上第三方平台是无须置疑…。

    2024年9月14日
    13100
  • 纯牛奶煮火锅可以吃吗

    探求人工默认的有限或许!支持文心一言4.0、Kimi、Deepseek等50,运行场景每日限量无偿经常使用!立刻开启探求之旅纯牛奶煮火锅可以吃吗纯牛奶煮火锅无法以吃,由于纯牛奶很容易在高温下煮沸,发生凝结物,在火锅中会发生混浊不清的现象,影响口感和食用安保,此外,牛奶或许会与其余食材的蛋白质联合构成块状物,参与消化累赘,容易惹起不适,…。

    2024年9月14日
    12000
  • PWL37C电源板缺点培修图解 TCL

    TCL液晶电视机宽泛驳回了PWL37C,40,PWL37C,PWG1XG,型电源板,并且宽泛运行于MS88、MS88B、MS88C、MS89、MS91A、MS91B、MS91C等系列机芯机型中,该电源板重要由三局部组成,一是以集成电路L6563,IC2,为外围组成的PFC功率因数校对电路,将整流滤波后的电压优化到,390V,为主、副开…。

    2025年1月15日
    5000
  • 拼多多新店怎样推行引流

    假设你想让自己的拼多多店铺完成的做下去,就必要求做好推行和引流任务,接上去小编就带大家了解一下新店铺的全新的推行引流渠道,帮大家到达事倍功半的成果,第一,首先是产品的主图设计,这是吸引消费者眼光的关键起因,只要产品主图设计的好,消费者才会点击继续阅读,所以大家在设置产品主图的时刻必定不要依照自己的喜好来,做好是联合消费者的审美,真实不…。

    2024年9月14日
    8700
  • 苹果手机怎样投屏到电视上

    当天和大家分享一下如何把我们的手机投屏到电视上操作呢,操作也十分方便,不须要用到第三方软件,而且不论是安卓手机还是苹果手机都可以,即使是老年好友也可以一看就能够学会,那假设你还不了解的话,可以先点赞收藏视频上方呢就给大家演示操作一下,置信有不少好友啊,都会有这样一个困扰,就是用手机看电影或许是用手机上网课都会觉得屏幕太小了,看期间久了…。

    2024年9月14日
    9200
  • CPU能接受的最高温度 AMD (cpu可以)

    假设要知道AMD解决器能接受的最高上班温度,普统统过解决器的OPN就可得悉,OPN是OrderingPartNumber的缩写,解决器外表都有这个编号,1.AthlonXP例如,某块AthlonXP的编号为,AX1800DMS3C上方的OPN就指出了这块CPU能接受的最高上班温度──95℃,它是由OPN中左边数第三个字母选择的,现有的…。

    2024年10月3日
    8400
  • 菜鸟驿站一天200件挣钱吗 菜鸟驿站一件多少钱

    互联网时代给了许多人发财致富的时机,在人们思想形式的扭转中,互联网守业也成为了大少数人所关心的热点与焦点,前几年,在我国寄送快递的业务只属于快递公司,而近几年像京东、淘宝等平台也树立起了属于自己的物流系统,值得一提的是京东物流的快捷是许多人选用在京东购物的关键要素,而相关于京东,阿里巴巴旗下的菜鸟驿站却走出了不同的运营形式,我依据开过…。

    2024年9月14日
    8900
  • Installer缺点处置 经常出现Windows (instalment)

    实例一,装置ACDsee5.0或虚构光驱Daemon时,出现,装置失误,揭示框,处置打算,这是最经常出现的缺点,因为这两个软件驳回了最先进的WindowsInstaller技术,在Windows98或Windows2000早期版本中最经常出现,只需下载最新的WindowsInstaller2.0版本,装置后即可处置,实例二,尝试装置或…。

    2024年10月3日
    7100
  • 跨境电商利润有多大 跨境电商利润高吗

    据我如今目前所知道的利润,跨境电商利润是十分渺小的,做亚马逊平台是一切跨境电商外面平台利润最高的一个,渺小的利润点,成就了国际刚接触跨境电商的一批人,我们国际的制作业和人力老本都是比拟低的,售往兴旺的高生产国度加价一搬都是五倍十倍20倍,这都是比拟经常出现的,渺小的消息差价成就了跨境买卖,讲一个十分实在的案例,我团体如今所从事的跨境电…。

    2024年9月14日
    9000
  • 晚点了确认收货怎样办

    在淘宝高低单之后,在订单概略中会看到物流的详细状况,同时,也有一个确认提早收货,这要是在店家发货之后就会产生,然而很多的买家点了提早确认收货,不知道会不会有肯定的风险性,那就一同了解一下详细的内容吧,这种时刻要分为商家曾经发货和商家还没有发货,商家曾经发货这种时刻要分红两种状况,1.后续收到宝贝,很满意,那就不用担忧了先了点了确认收货…。

    2024年9月14日
    8900

发表回复

登录后才能评论