十年河东，十年河西，莫欺少年穷学无止境，精益求精 参考：https://www.cnblogs.comuhaoren/p/11575179.htmlEs6提出了部分新特性，诸如，扩展运算符、剩余参数、Let,const,this指向，forin,forof，set，map，模板字符串，解构赋值等。今天索性针对这些小技能，做个练习，方便以后查阅。代码如

1.let与const let声明的变量只在let命令所在的代码块内有效。let是在代码块内有效，var是在全局范围内有效. let只能声明一次var可以声明多次. for循环计数器很适合用let.let不存在变量提升，var会变量提升.const声明一个只读的常量，一旦声明，常量的值就不能改

  2.  3.  4.数组遍历 

TypeScript编译配置选项常用选项{/*include指定哪些ts文件需要被编译**表示任意文件夹*表示任意文件*/"include":["./src/**/*"],/*exclude表示不包含exclude的默认值为["node_modules","bower_components","jspm_packages"]*/&qu

剩余参数restparametersfunctionsum(...args){ console.log(args); } sum(1) sum(1,2) sum(1,2,3)当一个函数需要接收多个参数但不确定参数是几个时，可以使用ES6的语法，在传递参数时，输入...形参最后外界传入的实参会以数组的形式存在args展开运算符spr

Array.from()方法就是构造函数本身的方法将一个类数组对象或者可遍历对象转换成一个真正的数组。那么什么是类数组对象呢？所谓类数组对象，最基本的要求就是具有length属性的对象。1、将类数组对象转换为真正数组：1letarrayLike={20:'tom',31:'65',4

es6只有findIndex，业务需要从尾部查找，自己实现一个findLastIndex/***数组原型添加findLastIndex*/(Array.prototypeasany)._jt_findLastIndex=function(callback){try{if(!this)return;//防止报错for(leti=this.length-1;i>=0;i--){

数组的解构赋值ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）。本质上，这种写法属于“模式匹配”，只要等号两边的模式相同，左边的变量就会被赋予对应的值。下面是一些使用嵌套数组进行解构的例子。let[foo,[[bar],baz]]=[1,[[2],

今天更两篇，嘿嘿想到什么就更什么，随缘更新大法。这次讲一下ES6的新增数据类型Symbol，以前我们是五大基本数据类型，字符串（String）、数字（Number）、布尔值（Boolean）、未定义（Undefined）、对空（Null），现在成员喜加一。Symbol是ES6引入了一种新的原始数据类型，表示独一无二的值，最大的用

编辑器vscode插件JavaScript(ES6)codesnippets：包含VSCode的ES6语法中的JavaScript代码段Vetur：VSCode支持vue的工具，有语法高亮、格式化、错误检查、自动完成等功能AutoCloseTag：自动添加HTML/XML结束标签。AutoRenameTag:自动重命名对应的HTML/XML标签。HighlightMa

这里写目录标题一、let及const1、ES6的作用域2、const命令3、临时死区4、循环中let和const的使用二、解构赋值1、Spread/Rest操作符2、数组的解构3、对象的解构4、解构的默认值和参数的解构三、模板字符串四、Symbol一、let及constlet和const是ES6新增的两种新的

对象字面量属性的简洁表示法ES6允许对象的属性直接写变量，这时候属性名是变量名，属性值是变量值。constage=12;constname="Amy";constperson={age,name};person//{age:12,name:"Amy"}//等同于constperson={age:age,name:name}方法名也可以简

和喜欢的人第一次出去吃饭，吃完饭，我付了钱，女孩向服务员要了发票。我以为女孩想把第一次约会的票据留作纪念，然后心中窃喜。谁知道第二天她说要和我AA，然后告诉我咱两不合适。女生的心思不要猜。//函数在JavaScript中也是一种数据类型，JavaScript中没有方法的重载//ES6允许给

Map对象Map对象保存键值对。任何值(对象或者原始值)都可以作为一个键或一个值。Maps和Object的区别一个Object的键只能是字符串或者Symbols，但一个Map的键可以是任意值。Map中的键值是有序的（FIFO原则），而添加到对象中的键则不是。Map 的键值对个数可以从size属

怎么安装，大家可以参考其他文档，我只发一下我在修改app是的配置代码。   

区别CommonJs模块输出的是一个值的拷贝，ES6模块输出的是值的引用CommonJs模块是运行时加载，ES6模块是编译时输出接口。原理ES6模块的运行机制与CommonJS不一样。JS引擎对脚本静态分析的时候，遇到模块加载命令import，就会生成一个只读引用。等到脚本真正执行时，再根据这个只读

ES6知识点解析(一)字面量的增强ES6中对对象字面量进行了增强，称之为Enhancedobjectliterals（增强对象字面量）。字面量的增强主要包括下面几部分：属性的简写：PropertyShorthand方法的简写：MethodShorthand计算属性名：ComputedPropertyNamesvarname="liu"varage=

目录面试之es6let和const验证块级作用域面试之es6let和const使用var定于的变量为全局变量，也就是在window.XX变量都可以访问到：作用域：JS中作用域有：全局作用域、函数作用域。没有块作用域的概念。ECMAScript6(简称ES6)中新增了块级作用域。块作用域由

数组的解构赋值：按照位置对变量赋值对象的解构赋值：对象的属性没有次序，变量必须与属性同名给变量起别名：在变量后面加一个：

数组创建Array.of()将参数中所有值作为元素形成数组。console.log(Array.of(1,2,3,4));//[1,2,3,4]//参数值可为不同类型console.log(Array.of(1,'2',true));//[1,'2',true]//参数为空时返回空数组console.log(Array.of());//[]Array.from(

在ES6中，class(类)作为对象的模板被引入，可以通过class关键字定义类。class的本质是function。它可以看作一个语法糖，让对象原型的写法更加清晰、更像面向对象编程的语法。基本用法类定义类表达式可以为匿名或命名。//匿名类letExample=class{constructor(a

函数参数的扩展默认参数functionfn(name,age=17){console.log(name+","+age);}fn("Amy",18);//Amy,18fn("Amy","");//Amy,fn("Amy");//Amy,17注意点：使用函数默认参数时，不允许有同名参数。//不报错functionfn(name,nam

1.require与import12345//ES5var React=require('react');  //ES6import Reactfrom 'react';2.export与exports12345//ES5module.exports=Component;  //ES6export default Component;

Symbol.for()，Symbol.keyFor()有时，我们希望重新使用同一个Symbol值，Symbol.for()方法可以做到这一点。它接受一个字符串作为参数，然后搜索有没有以该参数作为名称的Symbol值。如果有，就返回这个Symbol值，否则就新建并返回一个以该字符串为名称的Symbol值。lets1=Symbol.

三点(…)展开运算符1、知识点1——构造字面量数组时使用展开语法1、展开一个数组

和喜欢的女生聊天，就别提自己和另一个女生关系很好。可能会让人家以为你和别人搞暧昧。即便自以为清白。//模板字符串相当于加强版的字符串，用反引号`，除了作为普通字符串，还可以用来定义多行字//符串，还可以在字符串中加入变量和表达式。//ES6引入新的声明字符串的方式『``

ES6新特性-解构赋值Spread/Rest操作符数组的解构对象的解构默认值和参数的解构Spread/Rest操作符Spread/Rest操作符：Spread/Rest操作符指的是'...'，具体是Spread还是Rest需要看上下文语境。(1)当被用于迭代器中时，它是一个Spread操作符：迭代器(Iter

 export用于在JavaScript模块中导出函数，原始值，对象；即导出模块。export（命名导出） export{myFunction};//命名导出函数exportconstvalue=5;//命名导出原始值export{object1,object2,....};//命名导出对象 命名导出可以导出多个值，但是导入时命名需要与导出命

深入理解ES6（三）（字符串的扩展）字符串的扩展一、字符串的遍历器接口ES6为字符串添加了遍历器接口，使得字符串可以被for...of循环遍历。for(letcodePointof'foo'){console.log(codePoint)}//"f"//"o"二、includes(),startsWith(),endsWith()传统上，JavaSc

一、关于取值的吐槽取值在程序中非常常见，比如从对象obj中取值。constobj={a:1,b:2,c:3,d:4,e:5,}吐槽：consta=obj.a;constb=obj.b;constc=obj.c;constd=obj.d;conste=obj.e;或者constf=obj.a+obj.d;constg=obj