dr. axel rausch溉的拼音mayer最近撰文介绍了还处于stage1阶段的两个javascript新特性:记录和元组。
记录和元组是一个新提案(record & tuple,
https://github.com/tc39/proposal-record-tuple),建议为javascript增加两个复合原始类型:
当前,javascript只有在比较原始值(如字符串)时才会按值比较(比较内容):
>'abc'==='abc'true
但在比较对象时,则是按标识比较(by identity),因此对象只与自身严格相等:
>{x:1,y:4}==={x:1,y:4}fal>['a','b']===['a','b']fal
“记录和元组”的提案就是为了让我们可以创建按值比较的复合类型值。
比如,在对象字面量前面加一个井号(#),就可以创建一个记录。而记录是一个按值比较的复合值,且不可修改:
>#{x:1,y:4}===#{x:1,y:4}true
如果在数组字面量前面加一个#,就可以创建一个元组,也就是可以按值比较且不可修改的数组:
>#['a','b']===#['a','b']true
按值比较的复合值就叫复合原始值或者复合原始类型。
使用typeof可以看出来,记录和元组都是原始类型:
>typeof#{x:1,y:4}'record'>typeof#['a','b']'tuple'
>record({x:1,y:4})#{x:1,y:4}>tuple.from(['a','b'])#['a','b']
注意:这些都是浅层转换。如果值树结构中有任何节点不是原始值,record()和tuple.from()会抛出异常。
constrecord=#{x:1,y:4};// 访问属性asrt.equal(record.y,4);// 解构const{x}=record;asrt.equal(x,1);// 扩展asrt.ok(#{...record,x:3,z:9}===#{x:3,y:4,z:9});
consttuple=#['a','b'];// 访问元素asrt.equal(tuple[1],'b');// 解构(元组是可迭代对象)const[a]=tuple;asrt.equal(a,'a');// 扩展asrt.ok(#[...tuple,'c']===#['a','b','c']);// 更新asrt.ok(tuple.with(0,'x')===#['x','b']);
某些数据结构(比如散列映射和搜索树)有槽位,其中键的保存位置根据它们的值来确定。如果键的值改变了,那这个键通常必须放到不同的槽位。这就是为什么在javascript中可以用作键的值:
要么按值比较且不可修改(原始值)要么按标识比较且可修改(对象)复合原始值有如下好处。
深度比较对象,这是一个内置操作,可以通过如===来调用。共享值:如果对象是可修改的,为了安全共享就需要深度复制它的一个副本。而对于不可修改的值,就可以直接共享。数据的非破坏性更新:如果要修改复合值,由于一切都是不可修改的,所以就要创建一个可修改的副本,然后就可以放心地重用不必修改的部分。在map和t等数据结构中使用:因为两个内容相同的复合原始值在这门语言的任何地方(包括作为map的键和作为t的元素)都被认为严格相等,所以映射和集合成会变得更有用。接下来演示这些好处。
有了复合原始值,即使是复合值(不是原始值那样的原子值)也可以去重:
>[...newt([#[3,4],#[3,4],#[5,-1],#[5,-1]])][#[3,4],#[5,-1]]
如果是数组就办不到了:
>[...newt([[3,4],[3,4],[5,-1],[5,-1]])][[3,4],[3,4],[5,-1],[5,-1]]
因为对象是按标识比较的,所以在(非弱)映射中用对象作为键几乎没什么用:
constm=newmap();m.t({春暖花开作文600字x:1,y:4},1);m.t({x:1,y:4},2);asrt.equal(m.size,2)
如果使用复合原始值就不一样了:下面行(a)创建的映射会保存地址(记录)到人名的映射。
constpersons=[#{name:'eddie',address:#{street:'1313 mockingbird lane',city:'mockingbird heights',},},#{name:'dawn',address:#{street:'1630 revello drive',city:'sunnydale',},},#{name:'herman',address:#{street:'1313 mockingbird lane',city:'mockingbird heights',},},#{name:'joyce',address:#{street:'1630 revello drive',city:'sunnydale',},},];constaddresstonames=newmap();// (a)for(constpersonofpersons){if(!addresstonames.has(person.address)){addresstonames.t(person.address,newt());}addresstonames.get(person.address).add(person.name);}asrt.deepequal(// convert the map to an array with key-value pairs,// so that we can compare it via asrt.dee花木兰原文pequal().[...addresstonames],[[#{street:'1313 mockingbird lane',city:'mockingbird heights',},newt(['eddie','herman']),],[#{street:'1630 revello drive',city:'sunnydale',},newt(['dawn','joyce']),]国家制度有哪些,]);
在下面的例子中,我们使用数组的方法.filter()(行(b))提取了地址等于address(行(a))的所有条目 。
constpersons=[#{name:'eddie',address:#{street:'1313 mockingbird lane',city:'mockingbird heights',},},#{name:'dawn',address:#{street:'1630 revello drive',city:'sunnydale',},},#{name:'herman',address:#{street:'1313 mockingbird lane',city:'mockingbird heights',},},#{name:'joyce',address:#{street:'1630 revello drive',city:'sunnydale',},},];constaddress=#{// (a)street:'1630 revello drive',city:'sunnydale',};asrt.deepequal(persons.filter(p=>p.address===address),// (b)[#{name:'dawn',address:#{street:'1630 revello drive',city:'sunnydale',},},#{name:'joyce',address:#{street:'1630 revello drive',city:'sunnydale',},},]);
在处理缓存的数据(如下面例子中的previousdata)时,内置深度相等可以让我们有效地检查数据是否发生了变化。
letpreviousdata;functiondisplaydata(data){if(data===pr女孩当自强歌词eviousdata)return;// ···}displaydata(#['hello','world']);// 显示displaydata(#['hello','world']);// 不显示
多数测试框架都支持深度相等,以检查某个计算是否产生了预期的结果。例如,node.js内置的asrt模块有一个函数叫deepequal()。有了复合原始值,就可以直接断言:
functioninvert(color){return#{red:255-color.red,green:255-color.green,blue:255-color.blue,};}asrt.ok(invert(#{red:255,green:153,blue:51})===#{red:0,green:102,blue:204});
新语法的一个缺点是字符#已经在很多地方被占用了(比如私有字段),另外非数字字母字符多少显得有点神秘。可以看看下面的例子:
constdella=#{name:'della',children:#[#{name:'huey',},#{name:'dewey',},#{name:'louie',},],};
优点是这个语法比较简洁。对于一个常用的结构,当然越简单越好。此外,一旦熟悉了这个语法之后,神秘感自然就会越来越淡。
除了特殊的字面量语法,还可以使用工厂函数:
constdella=record({name:'della',children:tuple([record({name:'huey',}),record({name:'dewey',}),record({name:'louie',}),]),});
如果javascript支持tagged collection literals(
https://github.com/zkat/proposal-collection-literals,已撤销),这个语法还可能有所改进:
constdella=record!{name:'della',children:tuple![record!{name:'huey',},record!{name:'dewey',},record!{name:'louie',},],};
唉,即便使用更短的名字,结果看起来还是有点乱:
constr=record;constt=tuple;constdella=r!{name:'della',children:t![r!{name:'huey',},r!{name:'dewey',},r!{name:'louie',},],};
相比对象和数组,我其实更喜欢使用类作为一个数据容器。因为它可以把名字添加到对象上。为此,我希望将来会有一种类,它的实例不可修改且按值比较。
假如我们还可以深度、非破坏性地更新那些包含由值类型的类产生的对象的数据,那就更好了。
本文发布于:2023-04-04 06:39:52,感谢您对本站的认可!
本文链接:https://www.wtabcd.cn/fanwen/zuowen/4b7536b6867770a32b43a01727134c61.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文word下载地址:javascript计时器频率是什么(javascript网页代码大全).doc
本文 PDF 下载地址:javascript计时器频率是什么(javascript网页代码大全).pdf
留言与评论(共有 0 条评论) |