TypeScript学习(九)Symbol和迭代器
admin
2024-05-10 08:26:55
0次

文章目录

  • 1.Symbol定义
  • 2.内置Symbols
  • 3.迭代器

1.Symbol定义

   自ECMAScript 2015起,symbol成为了一种新的原生类型。symbol类型是通过Symbol构造函数创建的,创建symbol类型的变量无需使用new关键字。

let symbol = Symbol();let symbol2 = Symbol("str"); 也可以指定可选字符串

   Symbol的值不可改变且唯一。

let symbol1 = Symbol("str");
let symbol2 = Symbol("str");symbol1 === symbol2; // false

   同字符串一样,symbol也可以被用做对象属性的键。

let symbol = Symbol();const obj = {[symbol]: "str"
};console.log(obj[symbol]); // str

   Symbols也可以与计算出的属性名声明相结合来声明对象的属性和类成员。

const symbol = Symbol();class A {[symbol]() {return "str";}
}const a = new A();
a.[symbol](); // "str"

2.内置Symbols

除了用户定义的symbols,还有一些已经众所周知的内置symbols。 内置symbols用来表示语言内部的行为。

  • Symbol.hasInstance,方法,会被instanceof运算符调用。构造器对象用来识别一个对象是否是其实例。

  • Symbol.isConcatSpreadable,布尔值,表示当在一个对象上调用Array.prototype.concat时,这个对象的数组元素是否可展开。

  • Symbol.iterator,方法,被for-of语句调用。返回对象的默认迭代器。

  • Symbol.match,方法,被String.prototype.match调用。正则表达式用来匹配字符串。

  • Symbol.replace,方法,被String.prototype.replace调用。正则表达式用来替换字符串中匹配的子串。

  • Symbol.search,方法,被String.prototype.search调用。正则表达式返回被匹配部分在字符串中的索引。

  • Symbol.species,函数值,为一个构造函数。用来创建派生对象。

  • Symbol.split,方法,被String.prototype.split调用。正则表达式来用分割字符串。

  • Symbol.toPrimitive,方法,被ToPrimitive抽象操作调用。把对象转换为相应的原始值。

  • Symbol.toStringTag,方法,被内置方法Object.prototype.toString调用。返回创建对象时默认的字符串描述。

  • Symbol.unscopables,对象,它自己拥有的属性会被with作用域排除在外。

3.迭代器

   当一个对象实现了Symbol.iterator属性时,我们认为它是可迭代的。对象上的Symbol.iterator函数负责返回供迭代的值。

(1)for…of语句

   for…of会遍历可迭代对象,调用对象上的Symbol.iterator方法。

const arr = [1,2,3,4,5];for(let item of arr) {console.log(item); // 1,2,3,4,5
}

(2)for…in语句,也是遍历一个对象,不过与for…of不同,for…in循环遍历的是对象的键值。

const obj = {name: "str",value: 10
}for(let key in obj) {console.log(key); // name value
}

(3)for…of和for…in的区别

  • for…of遍历的是对象的值,for…in遍历的是对象的键
  • for…of只能遍历可迭代对象,for…in可以操作任何对象

相关内容

热门资讯

AI做攻略、“双向奔赴”……国... 本文转自:人民网人民网记者 许维娜今年国庆假期,AI(人工智能)成了不少年轻人的“旅行搭子”。行前做...
合肥的这个“梗”, 翻篇了 社交平台的评论区,曾长期流传一句专属于合肥的黑色幽默。有人问合肥哪里好玩,本地网友半开玩笑地回复:合...
7万+旅游中高层都在的群,今天... 做旅游这行,资源卡位、渠道互通、项目落地——往往就差一个“对的机会”。我们的行业社群已聚集70,00...
一场帐篷音乐节,如何让井研从“... 帐篷音乐节现场封面新闻记者 周洪攀10月的研溪湿地,晚风里裹着柑橘的清甜与民谣的回响。夜幕降临,10...
白鹤翩翩落星愿,上海迪士尼度假... 10月9日,世界候鸟日前夕,上海迪士尼度假区星愿公园的湖风里多了一分白鹤的灵动。三座白鹤雕塑正式揭幕...
成都锦江边赏初秋枫叶飘飘 目前,成都锦江边国华街枫叶树红了。近年来,国华街附近的几条街都栽种了红枫树,是城区较集中看枫叶的点位...
GBTA:商务旅行正在复苏,但... 亚太正在成为全球商务旅行增长的重要引擎。在经历疫情后的快速反弹之后,全球商务旅行正在进入一个新的增长...
从景区焕新到节赛引流 邹城双节... 齐鲁网·闪电新闻10月9日讯 中秋、国庆“双节”假期,邹城市文化和旅游局提前谋划、周密部署,立足自身...
江山如此多娇 且看石楼今朝 金秋十月,黄河岸畔秋意盎然,丰收盛会喜迎国庆。本次石楼国庆文旅活动以“江山如此多娇,且看石楼今朝”为...
海南国庆假期接待游客475.4... 2026年国庆假期,海南接待游客475.40万人次,较2025年增长13.1%,较2024年增长15...