位置: 编程技术 - 正文

JavaScript学习笔记之创建对象(javascript基础笔记)

编辑:rootadmin

推荐整理分享JavaScript学习笔记之创建对象(javascript基础笔记),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascript教程,javascript怎么学,javascript学习指南,javascript教程推荐知乎,javascript基础笔记,javascript学习指南,javascript入门教程,javascript教程推荐知乎,内容如对您有帮助,希望把文章链接给更多的朋友!

JavaScript 有Date、Array、String等这样的内置对象,功能强大使用简单,人见人爱,但在处理一些复杂的逻辑的时候,内置对象就很无力了,往往需要开发者自定义对象。

从JavaScript定义上讲对象是无序属性的集合,其属性可以包含基本值、对象或函数。也就是说对象是一组没有特定顺序的属性,每个属性会映射到一个值上,是一组键值对,值可以是数据或对象。

对象是JavaScript的基本数据类型。在JavaScript中除了字符串、数字、true、false、null和undefined之外的值都是对象。所以,学习JavaScript不把对象学习明白要继续往下学习就非常的困难。从今天开始进入对象的学习中。

概述

在JavaScript中对象是一种基本的数据类型,在数据结构上是一种散列表,可以看作是属性的无序集合,除了原始值其他一切都是对象。可通过属性名访问这些值,而属性名可以是包含空字符在内的任意字符串。简单点说,一个对象就是一系列属性的集合,一个属性包含一个名字(key)和一个值(value)。

理解什么是JavaScript对象,你可以这样来想。在JavaScript中,一个对象就是一个具有属性的特体。就拿你看到的一妹子,这妹子就是一个对象,她有自己的属性。比如妹子身高,年龄,姓名等。同样,在JavaScript中,也可以用属性来给对象定义它的特征。

创建对象

既然要学习对象,那得先要有一个对象,这样问题就来了,JavaScript中对象要怎么创建呢?接下来就来看看在JavaScript中如何创建对象。

很多有关于JavaScript书在介绍对象创建的方法时,主要有:

使用对象字面量创建对象(key-value)

使用new创建对象

使用Object.create()创建对象

使用函数创建对象

使用原型创建对象

使用对象字面量创建对象

对象字面量是创建对象最简单的一种形式,目的是在于简化创建包含大量属性的对象的过程。对象字面量由若干属性名(keys)和属性值(values)成对组成的映射表,key和value中间使用冒号(:)分隔,每对key/value之间使用逗号(,)分隔,整个映射表用花括号({})括起来。

通过对象字面量创建对象的语法如下:

这里obj是创建的对象的名称,每一个property_i是一个标识符(可以是一个名称、数字或字符串字面量),并且每个value_i是一个其值,并且将这个值赋予给property_i。来看一个具体实例:

这个示例创建了一个名为girl的对象,对象有四个属性name、age、height和weight。这四个属性对应有一个属性值。

使用对象字面量创建对象时,如果留空其花括号({}),则可以定义只包含默认属性和方法的对象。如:

使用这种方式创建的对象时,可以通过点(.),也就是obj.key给对象obj创建对象属性,并且赋予对象的属性值。另外也可以通过方括号([]),也就是obj['key']给对象obj创建对象属性,并且赋予对象的属性值。如下面的示例:

此时在Chrome中打印girl对象时,输出的结果如下所示:

使用new创建对象

使用new操作符后跟Object构造函数(有关于构造函数,后面再讲)也可以创建对象:

var obj = new Object(); // 和 obj = {}相同

JavaScript学习笔记之创建对象(javascript基础笔记)

虽然初始状态下,obj是一个空对象,但在JavaScript中可以很方便地动态添加和使用成员,所以我们可以不断加入成员变量和方法。如:

使用Object.create()创建对象

对象也可以用Object.create()方法创建。该方法非常有用,因为它允许你为创建的对象选择其原型对象,而不用定义一个构造函数。

Object.create()方法创建一个拥有指定原型和若干个指定属性的对象。

Object.create(proto, [ propertiesObject ])

Object.create()方法创建一个对象,其接受两个参数,其中第一个参数是这个对象的原型对象proto;第二个是一个可选参数,用以对对象的属性做进一步描述。这个方法使用很简单:

如果 proto 参数不是 null 或一个对象值,则抛出一个 TypeError 异常。有关于Object.create()方法更多的示例可以点击这里进行了解。

使用函数创建对象

在实际使用当中,字面量创建对象虽然很有用,但是它并不能满足我们的所有需求,我们希望能够和其他后台语言一样创建一个类,然后声明类的实例就能够多次使用,而不用每次使用的时候都要重新创建它。

因为JavaScript没有类,一般都是使用函数来定义一个类似其他语言中的类格式,比如:

定义好类之后,我们就可以像下面这样创建和使用对象:

Person()函数不是用来被调用的,它是用来被new用的。

通过原型创建对象

这种方法比较前几种方法来说算是最为复杂,最为高级的方法。这里还涉及到封装的一些知识(有关于这些后续学习到了再记录)。这里简单看看如何通过原型创建对象。

首先像函数方法创建对象一样,先定义一个函数:

然后在外部可以扩允成员:

一方面,原型可以扩充原有类的功能(特别是添加有用方法),也可以像下面这样写:

属性访问

对象属性访问一般有两种方法,第一种是使用点(.)表示法,这也是最常用的一种方法,也是很多面向对象语言中通用的语法。第二种方法还可以使用中括号([])表示法来访问对象的属性。在使用中括号语法时,应该将要访问的属性以字符串的形式放在中括号中。如下:

从功能上来说,上面两种方法访问对象属性没有任何区别。但中括号语法的主要优点有两个:

可能通过变量访问属性,如下:

另外一个优点是,如果属性名中包含了会导致语法错误的字符或者属性名使用的是关键字或保留字,可以使用中括号访问属性,如下:

person['first name'];

一般情况之下,除非必须使用亦是来访问对象属性,否则建议使用点(.)的方法来访问对象属性。

总结

对象是JavaScript的基本数据类型,如果要更好的往下学习JavaScript相关的知识,很有必要先把对象整明白。这篇主要介绍了几种创建对象的方法。较为简单的是通过字面量({})和new Object()方法创建,但这两种方法创建的对象复用性较差;使用Object.create()创建对象时不需要定义一个构造函数就允许你在对象中选择其原型对象。除了这几种方法还可以使用函数和原型创建对象,而这两种方法相对来说可复用性强,只是使用较为复杂。

有关JavaScript学习笔记之创建对象的知识小编就给大家介绍到这里,希望对大家有所帮助!

javascript拖拽应用实例 之前文章中也讲了一下拖拽的基本思想,理论是有了,那实践呢,可以运用到什么地方呢?下面就给大家带来一个用拖拽思想写的一个小实例,供大家

javascript拖拽应用实例(二) 经常在网站别人的网站的注册页中看到一个拖拽验证的效果,就是它的验证码刚开始不出来,而是有一个拖拽的条,你必须将这个拖拽条拖到底,验证

jquery中validate与form插件提交的方式小结 概述:本篇主要讨论jquery.validate结合jquery.form实现对表单的验证和提交方案。方式一:是通过jquery.validate的submitHandler选项,即当表单通过验证时执行回

标签: javascript基础笔记

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

上一篇:JS实现的颜色实时渐变效果完整实例(js中颜色对应代码)

下一篇:javascript拖拽应用实例(js拖拽元素到另一个元素)

  • 开增值税发票折扣折让是什么意思?
  • 一般纳税人企业所得税多久申报一次
  • 劳务合同印花税税目
  • 小区业委会是否可以进行经营活动?
  • 个人名字的话费能做账吗
  • 车间用的电线计入什么科目
  • 发票没用完可以申请超限量吗
  • 技术成果投资入股企业所得税递延纳税备案表
  • 用友怎么设置工龄工资
  • 小规模纳税人如何开电子发票
  • 专票丢失登报后怎么处理
  • 门诊药房主要业务
  • 怎么开具商业承兑票据
  • 固定资产报废废铁收入需要交税吗
  • 服装厂委托物资零散加工成品如何做账呢?
  • 事业单位自筹事业人员
  • 核定征收所得税税率
  • 印花税申报完成后如何缴款
  • 无票收入如何做会计凭证
  • 所得税费用按月还是按年算
  • 滴滴普票可以抵扣进项么
  • 新企业的设立流程
  • 广告费扣税
  • 电子发票记账联怎么入账
  • 旅游门票怎么做分录
  • 企业收到留抵退税宣传报道
  • 在windows7是一种
  • 仓库折旧费
  • 其他应付款计入什么科目
  • 简述linux系统的启动
  • 公司一直是亏损怎么赔偿
  • 公积金托收怎么变更
  • 一次摊销法优缺点
  • css搜索框代码怎么写
  • 月底库存现金不足怎么办
  • 前端vscode配置
  • php access
  • php fgetcsv
  • vuejs axios
  • 广告模板网站
  • 累计折旧怎么折
  • 税金及附加也是费用吗
  • 个人终止投资经营的条件
  • 改造后的固定资产入账价值
  • mysql 5.6安装教程
  • 准则规定的内容是
  • 出口货物赠品如何申报
  • 银行转账付款会计分录
  • 本月发料凭证会计分录
  • 免税小规模企业增值税申报表怎么填
  • 委托加工物资核算
  • 应付职工薪酬的工资是实发工资还是应发工资
  • 补缴增值税的会计处理
  • 增值税专用发票抵扣期限
  • 疫情期间水电费补贴收入申报企业所得税吗
  • 应收账款如何做平
  • 保险公司收车船税返还手续费犯罪
  • 会议接待纸笔摆放
  • mysql的crud
  • sqlserver 断开数据库连接
  • linux 使用技巧
  • coms恢复出厂设定还原bios设置方法步骤讲解
  • debian yum安装
  • winde.exe - winde进程是什么意思
  • 怎么添加第二个人脸识别
  • win7cpu虚拟化怎么看
  • win102h20
  • rundll32找不到文件
  • w7系统如何设置
  • win7 64位系统使用dos命令快速提高u盘传输速度的技巧
  • python作业题目
  • shell脚本编写简单计算器
  • html里的标签
  • python错误和异常处理
  • 详解16型人格
  • 税务局风险防控形成长远
  • 个人所得税自行纳税申报表(A表)怎么填写
  • 税务代收是什么意思
  • 什么是税务证书密码
  • 北京社保登记证怎么办
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设