Es6（二）

最新推荐文章于 2022-11-14 15:55:01 发布

only老K

最新推荐文章于 2022-11-14 15:55:01 发布

阅读量100

点赞数

分类专栏：前端杂货铺文章标签： Es6

本文链接：https://blog.csdn.net/weixin_44255950/article/details/103279440

版权

杂货铺同时被 2 个专栏收录

45 篇文章 1 订阅

订阅专栏

前端

27 篇文章 0 订阅

订阅专栏

博客目标

三点运算符可变参数
Symbol
上一篇博客传送门
下一篇博客传送门

三点运算符可变参数

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>es6入门</title>
</head>
<script type="text/javascript">
console.log('当一个方法参数个数不确定的时候，我们可以用es6提供的三点运算符；');
  function fun(...params){//参数不确定时
     console.log(params);
     //遍历
    params.forEach(function (item,index) {
     console.log(item,index);
    })
  }
  fun('only老K','only老K1','only老K2')

  console.log('当然也有可能有固定的几个参数，然后也有不固定参数，这时候固定参数要写前面；');
  function fun2(a,...params) {
    console.log(params);
    params.forEach(function(item,index){
      console.log(item,index);
    });
  }
  fun2(1,'only老K','only老K1','only老K2');

  console.log('es6单点运算符有时候还可以用作合并数组');
  let arr1=[2,3];
  let arr2=[1,...arr1,4];
  console.log(arr2);
</script>
<body>
</body>
</html>

在这里插入图片描述

Symbol

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>es6入门（二）</title>
</head>
<script type="text/javascript">
let sb=Symbol();
console.log(sb);
console.log(typeof(sb));
//每次定义的symbol都是唯一的
console.log('每个定义的symbol都是唯一的');
  let sb2=Symbol();
console.log(sb==sb2);//返回的是false

//Symbol实际使用
console.log('Symbol的实际使用');
  //定义一个对象
  let symbol=Symbol('address');//可以加参数 指定属性名
  let symbol2=Symbol('address2');
  let obj={name:'gogogo',age:10};

  //假如我们要向对象里额外加个属性
  //obj.address='南京路' //以前的写法，不过假如属性很多的时候，可能会出现属性重复
  obj[symbol]='南京路';//这样能保证属性不重复
  obj[symbol2]='南京路2';
  console.log(obj);
  //因为Symbol具有唯一性，所以我们可以做Symbol定义常量
  console.log('因为Symbol具有唯一性，所以我们可以做Symbol定义常量');
  const  a=Symbol('qwer');
  console.log(a);
  //Symbol.for() 全局搜索指定key的Symbol，找到的话，就返回该Symbol，找不到，就新建一个
console.log(Symbol("foo") === Symbol("foo"));      // false
console.log(Symbol.for("bar") === Symbol.for("bar"));     // true
// Symbol.keyFor() 返回一个已登记的 Symbol 类型值的 key ，用来检测该字符串参数作为名称的 Symbol 值是否已被登记。
let fooKey = Symbol.for("bar1");
console.log(Symbol.keyFor(fooKey)); // 返回bar1
</script>
<body>
</body>
</html>

在这里插入图片描述

上一篇博客传送门

上一篇博客快速传送

下一篇博客传送门

下一篇博客

only老K

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Es6（二）

博客目标三点运算符可变参数三点运算符可变参数<!DOCTYPE html><html><head> <meta charset="utf-8" /> <title>es6入门</title></head><script type="text/javascript">consol...
复制链接

扫一扫