随笔分类 - ECMAScript 6
ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。
摘要：在上一节中我们只是简单的尝了一下webpack的鲜，对其有了基本的了解，对于上一节当中的打包方式，在实际开发中并不使用，而是通过webpack的配置文件的方式进行设置的，所以该节就在上一节的基础上学一下配置文件的大体结构以及入口、出口文件的配置。 1.新建配置文件webpack.config.js
阅读全文
摘要：module.exports和exports是属于 CommonJS 模块规范，export和export default是属于ES6语法。 module.exports和exports导出模块，用require引入模块。 export和export default导出模块，import导入模块。
阅读全文
摘要：ES6的模块化操作主要包括两个方面。 （1）export :负责进行模块化，也是模块的输出。 （2）import : 负责把模块引，也是模块的引入操作。 export的用法： export可以让我们把变量，函数，对象进行模块化，提供外部调用接口，让外部进行引用。先来看个最简单的例子，把一个变量模块化
阅读全文
摘要：（2）使用ES6提供的class改写为： 2.现在来看看es6的类如何使用？ （1）类的声明 先声明一个最简单的Animal类，类里只有一个print方法，方法中打印出传递的参数。 （2）类的使用 我们已经声明了一个类，并在类里声明了print方法，现在要实例化类，并使用类中的方法。 输出结果为：熊
阅读全文
摘要：1.产生原因 在前端开发中，最常见的的就是"回调",我相信很多人对于这个"回调"可谓是印象深刻呢。究其原因是因为层层回调会造成所谓的“回调地狱 (callback hell)”（最明显的就是代码的层层嵌套） 2.解决办法 实解决回调地狱的办法有很多，从代码书写层面就可以将绝大部分回调代码写的尽量简单
阅读全文
摘要：1.理解什么是预处理？ 当我们在操作一个对象或者方法时会有几种动作，比如：在运行函数前初始化一些数据，在改变对象值后做一些善后处理。这些都算钩子函数，Proxy的存在就可以让我们给函数加上这样的钩子函数。 Proxy进行预处理可以简单理解为：执行方法前，先预处理代码（预热工作）。 2.对比引入Pro
阅读全文
摘要：1.map数据结构出现的原因？ JavaScript 的对象（Object），本质上是键值对的集合（Hash 结构），但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。为了能实现将对象作为键值对的key，ES6 提供了 Map 数据结构。它类似于对象，也是键值对的集合，但是“键”的范围不限
阅读全文
摘要：一、Set 1.Set是什么？ Set是ES6 提供的一种新的数据结构。类似于数组。 2.Set能解决什么问题 Set和Array 的区别是Set不允许内部有重复的值，如果有只显示一个，相当于去重。 3.怎么使用Set相关东西 Set 函数可以接受一个数组（或者具有 iterable 接口的其他数据
阅读全文
摘要：在ES5中 对象属性名都是字符串，这容易造成属性名的冲突，比如，你使用了一个他人提供的对象，但又想为这个对象添加新的方法（mixin 模式），新方法的名字就有可能与现有方法产生冲突，于是 ES6 引入了Symbol。Symbol是一种新的原始数据类型，表示独一无二的值。它是继undefined、nu
阅读全文
摘要：1.对象赋值 es5中的对象赋值方式如下： 结果为： ES6允许把声明的变量直接赋值给对象，例如： 结果与上述相同。 2.对象Key值构建 有时候我们会在后台取出key值，而不是我们前台定义好的，这时候我们可以我们可以把后台定义的key值重新构建返回给后台。 在前端我们可以用[ ] 的形式，进行对象
阅读全文
摘要：1.对象的函数解构 ES6为我们提供了这样的解构赋值使在前后端分离时，后端返回来JSON格式的数据，前端可以直接把这个JSON格式数据当作参数，传递到函数内部进行处理。比如： 结果为： 2.数组的函数解构 声明一个数组，然后写一个方法，最后用…进行解构赋值。 3.in的用法 in是用来判断对象或者数
阅读全文
摘要：1.默认值 在ES6中给我们增加了默认值的操作相关代码如下： function add(a,b=1){ return a+b; } console.log(add(1)); 可以看到现在只需要传递一个参数也是可以正常运行的。 输出结果为：2。 2.主动抛出错误 ES6中我们直接用throw new
阅读全文
摘要：1.JSON数组格式转换 JSON的数组格式就是为了前端快速的把JSON转换成数组的一种格式，json数组格式如下： 这就是一个标准的JSON数组格式，跟普通的JSON对比是在最后多了一个length属性。只要是这种特殊的json格式都可以轻松使用ES6的语法转变成数组。 把上边的JSON代码使用A
阅读全文
摘要：下面是针对ES6新增的一些数字操作方法进行简单梳理。 1.数字判断和转换 （1）数字验证Number.isFinite( xx ) 使用Number.isFinite( )来进行数字验证，只要是数字，不论是浮点型还是整形都会返回true，其他时候会返回false。 （2）NaN验证 NaN是特殊的非
阅读全文
摘要：1.字符串模板对比引入： （1）之前我们也可以使用JavaScript输出模版字符串，通常是下面这样的： var restult= "姓名： <b>"+person.name+"</b>" 但是我们可以看到：这样的传统做法需要使用大量的“”（双引号）和 + 来拼接才能得到我们需要的模版。但是这样是十
阅读全文
摘要：运算符可以很好的为我们解决参数和对象数组未知情况下的编程，让我们的代码更健壮和简洁。 运算符有两种：对象扩展运算符与rest运算符。 1.对象扩展（ spread）运算符（...） （1）解决参数个数问题 以前我们编程是传递的参数一般是确定，否则将会报错或者异常，如下： 参数固定，多余的参数会出错。
阅读全文
摘要：ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构。 解构有三种类型： 1.数组的解构赋值 （1）简单的数组解构 以前，我们给变量赋值是直接单个指定值，比如： 数组解构的方式来进行赋值，如下： 总结：从数组中提取值，按照位置的对象关系(次序)对变量赋值。 （2）数组模式和赋值
阅读全文
摘要：在ES5中我们在声明时只有一种方法，就是使用var来进行声明，ES6对声明的进行了扩展，现在可以有三种声明方式。 （1）var：它是variable的简写，可以理解成变量的意思。 （2）let：它在英文中是“让”的意思，也可以理解为一种声明的意思。 （3）const：它在英文中也是常量的意思，在ES
阅读全文
摘要：前言： 1.es6的简单介绍： ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在2015年6月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。 2.为什么要搭建ES6的开发环境？ 因为至今各
阅读全文
浙公网安备 33010602011771号