JavaScript 數(shù)據(jù)類型（二）

SimpleTriangle 發(fā)布于2019-08-23 18:18 / 3145人閱讀

摘要：用于檢查傳入的對(duì)象是否是當(dāng)前對(duì)象的原型。返回對(duì)象的字符串?dāng)?shù)值或布爾值表示。類型表示獨(dú)一無二的值。是一種基本數(shù)據(jù)類型。一個(gè)值能作為對(duì)象屬性的標(biāo)識(shí)符這是該數(shù)據(jù)類型僅有的目的。圍繞原始數(shù)據(jù)類型創(chuàng)建一個(gè)顯式包裝器對(duì)象從開始不再被支持。

Object 類型

ECMAScript中的對(duì)象就是一組數(shù)據(jù)和功能的集合。

創(chuàng)建對(duì)象

const o = new Object();
const o = new Object; // 有效，但不推薦省略圓括號(hào)
const o = {};

實(shí)例屬性和方法：

constructor: 構(gòu)造函數(shù)。

hasOwnProperty(propertyName): 檢查 propertyName （傳入的屬性）在當(dāng)前對(duì)象實(shí)例中（不是實(shí)例原型中）是否存在。

isPrototypeOf(object): 用于檢查傳入的對(duì)象是否是當(dāng)前對(duì)象的原型。

propertyIsEnumerable(propertyName): 檢查 propertyName （傳入的屬性）是否能夠使用 for-in 語句枚舉。

toLocaleString(): 返回對(duì)象的字符串表示，該字符串與執(zhí)行環(huán)境的地區(qū)對(duì)應(yīng)。

toString(): 返回對(duì)象的字符串表示。

valueOf(): 返回對(duì)象的字符串、數(shù)值或布爾值表示。通常與toString()返回值相同。

const o = new Object();
console.log(o.toLocaleString()); // "[object Object]"
console.log(o.toString()); // "[object Object]"
console.log(o.valueOf()); // "{}"

Symbol 類型

表示獨(dú)一無二的值。是一種基本數(shù)據(jù)類型。每個(gè)從Symbol()返回的symbol值都是唯一的。一個(gè)symbol值能作為對(duì)象屬性的標(biāo)識(shí)符；這是該數(shù)據(jù)類型僅有的目的。它不支持語法：new Symbol()。
圍繞原始數(shù)據(jù)類型創(chuàng)建一個(gè)顯式包裝器對(duì)象從 ECMAScript 6 開始不再被支持。然而，現(xiàn)有的原始包裝器對(duì)象，如 new Boolean、new String以及new Number因?yàn)檫z留原因仍可被創(chuàng)建。

創(chuàng)建 Symbol([description])

description: 可選的字符串。symbol的描述，可用于調(diào)試（控制臺(tái)顯示、轉(zhuǎn)為字符串等）但不能訪問symbol本身。
如果 Symbol 的參數(shù)是一個(gè)對(duì)象，就會(huì)調(diào)用該對(duì)象的toString方法，將其轉(zhuǎn)為字符串，然后才生成一個(gè) 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

// 創(chuàng)建一個(gè)Symbol包裝器對(duì)象
var sym = Symbol("foo");
typeof sym;     // "symbol"
var symObj = Object(sym);
typeof symObj;  // "object"

// 運(yùn)算
`your symbol is ${sym}`
// TypeError: can"t convert symbol to string
Boolean(sym) // true
Number(sym) // TypeError

Symbol.for([description])

Symbol.for()與Symbol()這兩種寫法，都會(huì)生成新的 Symbol。它們的區(qū)別是，前者會(huì)被登記在全局環(huán)境中供搜索，后者不會(huì)。Symbol.for()不會(huì)每次調(diào)用就返回一個(gè)新的 Symbol 類型的值，而是會(huì)先檢查給定的key是否已經(jīng)存在，如果不存在才會(huì)新建一個(gè)值。

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

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

Symbol.prototype.description

獲取Symbol 的描述。ES2019提供的一個(gè)實(shí)例屬性。

const sym = Symbol("foo");

sym.description // "foo"

Symbol.keyFor()

返回一個(gè)已登記的 Symbol 類型值的key。

Symbol.keyFor(); // TypeError

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

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

Object.getOwnPropertySymbols()

獲取指定對(duì)象的所有 Symbol 屬性名。因?yàn)镾ymbol 作為屬性名，該屬性不會(huì)出現(xiàn)在for...in、for...of循環(huán)中，也不會(huì)被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()

返回所有類型的鍵名，包括常規(guī)鍵名和 Symbol 鍵名。

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

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

內(nèi)置的 Symbol 值

...

參考

《JavaScript高級(jí)程序設(shè)計(jì)》（第三版）
ECMAScript 6 入門 - 阮一峰

云服務(wù)器 GPU云服務(wù)器 javascript數(shù)據(jù)類型 javascript基本數(shù)據(jù)類型 javascript類型 javascript基本類型

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/105014.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

SimpleTriangle

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

CSS常見問題

閱讀 1219·2019-08-30 15:55
什么是Shadow DOM？

閱讀 964·2019-08-30 15:55
前端面試每日 3+1 —— 第129天

閱讀 2167·2019-08-30 15:44
標(biāo)準(zhǔn)盒模型與怪異盒模型 + box-sizing

閱讀 2898·2019-08-29 14:17
2017-06-11 前端日?qǐng)?bào)

閱讀 1143·2019-08-29 12:45
10行代碼實(shí)現(xiàn)小程序支付功能！丨實(shí)戰(zhàn)

閱讀 3320·2019-08-26 10:48
JavaScript 數(shù)據(jù)類型（二）

閱讀 3146·2019-08-23 18:18
JS高級(jí)面試之hybrid部分

閱讀 2615·2019-08-23 16:47

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長期優(yōu)惠，快來選購！

JavaScript 數(shù)據(jù)類型（二）

相關(guān)文章

**二、數(shù)據(jù)類型**

**二、數(shù)據(jù)類型**

**進(jìn)擊的 JavaScript（二）之數(shù)據(jù)結(jié)構(gòu)**

前端進(jìn)擊的巨人（二）：棧、堆、隊(duì)列、內(nèi)存空間

**33 個(gè) js 核心概念（二）：數(shù)據(jù)類型**