- 时间:2022-07-08 02:11 编辑: 来源: 阅读:297
- 扫一扫,手机访问
摘要:9个超级实用的ES6特性,你需要了解它们。
<影视源码>
1.顾名思义,开发运算符用于对象或数组前的开发运算符(…),以将结构开发成列表。 演示:这样的写法够优雅够简洁吗?如果不需要开发运算符,我们只好这样写:开发运算符也适用于被合并对象的属性;如果不需要开发运算符,需要遍历对象的属性:2。剩余参数剩余参数包括序列中的剩余参数。 JavaScript的特点是参数的数量非常灵活。 通常有一个arguments变量来收集参数。 我们来看一个例子:上面的代码只是将第一个和第二个相加,也就是调用add(1,2)和add(1,2,3,4)会得到相同的结果。 下面我们做一个更正:如前所述,…remaining收集了剩余的参数,并向我们提供了这些参数的名称,这清楚地表明了我们打算求解剩余的参数。 我记得ES5最晚也有论据,但是知道的人很少。 3.你见过这样的字符串插值的说法吗?当然,我指的是getDescription()方法中不可读的多行语句。 类似的现象在大多数编程语言中都存在。 一些语言提供了字符串插值。幸运的是,JavaScript就是其中之一。 让我们重写getDescription()方法:$ {}插值可以用在一对包装的字符串中。 现在看起来舒服多了。 4.缩写属性在ES5中必须这样写:缩写属性可以用在ES6之后:是不是看起来更新鲜?5.方法属性方法属性是指向对象中定义的方法的属性。 以下面的ES5代码为例:在ES6: 6之后写这个就行了。解构作业解构作业有利于开发者自身的心理健康。 考虑下面的代码:上面的代码从任何角度来看都不完美,但它确实展示了一个应用场景,我们希望从不同级别的对象获取数据。 你可能会问,这有什么问题?好吧,我可以省去几个按键而不用公布这么多变量。 看,我们上面的代码把三行压缩成了一行。 解构不限于物体。 它也适用于数组。 考虑下面的代码:上面的代码可以用更优雅的方式重写:我们可以使用上面的模式匹配来分解数组的值。 我们使用,,来跳过一些值。 上面提到的其余参数也可以在这里使用,我们通过其余的参数捕获其余的数组成员。 解构也可以用于函数和参数。 当一个函数有2-3个以上的参数时,使用一个对象来收集所有的参数是JavaScript事实上的标准。 比如下面这个函数:有更好的写法:7。数组方法ES6引入了很多有用的数组方法,比如:find(),查找列表中的成员,返回null表示findIndex()没有找到,查找列表成员的索引some(),检查一个断言是否为真包含在列表的至少一个成员上,列表是否可以包含以下代码之一会帮助你理解它们的用法:8 .异步方案如果你在这个圈子里有些年头了,你可能还记得有一段时间我们只有这样的回调:我们使用回调是因为有些操作是异步的,需要时间来完成。 后来,我们有了无极图书馆,人们开始使用它。 然后JavaScript逐渐加入了对promise的原生支持。 我们甚至可以这样称呼它,把promise串在一起:后来,生活更美好了,我们有了async/await。上面的代码可以这样写:9。模块。几乎任何编程语言都支持模块的概念,即代码被分成多个文件,每个文件都是一个独立的单元(模块)。 考虑以下代码:我目前是一名前台开发人员。如果你现在想学习前台开发技术,并且遇到任何关于学习方法、学习路线、学习效率等方面的问题。入门过程中可以申请加入我的前台学习交流裙:前:851中:231末:348。 有少量初学者裙档正在自学前台。还有少量我在做前台技术期间整理的前台学习手册、前台面试问题、前台开发工具、PDF文档、书籍和教程。如果需要,可以自己下载。 在上面的内容中,我们使用export关键字来表示add和sub这两个结构对于任何引入这个模块的模块都是公开可见的。 export default关键字表示仅使用导入模块时获得的结构。 在main.js中,我们将导入的缺省值命名为mult,并指出我们引入了add()和sub()方法。 箭头和字典对此进行了限定
![](http://bm.damiseo.cn/15914/www.php-asp.net/dami/0752562001644998685tp39-1.jpg)