您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

ES6的Symbol的用法详解(附代码)

2024/4/20 19:34:08发布15次查看
本篇文章给大家带来的内容是关于es6的symbol的用法详解(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
1、symbol是es6新增的数据类型,它提供独一无二的值
{    // 声明,symbol声明的变量是唯一的    let a1 = symbol();    let a2 = symbol();    console.log(a1 === a2); // false    // symbol.for()接收一个参数,作为key值    // 使用for方法时,会检查这个key值在全局是否注册    // 如果注册过就返回这个值,否则调用symbol生成新的独一无二的值    let a3 = symbol.for('a3');    let a4 = symbol.for('a3');    console.log(a3 === a4); // true}
2.在对象中声明symbol类型的属性
{    let a1 = symbol.for('abc');    let obj = {        [a1]: '123',        'abc': '345',        'df': '456',    };    console.log(obj); // {abc: 345, df: 456, symbol(abc): 123}}
3.symbol的遍历
{    let a1 = symbol.for('abc');    let obj = {        [a1]: '123',        'abc': 345,        'df': 456,    };    // let of(或者for in)循环拿不到 以symbol作为属性的值    for (let key of object.keys(obj)) {        console.log(key); // abc  df    }    // 只拿到以symbol作为属性的值,getownpropertysymbols返回一个数组    object.getownpropertysymbols(obj).foreach(function (item) {        console.log(obj[item]); // 123    });    // 对象全部属性和值都拿到,包括symbol。reflect.ownkeys返回一个数组    reflect.ownkeys(obj).foreach(function (item) {        console.log(item, obj[item]); // abc 345  df 456  symbol(abc) 123    });}
以上就是es6的symbol的用法详解(附代码)的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product