首页 > 其他分享 >ES6的详细注解

ES6的详细注解

时间:2022-11-07 17:33:27浏览次数:52  
标签:ES6 变量 作用域 解构 let 详细 注解 默认值 函数


let

  1. 声明变量的新方法。
  2. 变量无法重复声明。
  3. 块级作用域。也就是说let只在代码块中生效,包括if、else等花括号中的变量不会定义到全局。
  4. 不存在变量提升。也就是说,在声明变量之前使用变量会报错。
  5. 不影响作用域链效果。也就是,在函数中往上找变量,函数外面由let定义的变量,仍然能找到。

ES6的详细注解_javascript


用let实现循环遍历。这是因为只在块级作用域中生效。

ES6的详细注解_javascript_02

const

用来声明一个常量,值没有办法被修改的。

  1. 一定要赋初始值。
  2. 一般常量使用大写(潜规则)
  3. 常量的值没有办法被修改。
  4. 块级作用域
  5. 对于数组和对象的元素修改,不算对常量进行修改,不会报错。(因为指向的地址并未发生改变)

变量的解构赋值

用一定的模式从数组和对象中提取值。

数组的解构

ES6的详细注解_数组_03

对象的解构

ES6的详细注解_javascript_04

模板字符串

`我也是一个字符串哦~`
  1. 内容中可以直接出现换行符
  2. 变量拼接,使用​​${}​

对象的简化写法

属性名和属性值相同可以只写一个。

ES6的详细注解_开发语言_05


函数也可以直接写。

ES6的详细注解_数组_06

箭头函数

ES6的详细注解_数组_07


ES6的详细注解_前端_08

  1. 箭头函数中的this是静态的,始终指向声明函数时所在作用域下的this值。
  2. 不能作为构造化实例对象
  3. ES6的详细注解_javascript_09

  4. 不能使用arguments变量
  5. ES6的详细注解_前端_10

  6. 箭头函数的简写
  7. ES6的详细注解_javascript_11


  8. ES6的详细注解_默认值_12

函数参数的默认值

传了参数我们就使用传入的参数,没有传入实参,我们就使用默认值。

ES6的详细注解_javascript_13


ES6的详细注解_数组_14


默认值可以与解构赋值一起使用。

ES6的详细注解_开发语言_15


也可以传入默认值。

ES6的详细注解_javascript_16

rest参数

rest必须放到参数的最后。输出的是一个数组。

ES6的详细注解_javascript_17


ES6的详细注解_数组_18

扩展运算符

ES6的详细注解_默认值_19


ES6的详细注解_前端_20

Symbol

Symbol简单介绍

ES6的详细注解_前端_21


ES6的详细注解_默认值_22

ES6的详细注解_开发语言_23


数据类型的总结:

ES6的详细注解_默认值_24

利用Symbol给对象添加属性

给对象添加属性的时候我们不用担心命名冲突的问题。

ES6的详细注解_javascript_25


ES6的详细注解_默认值_26

Symbol内置值

自己来控制类型检测。

ES6的详细注解_前端_27


控制值是否可以展开。

ES6的详细注解_前端_28


扩展对象的功能~~

迭代器

ES6的详细注解_开发语言_29


ES6的详细注解_默认值_30


ES6的详细注解_前端_31


ES6的详细注解_数组_32


for of遍历的键值,for in遍历的键名

ES6的详细注解_开发语言_33


ES6的详细注解_前端_34

生成器

生成器是一个特殊的函数,异步函数,纯回调函数。

​yield​​​算作函数代码的切割符,每次用函数​​next()​​来执行代码。

ES6的详细注解_前端_35


for of遍历出来的是value。

ES6的详细注解_前端_36


ES6的详细注解_前端_37

生成器函数的参数

传入参数就会作为执行一次代码的返回值。

ES6的详细注解_javascript_38

promise


标签:ES6,变量,作用域,解构,let,详细,注解,默认值,函数
From: https://blog.51cto.com/u_15867142/5830150

相关文章

  • Git的下载、安装与配置,详细图文教程
    找到已下载的安装包文件,点击安装   一直点击next,直到出现install,点击install,然后点击finish,安装完成。安装完成后,桌面右键出现GitGUI、Gitbash选项,说明已安......
  • NodeJs断点调试详细说明
    node在运行js的时候,可以传递参数让其运行在调试模式,运行在调试模式后,引擎会向某个端口发送调试相关信息。一、在devTools中调试1.在chrome中接收调试信息在浏览器上打开:ch......
  • linux 中grep 命令详细使用方法说明
    前言在linux命令行中,经常需要对当前获取的一堆数据进行过滤、提取和分析,其中grep命令是其中非常重要的命令之一,比如,在生产环境服务器上,经常使用到下面这个命令ps-ef|gr......
  • SWIG:SWIG的简介、安装、使用方法之详细攻略
    SWIG:SWIG的简介、安装、使用方法之详细攻略一个处女座的程序猿于2019-12-1610:57:12发布14957收藏58分类专栏:Tool/IDEetc版权Tool/IDEetc专栏收录该内容72篇......
  • 这里有篇Charles详细教程,看完后就可以把Fiddler卸载了
    每天进步一点点,关注我们哦,每天分享测试技术文章本文章出自【码同学软件测试】码同学公众号:自动化软件测试,领取资料可加:magetest码同学抖音号:小码哥聊软件测试相信测试......
  • 史上最详细Docker安装Redis (含每一步的图解)实战
    不仅教你安装,还教你删除。每一行命令都带图解,绝对能懂。大家对搭建RedisClustr(Redis集群)感兴趣的,可以看看这篇文章Docker搭建RedisCluster集群环境希望对大家有所......
  • C# ES6 yield的实现原理
    我们先看es6里的是这样子://Generator函数function*chain(){yield'a';console.log('sss');yield'b';yield'c';return'end';}varexp=cha......
  • 注解
    概念描述:* JDK1.5之后的新特性* 说明程序的* 使用注解@注解名称作用分类:1 编写文档:通过代码里标识的注解生成文档 【生成doc文档】2......
  • case when最详细用法
    参考原文:https://zhuanlan.zhihu.com/p/110198759?from_voters_page=truecasewhen推荐学习书籍:1、SQL基础教程6-32、SQL进阶教程1-1casewhen是SQL语法中提供......
  • ObjectMapper详细介绍
    参考声明:https://blog.csdn.net/qq_42017395/article/details/107555339简介ObjectMapper类(com.fasterxml.jackson.databind.ObjectMapper)是Jackson的主要类,它可以......