
ES6
愚舜
这个作者很懒,什么都没留下…
展开
-
Uncaught SyntaxError: Cannot use import statement outside a module
在html的script标签中使用es6中的import关键字导入模块的时候会报如下地错“Uncaught SyntaxError: Cannot use import statement outside a module“。<script type="text/javascript"> import test from './module.js';</script>究其原因,es6的module语法需要放在type为module下就好了...原创 2020-08-03 22:53:46 · 1374 阅读 · 0 评论 -
es6模块化
javascript在es6之前是没有模块化一说的,没有本身的模块化体系,没有模块化语法,这意味着不能把一个大点的程序拆分成为多个小程序,这会导致程序显得特别的庞大,臃肿,也意味着对于开发大点的项目有着重重的阻碍;javascript之前的模块化本身都是依赖于第三方js库的,例如commonJs,AMD等;大家都知道模块化一般分为导入和导出两部分,现在我们就通过这两部分介绍一下es6自有的模块化体系和语法:一、导出(export): export命令用于规定模块的对外接...原创 2020-08-02 23:08:55 · 137 阅读 · 0 评论 -
ES6中类数组对象转化为数组
将一个类数组对象转换为数组在很多时候都显得很有必要,可以使用数组相关的api等,所以ES6中对类数组对象转数组给出了相应的方法。1、Array.from():用以将类数组对象转换为数组。ES5中对类数组转数组的方式为:let arrayLike = { '0': 'a', '1': 'b', '2': 'c', length: 3};...原创 2019-07-07 23:21:10 · 9417 阅读 · 0 评论 -
ES6中的解构赋值
解构赋值是ES6中推出的一种简介的赋值方式,当等号两边的数据的结构模式匹配则可以为取出等号右边的值赋值给等号左边的变量,两边的结构模式不匹配则报错。1、数组的解构赋值。 (1) 普通数组的解构赋值;let [a,b]=[1,2];console.log(a,b); //1,2 (2) 嵌套多层的数组;let [d,[e,f]] =[1,[2,...原创 2019-07-04 22:07:08 · 549 阅读 · 0 评论 -
ES6之扩展运算符 “ ... ”
ES6中的扩展运算符就是三个点" ... ",可以用来将一个数组分割为由数组内容组成的参数序列。1、可以将数组转换为分隔开的字符串let arr=['apple','orange','peach'];...arr=apple orange peach2、扩展运算符可以用于函数调用 (1) 将参数整合为数组function show(...a){ console...原创 2019-07-05 23:12:11 · 318 阅读 · 0 评论