鱼C论坛

 找回密码
 立即注册
查看: 2018|回复: 0

[学习笔记] JS 直接创建自定义对象

[复制链接]
发表于 2020-1-22 21:12:47 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
本帖最后由 zltzlt 于 2020-1-22 21:18 编辑

JS 直接创建自定义对象


JavaScript 中直接创建自定义对象的语法格式如下:

  1. var 对象名 = {属性名 1: 属性值 1, 属性名 2: 属性值 2, ..., 属性名 n: 属性值 n};    // 类似于 Python 中的字典
复制代码


例如:

  1. var turtle = {
  2.     name: "小甲鱼",
  3.     sex: "男",
  4.     birthyear: 1988,
  5.     age: 31
  6. };
复制代码


用这种方式创建自定义对象后,可以直接通过 对象名.属性名 的形式访问对象属性:

  1. console.log("名字:" + turtle.name);
  2. console.log("性别:" + turtle.sex);
  3. console.log("出生年份:" + turtle.birthyear);
  4. console.log("年龄:" + turtle.age);
复制代码


执行结果:

  1. 名字:小甲鱼
  2. 性别:男
  3. 出生年份:1988
  4. 年龄:31
复制代码


对象属性值还可以是函数:

  1. var person = {
  2.     run: function() {
  3.         console.log("我正在跑步...");
  4.     }
  5. };

  6. person.run();
复制代码


执行结果:

  1. 我正在跑步...
复制代码


还可以通过 对象名["属性名"] 的形式访问对象属性:

  1. console.log("名字:" + turtle["name"]);
  2. console.log("性别:" + turtle["sex"]);
  3. console.log("出生年份:" + turtle["birthyear"]);
  4. console.log("年龄:" + turtle["age"]);
复制代码


执行结果:

  1. 名字:小甲鱼
  2. 性别:男
  3. 出生年份:1988
  4. 年龄:31
复制代码

本帖被以下淘专辑推荐:

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-5-4 10:41

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表