![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
ES6
子月吾生
one day by one day
展开
-
ECMAScript和JavaScript的关系
1996年11月,JavaScript的创造者——Netscape公司,决定将JavaScript交给国际标准化组织ECMA,希望这种语言能够成为国际标准。次年,ECMA发布了262号标准文件(ECMA-262)的第一版,规定了浏览器脚本语言的标准,并将这种语言称为ECMAScript。该标准从一开始就是针对JavaScript语言制定的,但是并没有称其为JavaScript,主要有以下两个原因...原创 2019-01-19 21:31:42 · 1999 阅读 · 0 评论 -
块级作用域(ES6)
一、为什么需要块级作用域ES5只有全局作用域和函数作用域,没有块级作用域,这导致很多场景不合理。1、第一种场景:内层变量可能会覆盖外层变量: var tmp = new Date(); console.log(tmp); function f() { console.log(tmp); if(false){ va...原创 2019-02-02 16:28:13 · 581 阅读 · 0 评论 -
ES6顶层对象(window)和global对象
ES5只有两种声明变量的方法:使用var命令和function命令。ES6除了添加了let和const命令,还有import命令和class命令,所以一共有6种声明变量的方法。一、顶层对象的属性顶层对象在浏览器环境中指的是window对象,在Node环境中指的是global对象。在ES5中顶层对象的属性与全局变量是等价的。 window.a = 1; a//1 a = ...原创 2019-02-02 21:50:57 · 1783 阅读 · 0 评论 -
Babel转码器(ES6)
一、Babel介绍Babel(babeljs.io/)是一个广为使用的ES6转码器,可以将ES6代码转为ES5代码,从而在浏览器或其他环境执行。也就意味着可以用ES6的方式编写程序,从而不用担心现有环境是否支持。如下例子: //转码前 input.map(item => item + 1); //转码后 input.map(function (item)...原创 2019-01-30 19:19:07 · 520 阅读 · 0 评论 -
ES6——let和const命令
一、let命令1、基本用法ES6新增了let命令,用于声明变量。其用法类似于var,但是所声明的变量只在let命令所在的代码块内有效{ let a = 10; var b = 1;}a//ReferenceError:a is not defined.表明let声明的变量只在其所在代码块内有效b//1for循环的计数器很适合适用let命令://以下代码中的计数器i只在...原创 2019-01-30 23:25:00 · 118 阅读 · 0 评论 -
ES6——数组的解构赋值
一、基本用法解构:ES6允许按照一定模式从数组和对象中提取值,然后对变量进行赋值,称之为解构以前,为变量赋值只能直接指定值 let a = 1; let b = 2; let c = 3;ES6允许写成下面这样let [a,b,c] = [1,2,3];上面代码表示可以从数组中提取值,按照对应位置对变量进行赋值。本质:这种写法属于“模式匹配”,只要等号两边的模式相同,左边...原创 2019-02-13 15:46:11 · 193 阅读 · 0 评论 -
面试之ES6你都知道哪些呢(详细实例展示)
1、export和import1)、导入的时候有没有大括号的区别是什么当用export default people导出时,就用 import people 导入(不带大括号)一个文件里,有且只能有一个export default。但可以有多个export。当用export name 时,就用import { name }导入(记得带上大括号)当一个文件里,既有一个export def...原创 2019-06-15 19:58:57 · 932 阅读 · 0 评论 -
ES6环境的搭建步骤
步骤一:在自己电脑里面选择一个盘新建一个文件夹,例如es6use文件夹步骤二:在es6use文件夹下建立一个src文件夹、一个dist文件夹、一个index.html文件(其中src文件夹用来存放自己用es6语法写的js文件;dist文件夹用来存放es6转换为es5语法的js文件)步骤三:在src文件夹下面建立一个index.js文件,并在该文件下面写入下面内容用来测试;再在index....原创 2019-08-06 14:47:27 · 304 阅读 · 0 评论 -
对比promise的流程控制和js的回调
例如写一个方块不断移动的动画,首先写一个移动动画的函数,然后不断的调用,用传统写法如下://动画函数function moveTo(el,x,y,cb) { el.style.transform = `translate(${x}px,${y}px)`; setTimeout(function() { cb && cb();//此处用了&...原创 2019-08-19 17:49:08 · 159 阅读 · 0 评论