ES6中引入很多新特性，其中关于异步操作的处理就引入了Promise和生成器。众所周知，Promise可以在一定程度上解决被广为诟病的回调地狱问题。但是在处理多个异步操作时采用Promise链式调用的语法也会显得不是那么优雅和直观。而生成器在Promise的基础上更进一步，允许我们用同步的方式来描述我们的异步流程。基本介绍Generator函数和普通函数完全不同，有其与众不同的独特语法。一个简单的
转载
2024-06-21 13:06:41
46阅读
Babel： 实际上就是一个JavaScript的编译器，用来将ES6代码转换为浏览器或者其他环境支持的代码Babel 工作流程：大致分三步：Parser 解析源文件Transform 转换Generator 生成新文件引擎：acorn如何转化： 通过插件，Babel给每个新语法提供插件，在Babel里面配置什么插件，就转化对应的语法。插件命名形式：@babel/plugin-xxxBabel组成
转载
2024-09-23 21:07:47
47阅读
一、将es6转成es5的操作需要通过gulp-babel插件完成npm install -g babel-cli
npm install --save-dev babel-preset-es2015
npm init -y
3） 项目目录创建文件根目录下创建一个index.js,代码：
let =45；
和新建自定义文件：.babelrc 代码：
{
转载
2024-05-10 18:48:34
1877阅读
ES6说明 ECMAScript6新的javascript标准变量的声明var
let
01let与var基本一致，用作变量声明
02let在一对括号{}中形成局部作用域
03let声明的变量不会变量提升
04let不能重复声明变量（同一作用域）
const
01与let一致（局部，不提升，不能重复声明）
02声明必须赋值
03赋值不能修改
转载
2024-08-05 22:26:34
75阅读
如何使用ES6开发Three.js项目（二）之前写过一篇文章如何使用ES6开发Three.js项目（一），这次再完善一下，并把代码放在GitHub上了。three.js-es6-webpack基于ES6开发的three.js演示项目项目目录：public : 打包后文件夹src : 项目文件
assets : 项目资源文件夹,图片视频等
mapb.jpgcss :
ind
单例模式单例模式可以保证系统中，应用该模式的类一个类只有一个实例。在JS中的单例 模式，就相当于给一个类中假如一个静态方法，然后使它返回这个类的实例化对象，他返回的这个实例化对象就是唯一的，通过这个单例模式我们就可以在其他js文件中不引用其他js获取到其中的方法，也可以用侦听来得到我们需要的数据。举例如下，使用单例模式使用get相当于常量，ES6中是没有常量的。get和set可以参考我之前的set
前言前端时候忙完项目，有两个星期的调整优化时间，最近在整理公司的统一开发者平台的技术文档，因为项目中使用的React，所以笔者看了一下阮一峰的EcmaScript入门这本书,对Es6语法以及一些新特性进行了梳理。以下为项目中一些常见的用法，仅供参考。一、 let命令用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。(块级作用域)基础用法示例：{
let a =
转载
2024-04-19 11:18:42
181阅读
# ES6转JavaScript 在线工具
## 介绍
在Web开发中，JavaScript是最常用的编程语言之一。随着ECMAScript 6（ES6）的发布，JavaScript语言得到了许多新的特性和功能扩展。然而，一些旧的浏览器版本可能不支持ES6语法，这就需要将ES6代码转换为ES5，以便在所有浏览器上运行。
为了解决这个问题，开发人员可以使用在线工具将ES6代码转换为JavaSc
原创
2023-08-23 09:04:55
569阅读
由于现在很多vue项目都是基于ES6开发的，而我学vue的时候大多是看vue官网的API，是基于ES5的，所以对于刚接触项目的我来说要转变为项目的模块化写法确实有些挑战。因此，我打算先做一个基于ES5的vue小demo，再把这个demo写成基于ES6的，算是一个过渡吧！这个demo有一些代码借用于keepfool大神的《Vue.js——vue-router 60分钟快速入门》在此先解释一下，尊重原
ES6模块和CommonJS模块相互转换 这里写目录标题ES6模块和CommonJS模块相互转换写在前面ES6模块和CommomJS模块的异同转换原理转换案例注意事项 写在前面之所以写这样一个专题，是因为我最近在研究VSCode的插件开发的过程中，习惯性的使用了ES6的模块规范，也就是使用了export import 关键字，结果插件调试的时候空值台报了一个import 关键字相关的错误。自行梳理
转载
2024-03-31 08:45:10
206阅读
TL;DR function say(message='Hi') {
console.log(message);
}
say(); // 'Hi'
say('Hello') // 'Hello' say() 函数中消息参数的默认值为'Hi'。在 JavaScript 中，默认函数参数允许我们在没有值或undefined传递给函数的情况下，使用默认值初始化命名参数。Argumen
各大浏览器的最新版本，对 ES6 的支持可以查看kangax.github.io/es5-compat-table/es6/。随着时间的推移，支持度已经越来越高了，超过 90%的 ES6 语法特性都实现了。Node 是 JavaScript 的服务器运行环境（runtime）。它对 ES6 的支持度更高。除了那些默认打开的功能，还有一些语法功能已经实现了，但是默认没有打开。使用下面的命令，可以查看
转载
2024-03-01 14:56:54
258阅读
ES6模块化与异步编程高级用法ES6模块化1.1 什么是 ES6 模块化规范ES6 模块化规范是浏览器端与服务器端通用的模块化开发规范。它的出现极大的降低了前端开发者的模块化学习成本，开发者不需再额外学习 AMD、CMD 或 CommonJS 等模块化规范。 ES6 模块化规范中定义：每个 js 文件都是一个独立的模块导入其它模块成员使用import关键字向外共享模块成员使用export 关键字1
缘起昨天说到了《从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 十五 ║ Vue前篇：JS对象&字面量&this》，通过总体来看，好像大家对这一块不是很感兴趣，嗯~~这一块确实挺枯燥的，不能直接拿来代码跑一下那种，不过还是得说下去，继续加油吧！如果大家对昨天的小demo练习的话，相信现在已经对JS的面向对象写法很熟悉了，如果嵌套字面量定义函数，如何使用this关键
一、转化ES6语法使用的loaderbabel-loader@babel/core 转化的核心模块@babel/preset-env 这是个大包，转化js语法的loader用法module:{ rules:[ { test:/\.js$/, use:{ loader:'babel-loader', options:{//用babel-l...
原创
2021-09-02 10:12:53
674阅读
本篇文章给大家详解一下promise1、promise的含义Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了用法，原生提供了Promise对象。2、promise的特点所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise
转载
2024-09-06 09:27:31
32阅读
ES6之Promise一、Promise是什么？Promise是ES6引入的异步编程的新解决方案。语法上Promise是一个构造函数，用来封装异步操作并可以获取其成功或失败的结果Promise 构造函数：Promise(excutor){}Promise.prototype.then 方法Promise.prototype.catch 方法二、使用案例1.Promise基本语法<script
转载
2024-08-31 21:00:53
98阅读
一、数组扩展1.Array.from方法 Array.from方法用于将两类对象转为真正的数组：类似数组的对象（本质特征是必须拥有length属性）。因此任何有length属性的对象和可遍历的对象（ES6新增的数据结构Set和Map），都可以通过Array.form方法转为数组。 （1）Array.from方法会将数组的空位转换为undefined，也就是说这个方法不会忽略空位 （2）将类数组的对
转载
2024-04-13 10:51:09
566阅读
一、很多同学疑问既然es6已经出来的了，为很莫写完es6语法还要把他转换成es5，这不是脱裤子放屁吗？ ECMAScript 6(ES6)的发展速度非常之快，但现代浏览器对ES6新特性支持度不高，所以要想在浏览器中直接使用ES6的新特性就得借助别的工具来实现。 &nbs
ES6 新引入了 Generator 函数，可以通过 yield 关键字，把函数的执行流挂起，为改变执行流程提供了可能，从而为异步编程提供解决方案。生成器函数：它允许你定义一个包含自有迭代算法的函数， 同时它可以自动维护自己的状态。生成器函数使用 function*语法编写。 最初调用时，生成器函数不执行任何代码，而是返回一种称为Generator的迭代器。 通过调用生成器的下一个方法消耗值时，G
转载
2024-04-15 16:12:05
56阅读
