欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

JavaScript 对象(上)

程序员文章站 2022-03-31 17:10:57
简述: 1、是 JavaScript 的基本类型 2、是一种复合值,可通过名字访问这些值 3、可看作属性的无序集合,每个属性都是一个名/值对(属性名是字符串或标识符) 4、可以从一个称为原型的对象继承属性(核心特征) 5、是动态的,可新增或删除属性,操作对象是通过引用而不是值 6、属性名可以是包含空 ......

简述:

  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));