![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ES6
ES6部分
此鱼非闲鱼也
烦恼像根葱,往里一看全是空!
展开
-
模块化的规范及规范兼容问题
模块化详细总结ECMAScript2015以后,原生js推出了模块化概念,称为ECMAScript Module,简称ESM。现在主流浏览器都有很好的支持模块化的作用把复杂的问题分解成相对独立的模块,这样的设计可以降低程序复杂性,提高代码的重用,有利于团队协作开发与后期的维护和扩展模块化的核心模块独立的作用域如何导出模块内部数据如何导入外部模块数据独立模块作用域一个文件就是模块,拥有独立的作用域,且导出的模块默认是处于 严格模式下,之前的文章有总结,小手点一点去看看严格模式原创 2020-05-27 20:49:47 · 672 阅读 · 0 评论 -
微信小程序开发-自定义组件、数据获取方式、视图渲染(二)
data-*嵌入自定义数据使用 data-* 属性来嵌入自定义数据。也就是说这个data-*是可以用来存储数据的,data-的后面跟着自定义的变量名,比如data-name、data-pwd等等,后面再赋值,这个值就会被存储起来。获取数据时通过js来实现。 <!--data-id给button添加一个自定义属性id,值为3 --> <button data-id="3" catch:tap="fn">点击触发事件 </button> {{message}}原创 2020-06-08 22:18:20 · 1060 阅读 · 0 评论 -
ES6中如何导入与导出模块
模块化是运行在服务器上的内容(本机,编译器),默认是严格模式优点是按需加载导出(export)可以用export关键字将内容给其他模块,在最简单的例子中,可以将export放在任何变量、函数或类声明的前面,以将它们从模块中导出。useModule.js如下://两种导出形式的区别://(1)默认形式:不用加任何修饰//(2)自定义:导出的内容需要加{}// 导出变量export...原创 2020-02-14 17:07:28 · 374 阅读 · 0 评论 -
ES6中Event事件池
Event记录所有相关事件及处理函数三个方法:on()用来绑定事件、off()用来删除事件、dispatch()来执行触发后的事件<script> //Event工具类 class Event{ events = {};//如果只需要一个,就不需要再添加constructor(){} /...原创 2020-02-14 12:13:05 · 428 阅读 · 0 评论 -
关于es6严格模式(代码规范)
<script> //es6中的严格模式(代码规范) // 一、优点: // 1、使代码更加规范,避免一些错误 // 2、提高代码的编译效率,提升运行速度 // 3、消除代码的一些不安全之处,保证代码运行的安全 // 4、为新版本的js做好铺垫 // 二、影响: ...原创 2020-03-22 17:30:02 · 464 阅读 · 0 评论 -
NodeJs中模块化的使用
为什么会出现模块化?大家都知道javascript是一种嵌入式脚本语言,初期是为了简单的页面交互逻辑。但是随着代码量的增加,项目也变得复杂,简单的javascript代码组织规范已经不适应了!于是Node.js中推出了模块化概念。模块化有哪些优点?(1)使代码结构更清晰,便于后期维护;(2)庞大的代码被分成若干模块,每个模块都有其独立的空间,避免了变量污染;(3)可以按需加载,提高程序性...原创 2020-02-26 11:54:26 · 373 阅读 · 0 评论 -
ES6中let与const
1、var与let的区别:(1)使用var可以重复声明变量,而let不可以let a = 10;let a = 20;console.log(a); //使用let重复声明变量报错,如下//Uncaught SyntaxError : Identifier ‘a’ has already been declared(2)var的作用域:全局作用域与函数作用域(局部作用域)let的作用...原创 2020-02-23 18:36:20 · 122 阅读 · 0 评论 -
ES6中的展开运算符
展开运算符: …在需要展开的数据前加…就可以将该目标的值取出展开运算符: 不影响原有数据,对原有数据,做一个拷贝的动作let arr = [‘a’, ‘b’, ‘c’];let arr2 = [1, 2, …arr, 3, 4];let arr3 = […arr];console.log(arr2);//=>[1, 2, “a”, “b”, “c”, 3, 4]console....原创 2020-02-23 18:28:36 · 197 阅读 · 0 评论 -
解构赋值
解构:解开目标的整体结构赋值:将目标中的数据,赋值到我们定义的变量中解构的源(值),解构赋值表达式的右边部分。解构的目标,解构赋值表达式的左边部分。解构赋值是对赋值运算的扩展这里结构只能对数组,对象使用。任何可以转化为obj,array的数据都可以使用解构。1、对象的解构赋值//注意点:{}中,名字必须和obj中保持一致,也就是说 变量名必须和属性名一致let obj = {a...原创 2020-02-23 18:05:27 · 152 阅读 · 0 评论 -
箭头函数
箭头函数注意:箭头函数在定义的时候,需要绑定一个变量 或者自调用箭头函数的基本形式() => 返回值let fn = () => 2;console.log(fn());2. 形参 => 返回值//只有一个参数的时候,可以省略()let fn2 = num => num*2;console.log(fn2(10));3. (形参,形参) => ...原创 2020-02-23 16:33:49 · 114 阅读 · 0 评论