Es6
zihanzy.com
前端攻城狮
个人博客 https://www.zihanzy.com
欢迎来访
展开
-
Babel是什么?Babel到底可以用来干嘛___一文带你从零开始认识Babel
引入在此之前或许你已经用过babel,也许听说过什么 babel-loader babel-core、babel-cli、babel-plugin-…、babel-preset-env反正各种乱七八糟的做项目随便用一一下就可以了,对他只有个一知半解,甚至不知道他到底是干什么的,反正项目要用,照着用就行了,至少博主之前的状态是这样,如果只对他有个一知半解甚至都不了解,那么项目出bug了你都不知道怎么去调试,只能复制–>粘贴–>百度。基于此,写下自己对Babel的理解。Babel是什么?我原创 2020-12-21 19:44:22 · 18558 阅读 · 5 评论 -
Fetch
前言在es6之前我们使用XMLHttpRequest实现异步请求,而在es6又新增了一种HTTP请求方式—fetch与XMLHttpRequest一样同样能实现异步请求,相比较fetch更胜一筹,下面我们来看一下他们的区别。1.传统XMLHttpRequestvar xhr = new XMLHttpRequest(); xhr.onreadystatechange=function(){...原创 2020-03-29 14:51:06 · 1653 阅读 · 1 评论 -
es6新特性之模块化开发
以往我们是直接引入一些外部的js文件,有多少引多少,这样会造成一个js文件夹很多js文件,而且要一个一个的引入,影响浏览速度在es6中支持了模块化开发,即你只需要引入一个入口的js文件,并不需要输入script标签引入这一点有点像python但是现在的浏览器是不支持es6的模块化的,我们能需要通过webpack这个工具进行打包已实现模块化开发模块化基本语法导出export name导...原创 2020-03-27 22:07:45 · 1553 阅读 · 0 评论 -
简单编译es6
1.安装node环境2.cd 到项目目录3.打开命令行 输入 npm init -y 初始化4npm install @babel/core @babel/cli @babel/preset-env下载编译的东西5.打开项目目录编辑package.json文件//package.json{ "name": "es6", "version": "1.0.0", "descr...原创 2020-03-27 22:05:29 · 1840 阅读 · 0 评论 -
Es6新特性之Promise
什么是Promise简单来说就是用来统一,封装异步操作的,可以使你以同步的方式去做异步的事情,简化了异步操作的不断的回调既然Promise是统一异步操作的那么首先我们得知道什么是异步异步通俗来讲就是,你做你的,我做我的我们之间互不影响,如js中的Ajax我们先来看以前的异步操作的缺陷,以jq的ajax为例...原创 2020-03-20 18:48:15 · 1441 阅读 · 0 评论 -
Es6剩余参数&数组展开
Es6中我们可以通过…+变量的方式存储函数剩余的参数,该变量是包含剩余参数的数组function sum(a,...num){ console.log(a); console.log(num);}sum(1,2,3,4,5,7)可以看到sum函数只明确接收一个a ,其他的参数不确定要传多少,这里就通过…num的形式使num接收剩余的参数在es6之前我们接收不确定参数时我们通过ar...原创 2020-03-20 16:31:49 · 1754 阅读 · 0 评论 -
Es6新特性之箭头函数
箭头函数基本语法(x,y)=>{ ...函数体}//es6let res = (x,y)=>{ console.log(x,y)}res(2,3);//es5let res2 = function(x,y){ console.log(x,y)}res2(2,3)上面两种输出的结果是相等的,箭头函数相对于es6之前的function更加简洁,...原创 2020-03-20 15:49:21 · 1553 阅读 · 0 评论 -
Es6新特性之Array,String新方法
Es6相对于Es5做出了很多改变,如变量的声明,箭头函数,块级作用域,模板字符串等等本文将一一介绍Es6的新特性新增系统对象方法es6为系统对象Array,String新增了一些方法Arraymapmap方法将原数组映射为一个新的数组,返回结果为一个新的数组如下示例将原数组与映射成布尔数组let arr = [45,60,78,42.56,80];let res = arr...原创 2020-03-20 14:57:50 · 1656 阅读 · 1 评论 -
Es6新特性之【变量-块级作用域-字符串模板-解构赋值】
Es6相对于Es5做出了很多改变,如变量的声明,箭头函数,块级作用域,模板字符串等等本文将一一介绍Es6的新特性变量的声明Es6中引入了let和const来声明变量解决var的一些问题使用var声明变量的问题变量可以重复声明变量重复的声明可能会导致一些预料不到的问题var a = 0;var a = 1;console.log(a);//结果返回1var没有块级作用域...原创 2020-03-20 09:17:25 · 1585 阅读 · 0 评论