JavaScript--对象

对象

JavaScript 的设计是一个简单的基于对象的范式。一个对象就是一系列属性的集合，
一个属性包含一个名和一个值。一个属性的值可以是函数，这种情况下属性也被称为方法。

例子 1：
创建第一个对象 person ，并定义其属性和方法：

            var person={
            name:'Bob',
            age:13,
            setName:function (name) {
                this.name = name;//this指向person这个对象，：后面即属性值
            },
            setAge : function (age) {
                this.age = age;
            }
        }
        person.setName('Tony');
        console.log(person);//{name: "Tony", age: 13, setName: ƒ, setAge: ƒ}
        console.log(person.sex);//undefined  （对象中未赋值的属性值为undefined）

访问对象的属性

访问对象的属性的方法有两种：

• 1、 通过点符号来访问 : person.name
• 2、 通过方括号来访问 : person[‘name’]

也可以通过存储在变量中的字符串来访问属性，如下面例子：
例子 2：

        var p={};
        var propName='myAge';
        var age=22;
        p[propName]=age;//使用中括号访问，属性为变量propName的值'myAge'
        console.log(p);//{myAge: 22}

JavaScript 将调用 obj.toString() 方法将方括号中的键转换为字符串类型，
因为JavaScript 中的对象只能使用 String 类型作为键类型。

什么时候只能通过方括号标记访问对象的属性？

• 1、 当属性的名称不是一个有效的 JavaScript 标识符（如空格或连字符’-’，或者以数字开头的属性名）
• 2、 当通过存储在变量中的字符串来访问属性时，如上面的 例子2
• 3、 当枚举一个对象的所有属性时，如下例 for…in 语句，使用 obj[i] 来访问每一个对象的属性。
  例子 3：

        function showProps(obj, objName) {
            var result = "";
            for (var i in obj) {
                if (obj.hasOwnProperty(i)) {
                    result += objName + "." + i + " = " + obj[i] + "\n";
                }
            }
            return result;
        }
        console.log(showProps(person,'person'));

打印结果：

person.name = Tony
person.age = 13
person.setName = function (name) {
                this.name = name;//this指向person这个对象
            }
person.setAge = function (age) {
                this.age = age;
            }

枚举一个对象的所有属性的方法 ：

• for…in 循环：该方法依次访问一个对象及其原型链中所有可枚举的属性
• Object.keys(o) : 该方法返回一个对象 o 自身包含（不包括原型中）的所有属性的名称的数组。
• Object.getOwnPropertyNames(o): 该方法返回一个数组，它包含了对象 o 所有拥有的属性（无论是否可枚举）的名称。

参考文档：

• MDN-使用对象