ES6基础二

// 扩展运算符
    const TFBOYS = ['wangyuan', 'wangjunkai', 'yiyangqianxi']
    function fn(...args) {
      console.log(args);
    }
    fn(...TFBOYS)
    // 扩展运算符的应用
    const A = ['a','b','c','d']
    const CONRACT = [...TFBOYS, ...A]
    console.log(CONRACT);
    // symbol
    let sy = Symbol('zahngsan')
    let sy1 = Symbol('zahngsan')
    let sm = Symbol.for('张三')
    let sm1 = Symbol.for('张三')
    console.log(sy, typeof sy);
    console.log(sy === sy1);
    console.log(sm === sm1);
    // Symbol应用
    let game = {
      up: function() {
        console.log('第一个up');
      },
      down: function() {
        console.log('第一个down');
      }
    }
    let sym = {
      up: Symbol(),
      down: Symbol()
    }
    game[sym.up] = function() {
        console.log('我是用sym赋中的up');
      }
      game[sym.down] = function() {
        console.log('我是用sym赋中的down');
      }
      console.log(game);
      // iterator接口
      let arr = ['zahngsan','lisi','wangwu','zhaoyue']
      for(let a in arr) {
        console.log(a);
      }
      for(let v of arr) {
        console.log(v);
      }
      console.log(arr);
      let iterator = arr[Symbol.iterator]()
      console.log(iterator.next());
      console.log(iterator.next());
      console.log(iterator.next());
      console.log(iterator.next());
      console.log(iterator.next());
  • 扩展运算符:…数组名,可以将数组转换为逗号分隔的参数序列;可以作为函数的实参;
  • 扩展运算符的应用:拼接;两个数组可以这样:[…数组名,…数组名],有引用类型数据时,则是浅拷贝;将伪数组转换真正的数组:比如获取一组div元素时里面的数组就是伪数组,可以直接[…声明的变量名],就转换了;
  • 数据类型:Symbol:值是唯一的,解决命名冲突;值不能与其它数据进行运算;定义的对象属性不能使用for in 循环遍历,可以使用Reflect.ownKeys来获取对象的所有键名;创建Symbol:let 变量名 = Symbol(可传入字符串,知识一个标志);let 变量名 = Symbol.for(可以传入字符串,是唯一标识,与前者不同)
  • Symbol的应用:给对象添加属性和方法,表示独一无二的;Symbol()是一个动态的值,并不是一个固定的值;因此不可以Symbol():为函数;不过可以[Symbol()]: function() {}来添加方法;
  • Symbol的内置值:Symbol对象的属性Symbol.hasInstance:整体作为一个Symbol的属性;
  • 迭代器:是一种接口,为各种不同的数据结构提供统一的访问机制,任何数据结构只要部署iterator接口(对象里面的属性Symbol.iterator),就可以完成for of遍历操作;工作原理:1.创建一个指针对象,指向当前数据结构的起始位置;2.第一次调用next方法是,指针指向第一个成员;3.不断调用next方法,指针往下移动,直到最后一个成员;4.每调用next会返回一个包含value和done属性的对象;
  • for in 遍历保存的是数组索引,for of遍历保存的是数组中的值;
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
该资源内项目源码是个人的课程设计、毕业设计,代码都测试ok,都是运行成功后才上传资源,答辩评审平均分达到96分,放心下载使用! ## 项目备注 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.md文件(如有),仅供学习参考, 切勿用于商业用途。 该资源内项目源码是个人的课程设计,代码都测试ok,都是运行成功后才上传资源,答辩评审平均分达到96分,放心下载使用! ## 项目备注 1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用! 2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程设计、作业、项目初期立项演示等。 3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可用于毕设、课设、作业等。 下载后请首先打开README.md文件(如有),仅供学习参考, 切勿用于商业用途。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值