JavaScript 对象(上)

发布时间:2019-04-09 06:00:11发布者:Mr.Zhang阅读(473)

简述:

  1、是 JavaScript 的基本类型

  2、是一种复合值,可通过名字访问这些值

  3、可看作属性的无序集合,每个属性都是一个名/值对(属性名是字符串或标识符

  4、可以从一个称为原型的对象继承属性(核心特征)

  5、是动态的,可新增或删除属性,操作对象是通过引用而不是值

  6、属性名可以是包含空字符在内的任意字符串,但对象中不能存在两个或多个同名属性;非严格模式下允许,但后者会覆盖前者的值

注:除了字符串、数字、true、false、null 和 undefined 之外,JavaScript 中的值都是对象

 

原型:

  1、大部分 JavaScript 对象都和另一个对象(原型)相关联,每个对象都从原型继承属性

  2、可以通过 JavaScript 代码 Object.prototype 获得对其原型对象的引用

  3、所有通过对象直接量创建的对象都具有同一个原型对象,使用相同构造函数的对象也具有同一个原型对象

  4、所有的内置构造函数(以及大部分自定义的构造函数)都具有一个继承自 Object.prototype 的原型

  5、一个普通对象的原型可能也有原型,而这一系列链接的原型对象就是”原型链

 

创建对象:

  1、对象直接量:由若干名/值对组成的映射表,名/值对中间用冒号分隔,名/值对之间用逗号分隔,整个映射表用花括号括起来

// 对象里面的属性值可以是对象
let obj = {"name": "Yam", "other": {"weight": "yyy", "high": "xxx"}, "age": 200};
console.log(obj["other"]["high"]);  // 输出 xxx
console.log(obj.other.high);

注:对象直接量是一个表达式,这个表达式的每次运算都创建并初始化一个新的对象

 

  2、关键字 new:关键字后跟随一个函数(构造函数)调用,用以初始化一个新创建的对象

let arr = new Array();    // 创建一个空数组
let date = new Date();    // 创建一个表示当前时间的 Date 对象

 

  3、Object.create(proto [, more]):创建一个新对象,第一个参数为这个对象的原型,第二个参数可对对象的属性进行进一步描述

// ES5 定义的
let obj = Object.create({"x": 1, "y": 2});
console.log(obj.x);  // 输出 1

 

属性查询和设置:

// inherit 函数来自 JavaScript 权威指南

function inherit(p) {
    if (p == null)
        throw TypeError();
    if (Object.create)
        return Object.create(p);
    let t = typeof p;
    if (t != "object" && t != "function")
        throw TypeError();
    function f() {};    // 定义一个空构造函数
    f.prototype = p;
    return new f(); // 使用 f() 创建 p 的继承对象
}

let o = {};
o.x = 1;
let p = inherit(o);
p.y = 2;
// 属性赋值操作首先会检查原型链,以此判断是否允许赋值
// 赋值时也只是在原始对象上创建属性或对已有属性赋值,而不会修改原型链
// 属性赋值要么失败,要么创建一个属性,要么在原始对象中设置属性
p.x = 3;
console.log(o.x);   // 输出 1
// 属性访问可以通过点或方括号来操作
console.log(p["x"] + p.y);  // 输出 5

// 非严格模式下查询一个不存在的属性并不会报错
console.log(p.z);   
// 但如果对象本身不存在,那么查询这个不存在的对象的属性就会报错(undefined、null)
// console.log(p.z.i);    // 报错

注: 1、不能给只读属性重新赋值

   2、不能通过同名自有属性覆盖只读的继承属性

   3、如果对象 obj 不可扩展,那么不能在 obj 中定义新属性

 

删除属性:

   1、delete 运算符可以删除对象的属性,但只是断开属性和宿主对象的联系,而不会去操作属性中的属性

  2、delete 运算符只能删除自有属性,而不能删除继承属性

  3、delete 删除成功或者没有任何副作用时,它返回 true;若它后面不是一个属性访问表达式,同样会返回 true!!!

  4、不能删除那些可配置性为 false 的属性,但可以删除不可扩展对象的可配置属性,非严格模式下返回 false,严格模式报错

let par = {"q": 10};
let a = Object.create(par);
a.p = {"x": 1};
let b = a.p;
delete a.p; // delete 只断开属性和宿主对象的联系,而不会去操作属性中的属性,可能会造成内存泄漏
console.log(b.x);   // 输出 1

console.log(delete a.q);    // 什么也没做,输出 true
console.log(a.q);   // 输出 10
console.log(delete a.t);    // 输出 true
console.log(delete 20); // 输出 true

console.log(delete Object.prototype);   // 输出 false
console.log(delete b);  // 删除一个通过变量声明或函数声明(var 和 let)的对象会返回 false

 

检测属性:

  1、运算符 in:左侧为属性名,右侧为对象,若对象的自有属性或继承属性中包含这个属性,则返回 true

  2、hasOwnProperty() 方法:检测给定属性是不是对象的自有属性

  3、propertyIsEnumerable() 方法:检测属性是不是自有属性且可枚举

// 若对象的自有属性或继承属性中包含这个属性,则返回 true
let ino = {"x": 1};
console.log("x" in ino);    // true
console.log("toString" in ino); // true
console.log("y" in ino);    // false

// 检测给定属性是不是对象的自有属性
console.log(ino.hasOwnProperty("toString"));    // false

// 检测属性是不是自有属性且可枚举
console.log(ino.propertyIsEnumerable("x")); // true
console.log(Object.prototype.propertyIsEnumerable("toString"));  // 不可枚举,false

注:可以使用 "attr !== undefined;" 来判断属性是否存在,但若属性存在且值为 undefined,则只能使用 in

 

枚举属性:

  1、for/in 循环可以在循环体中遍历对象中所有可枚举的属性(包括自有属性和继承属性),并把属性名赋值给循环变量

  2、ES5 定义了 Object.keys(),它返回一个由对象中可枚举的自有属性的名称组成的数组

  3、ES5 定义了 Object.getOwnPropertyNames(),它返回对象的所有自有属性的名称,而不仅仅是可枚举属性

 

let foro = {"x": 1, "y": 2};
for (let temp in foro)
    console.log(temp);  // 输出 x y
console.log(Object.keys(foro)); // 输出 ['x', 'y']
console.log(Object.getOwnPropertyNames(Object.prototype));

 





本文转自博客园,原文地址:https://www.cnblogs.com/lemonyam/p/10671427.html