blogSite

我是谁?我在哪儿?我在干什么?

View project on GitHub

JavaScript 对象

JavaScript 对象定义

在 JavaScript 中,几乎“所有事物”都是对象。

  • 布尔是对象(如果用 new 关键词定义)
  • 数字是对象(如果用 new 关键词定义)
  • 字符串是对象(如果用 new 关键词定义)
  • 日期永远都是对象
  • 算术永远都是对象
  • 正则表达式永远都是对象
  • 数组永远都是对象
  • 函数永远都是对象
  • 对象永远都是对象 所有 JavaScript 值,除了原始值,都是对象。

    JavaScript 原始值

    原始值指的是没有属性或方法的值。 原始数据类型指的是拥有原始值的数据。 JavaScript 定义了 5 种原始数据类型:

  • string
  • number
  • boolean
  • null
  • undefined 原始值是一成不变的(它们是硬编码的,因此不能改变)。 假设 x = 3.14,您能够改变 x 的值。但是您无法改变 3.14 的值。(3.14 就是原始值;x 是原始数据类型)

    访问 JavaScript 属性

    对象定义:

    var objectName = {}; // 推荐使用该方法定义
    var objectName = new Object();
    

    访问对象属性的语法是:

    objectName.property           // person.age
    // 或者:
    objectName["property"]       // person["age"]
    // 或者:
    objectName[expression]       // x = "age"; person[x]
    

    JavaScript for…in 循环

    JavaScript for...in 语句遍历对象的属性。

    // 语法
    for (variable in object) {
        要执行的代码
    }
    
    // for...in 循环中的代码块会为每个属性执行一次。
    var person = {fname:"Bill", lname:"Gates", age:62}; 
    for (x in person) {
        txt += person[x];
    }
    
    // 结果(txt):Bill Gates 62 
    

    属性值

    所有属性都有名称。此外它们还有值。 值是属性的特性之一。 其他特性包括:可列举、可配置、可写。 这些特性定义了属性被访问的方式(是可读的还是可写的?) 在 JavaScript 中,所有属性都是可读的,但是只有值是可修改的(只有当属性为可写时)。 (ECMAScript 5 拥有获取和设置所有属性特性的方法)

    JavaScript 对象方法

    JavaScript 方法是能够在对象上执行的动作。 JavaScript 方法是包含函数定义的属性。 方法是存储为对象属性的函数。

    // 创建对象:
    var person = {
      firstName: "Bill",
      lastName : "Gates",
      id     : 678,
      fullName : function() {
        return this.firstName + " " + this.lastName;
      }
    };
    
    // 显示来自对象的数据:
    document.getElementById("demo").innerHTML = person.fullName();
    // 结果:Bill Gates
    
    // 如果您访问 fullName 属性时没有使用 (),则将返回函数定义
    document.getElementById("demo").innerHTML = person.fullName;
    // 结果:function () { return this.firstName + " " + this.lastName; }
    
  • this 关键词 在 JavaScript 中,被称为 this 的事物,指的是拥有该 JavaScript 代码的对象。 this 的值,在函数中使用时,是“拥有”该函数的对象。 请注意 this 并非变量。它是关键词。您无法改变 this 的值。

参考内容

首页 > 学习总览 > 开发语言 > JavaScript