📜  javascript中的对象初始化器(1)

📅  最后修改于: 2023-12-03 15:31:47.708000             🧑  作者: Mango

Javascript中的对象初始化器

在Javascript中,一个对象(Object)是指一个无序属性的集合,其中每个属性都是一个键值对(key:value)。

为了方便创建对象,Javascript中提供了对象初始化器(Object initializer),也称为对象字面量(Object literal)。

对象初始化器的语法

对象初始化器的语法非常简单,就是一对花括号{},里面包含一组用逗号分隔的属性列表。

属性列表中每个属性都由一个键名和一个键值组成,形如key: value

下面是一个示例:

let person = {
  name: '张三',
  age: 18,
  gender: '男'
};

这里定义了一个名为person的对象,包含三个属性:nameagegender。其中表示字符串的属性值需要用单引号或双引号括起来。

对象初始化器的嵌套

对象初始化器可以嵌套,即一个对象的属性值可以是另一个对象。

示例代码:

let person = {
  name: '张三',
  age: 18,
  address: {
    province: '广东',
    city: '深圳',
    street: '南山区科技园'
  }
};

这里定义了一个名为person的对象,包含三个属性:nameageaddress。其中address是另一个对象,包含了省、市和街道三个属性。

对象初始化器的属性值计算

对象初始化器的属性值可以是任何Javascript表达式,计算结果将成为属性的值。

示例代码:

let num = 10;

let obj = {
  add: num + 5,
  sub: num - 3,
  mul: num * 2,
  div: num / 2
};

这里定义了一个名为obj的对象,包含了四个属性,每个属性的值都是通过计算表达式得出的。

对象初始化器的函数属性

对象初始化器的属性值也可以是一个函数。

示例代码:

let obj = {
  name: '张三',
  age: 18,
  sayHello: function() {
    console.log('你好,我是' + this.name);
  }
};

obj.sayHello();

这里定义了一个名为obj的对象,其中sayHello属性的值是一个函数,该函数会将一个字符串输出到控制台。

总结

对象初始化器是Javascript中一个非常方便的语法,可以快速创建对象,同时支持多种不同类型的属性值。掌握好对象初始化器将有助于在编写Javascript程序时提高开发效率。