es6学习第一课

最新推荐文章于 2025-01-19 08:00:00 发布

原创最新推荐文章于 2025-01-19 08:00:00 发布 · 135 阅读

0 ·

CC 4.0 BY-SA版权

es6 专栏收录该内容

2 篇文章

订阅专栏

本文详细介绍了ES6中新增的数据类型Symbol及其特点，探讨了generator函数在解决异步和深度迭代问题上的应用，并深入讲解了数组的各种循环方法，如forEach、map、filter、some、every和reduce等，展示了它们在数据处理中的强大功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、Es6新增的数据类型：

  原有的有string、number、boolean、null、undefined，一种复杂的object（array/function）   5+3
  新增的
  Symbol    定义  let syml = Symbol('abc')
  注意：a\不能new   b\返回是一个唯一值   c\是一个单独的数据类型，就为symbol
  ![代码测试结果](https://img-blog.csdnimg.cn/20190228121038226.?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FpYW5naHVhZmVpZmVpZmVp,size_16,color_FFFFFF,t_70)

2、generator函数

  解决异步，深度潜逃的问题

<script type="text/javascript">
    function * tes(){
    	yield 'wellcome'
    	yield 'hello'
    }
    console.log(...tes());//wellcome hello
    console.log(tes().next().value);//wellcome
    console.log(tes().next())//{value: "wellcome", done: false}
    //https://api.github.com/users/itstrive
    //结合promise 异步调用
    function* ax(){
    	let val = yield "aaa"
    	yield axios.get(`https://api.github.com/users/${val}`)
    }
    let g1 = ax();
    let username = g1.next().value;
    console.log(username)
    g1.next(username).value.then(
    	res=>{
    		console.log(res.data);
    	}
    )
</script>
**