物件的建构与物件实体语法

物件

物件简单来说是值与属性的配对,属性也可以是另一个物件。

之前有稍微提过建立物件有两种方法:
1.用new的方式建构物件,它是根据Class(类)建构物件,这个部分之後会更详细说明。
EX:

var person=new Object();
person.name='Ivy';

2.用物件实体语法(Object literal),就是按照字面的方式来建构物件。
建构的方式很方便,用左右大括号即可建构一个空物件
EX:

var person={name:'Ivy'};

这上面两个范例结果是一样的

物件实体语法同层级的属性间用逗号区隔。
EX:

var person={
 name : ['Ivy', 'Huang'],
  age : 20,
  gender : 'Female',
  interests : ['reading', 'jogging'],
  bio : function() {
    alert(this.name[0] + ' ' + this.name[1] + ' is ' + this.age + ' years old. He likes ' + this.interests[0] + ' and ' + this.interests[1] + '.');
  },
  greeting: {
    greet: 'Hello!',
  },

}

就像上面,物件里面还可以有物件,也可以在物件里面建立方法。

物件属性的取用

我们可以用两种方式取用物件的属性:

  1. 点记法(Dot notation)

物件名称.属性名称
EX:

person.age
person.name.firstName

  1. 括弧记法 (Bracket notation)

物件名称["属性名称"]
EX:

person["age"]
person["name"]["firstName"]

除了取用属性,我们还可以新增、修改、删除属性
EX:

var person={};
person.name='Ivy'; //建立了name的属性 值为Ivy

参考文章
MDN JavaScript 物件基础概念
海豹人的第一个家 克服 JavaScript 的奇怪部分 #5 物件实体语法 (Object Literal Syntax)


<<:  Day 5. 在设置Unity VR环境时遇到的问题,以及不存在的解法Q

>>:  [Day 05] 部署模式 — 我的模型叫崔弟

【程序】基础沟通问题 转生成恶役菜鸟工程师避免 Bad End 的 30 件事 - 27

基础沟通问题 存好心做好事 克己复礼 宽以待人 以人为本 累积信用 ...

今天学会了env虚拟环境

今天看影片学会了env虚拟环境 突然觉得环境设定好轻松 不用在顾虑什麽版本 你要什麽版本就弄什麽版本...

Day-16 用类比电视盒来处理落单的主机们

从开始写文至今已经介绍过 HDMI、色差、SCART 和 S-Video 等 4 种端子了、但在序文...

[Day26]用SEED来体验漏洞吧

讲完漏洞赛制、实体密室逃脱之後,还有什麽可以实际玩看看漏洞呢? 另外想跟大家分享的是可以实作的靶机:...

JS语法学习Day5

学习目标 if判断&switch case 、取得html元素 if判断 if(条件)-&g...