ES6补充

作者: 柠栀5102 | 来源:发表于2021-12-01 23:17 被阅读0次

一、自执行方法

一般情况下定义一个函数,都要调用这个函数,才会执行,例:fun()就是调用执行fun()函数的意思

自执行方法有三种格式

注意:自执行函数需要以分号结束,否则可能会影响后面的语句

格式一

这里的“+”号是自执行函数的简写,省略了函数外的括号

格式二

自执行函数,也可以直接定义成箭头函数

格式三

二、rest参数

这里的...args就是函数的rest参数,用于接收剩余的实参。通常情况下,rest参数放在最后面,rest参数接收的值是数组,可以直接进行数组的所有操作,解决了arguments对象不是数组的缺陷

输出打印的结果为:

三、展开运算符

这里的 ... 就是展开运算符,在这里,展开运算符用于展开数组中的所有成员

在这里,展开运算符用于将对象的所有属性展开,并返回一个全新的对象,如果后面的数组,和前面的数组有同样的属性名,保留后面的属性值

所以这里输出打印的结果为:{a: 500, b: 200, c: 300, d: 400}

四、解构赋值

ES6中的解构赋值语句,可以直接将数组中的每个元素提取出来

方式是:let [变量名1,变量名2,...] = 数组

对象也可以利用 let {name,age,gender,job} = obj 直接将对象中的每个元素提取出来,

通常情况下,对象的属性名称叫什么,就定义什么名称的变量去接,如果出现了同名,可以重命名名称 原名称:修改后名称

提取对象中的方法的属性值,正常来说要分两步,先提取方法,再提取方法中的属性值,这里可以简写为let {方法:{属性名1,属性名2}}

相关文章

  • ES6补充

    常变量关键字 定义变量,常量 ES6开始新增了一种作用域, 叫做代码块 通过let定义的变量受到代码块的限制, 只...

  • ES6补充

    自执行函数 定义一个自执行函数,函数定义完成后,自己执行一次,函数名可以省略,因为没有任何意义 注意:要以分号结束...

  • ES6补充

    一、自执行方法 一般情况下定义一个函数,都要调用这个函数,才会执行,例:fun()就是调用执行fun()函数的意思...

  • 学习webpack记录

    现在在用JavaScript练习算法题,用到大量ES6语法特性,在补充ES6语言基础的同时,实在觉得nodejs内...

  • Day2. JSX核心语法一, 跟着Demo入门JSX

    一. Javascript类的定义 JS语法补充 ES5中定义类 class ES6开始才有的关键字 ES6中通过...

  • 近一万字的ES6语法知识点补充

    原文链接分享在我的掘金账号上近一万字的ES6语法知识点补充 前言 ECMAScript 6.0(简称ES6),作为...

  • Array方法属性

    ECMAScript 5 Array新增方法 明天再抽时间补充ES6 Array新增方法~~~

  • 2-4【微信小程序全栈开发课程】ES6知识点详解--创建conf

    ES6是JavaScript的一个版本,因为我们前面用到的vue默认使用ES6语法开发,所以我们在这一节补充ES6...

  • ES6语法知识点补充

    前言 本文讲着重是对ES6语法特性的补充,不会讲解一些API层面的语法,更多的是发掘背后的原理,以及ES6到底解决...

  • 手写实现继承

    这里就只实现两种方法了,ES6之前的寄生组合式继承 和 ES6之后的class继承方式。 补充一个小知识, ES6...

网友评论

      本文标题:ES6补充

      本文链接:https://www.haomeiwen.com/subject/xgwexrtx.html