乐趣区

JavaScript-数据类型二

jiezi

Object 类型

ECMAScript 中的对象就是一组数据和功能的集合。

创建对象

const o = new Object();
const o = new Object; // 有效，但不推荐省略圆括号
const o = {};

实例属性和方法：

  • constructor: 构造函数。
  • hasOwnProperty(propertyName): 检查 propertyName（传入的属性）在当前对象实例中（不是实例原型中）是否存在。
  • isPrototypeOf(object): 用于检查传入的对象是否是当前对象的原型。
  • propertyIsEnumerable(propertyName): 检查 propertyName（传入的属性）是否能够使用 for-in 语句枚举。
  • toLocaleString(): 返回对象的字符串表示，该字符串与执行环境的地区对应。
  • toString(): 返回对象的字符串表示。
  • valueOf(): 返回对象的字符串、数值或布尔值表示。通常与 toString() 返回值相同。 
const o = new Object();
console.log(o.toLocaleString()); // "[object Object]"
console.log(o.toString()); // "[object Object]"
console.log(o.valueOf()); // "{}"

Symbol 类型

表示独一无二的值。是一种基本数据类型。每个从 Symbol() 返回的 symbol 值都是唯一的。一个 symbol 值能作为对象属性的标识符；这是该数据类型仅有的目的。它 不支持 语法：new Symbol()。
围绕原始数据类型创建一个显式包装器对象从 ECMAScript 6 开始不再被支持。然而，现有的原始包装器对象，如 new Boolean、new String 以及 new Number 因为遗留原因仍可被创建。

创建

Symbol([description])

description: 可选的字符串。symbol 的描述，可用于调试（控制台显示、转为字符串等）但不能访问 symbol 本身。
如果 Symbol 的参数是一个对象，就会调用该对象的 toString 方法，将其转为字符串，然后才生成一个 Symbol 值。

var sym1 = Symbol();
var sym2 = Symbol('foo');
var sym3 = Symbol('foo');

typeof sym1 // "symbol"

sym1 // Symbol()
sym2 // Symbol('foo')
sym3 // Symbol('foo')

sym1.toString() // "Symbol()"
sym2.toString() // "Symbol(foo)"
sym3.toString() // "Symbol(foo)"

sym2 === sym3 // false

var sym = new Symbol(); // TypeError

// 创建一个 Symbol 包装器对象
var sym = Symbol("foo");
typeof sym;     // "symbol"
var symObj = Object(sym);
typeof symObj;  // "object"

// 运算
`your symbol is ${sym}`
// TypeError: can't convert symbol to string
Boolean(sym) // true
Number(sym) // TypeError

Symbol.for([description])

Symbol.for()与 Symbol()这两种写法，都会生成新的 Symbol。它们的区别是，前者会被登记在 全局环境 中供搜索，后者不会。Symbol.for()不会每次调用就返回一个新的 Symbol 类型的值，而是会先检查给定的 key 是否已经存在，如果不存在才会新建一个值。

Symbol.for("bar") === Symbol.for("bar"); // true
Symbol.for() === Symbol.for(); // true

Symbol("bar") === Symbol("bar"); // false

Symbol.prototype.description

获取 Symbol 的描述。ES2019 提供的一个实例属性。


const sym = Symbol('foo');

sym.description // "foo"

Symbol.keyFor()

返回一个已登记的 Symbol 类型值的 key。


Symbol.keyFor(); // TypeError

const sym1 = Symbol('a');
Symbol.keyFor(sym1); // undefined

const sym2 = Symbol.for("b");
Symbol.keyFor(sym2); // "b"

Object.getOwnPropertySymbols()

获取指定对象的所有 Symbol 属性名。因为 Symbol 作为属性名，该属性不会出现在 for...in、for...of 循环中，也不会被 Object.keys()、Object.getOwnPropertyNames()、JSON.stringify() 返回。

const obj = {};
let a = Symbol('a');
let b = Symbol('b');

obj[a] = 'Hello';
obj[b] = 'World';

for (let i in obj) {console.log(i); // 无输出
}

Object.getOwnPropertyNames(obj); // []

Object.getOwnPropertySymbols(obj); // [Symbol(a), Symbol(b)]

Reflect.ownKeys()

返回所有类型的键名，包括常规键名和 Symbol 键名。

const obj = {[Symbol('a')]: 1,
  name: 'Ashin',
  age: 3
};

Reflect.ownKeys(obj); // ["name", "age", Symbol(a)]

内置的 Symbol 值

…

参考

《JavaScript 高级程序设计》（第三版）
ECMAScript 6 入门 – 阮一峰

退出移动版