JavaScript 非常依赖对象。JavaScript中最常用的数据类型被视为对象。JavaScript 对象具有属性和方法。

在这个教程中,你将学习JavaScript所持有的对象、创建和处理它们的所有内容。还将涵盖正确编写JavaScript对象的语法。你将理解JavaScript对象的属性和方法,定义并使用它们。

目录

JavaScript对象:主要提示

  • JavaScript,和许多其他计算机语言一样,基于对象

  • 为了更好地理解这个概念,JavaScript对象可以与现实生活中的对象进行比较。

  • JavaScript 对象是一个独立实体。它有其方法和特性

  • 属性的值可以是一个函数,在这种情况下,该属性被称为方法

  • 不要将数字、字符串和布尔值声明为对象。

  • JavaScript 对象属性可以通过两种方式访问:和 。human.firstNamehuman["firstName"]

现实生活中的例子

现实生活中,自行车是一个物体。自行车具有颜色和高度等属性,以及驱动和刹车方式

目标性质方法
JavaScript 对象bike.name = 山地300;
自行车重量 = 15kg;
bike.color = 黑色;
bike.drive()
bike.break()

所有自行车的属性相同,但每辆车的价值不同。而且所有自行车的方法都一样,但执行时间可能不同。

变量中的对象

JavaScript 中的变量用于存储数据。JavaScript对象是数据签名到变量。在下面的编辑器示例中,你可以看到该值被赋予变量 。该值立即成为一个JavaScript对象:mountain300bikemountain300

示例

var bike = "mountain300";

JavaScript对象也是变量,但它们可以被赋值不止一个。下面的示例为变量分配了多个值:, , , 。bikemountain30015black

要写多个值,你需要使用正确的语法。这些值被赋予名称,组合形成:name: value

示例

var bike = {  title: "mountain300", 
  weight: "15", 
  color: "black"};

注意:JavaScript 对象包含的值称为属性

你可能采用的方法

方法表示可以对JavaScript对象执行的操作。就像你之前看到的自行车例子一样,自行车可以通过刹车来驾驶和停车。在这种情况下,驱动制动是对物体施加的方法。bike

方法存储在属性中,作为函数定义:

财产房产价值
标题山300
重量15
价格210
颜色黑色
信息function() {return this.title + “ ” + this.price;}

你已经知道如何访问 JavaScript 对象的属性,所以你可能对如何访问对象方法有个大致的了解。JavaScript 对象语法有些不同,但相对简单。

示例

name = human.fullName();

如果你访问该属性时不使用括号 ,则返回的是函数定义,而不是 value:fullName()

示例

name = human.fullName;