AI导航网
微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦！
ES6 基础内容介绍
参考博客: https://www.cnblogs.com/libin-1/p/6716470.html一、新的变量声明方式let/const与var不同，新的变量声明方式带来了一些不一样的特性，其中最重要的两个特性就是提供了块级作用域与不再具备变量提升。通过2个简单的例子来说明这两点。{leta=20;}console.log(a)
ES6：let const
es5声明变量var variable= value;存在的问题：变量提升引起的问题functionget(condition){if(condition){varvalue='test';returnvalue;}else{returnnull;}}在JS的预编译阶段，JS引擎会将上面的函数修改如下：functionget(condi
es6——map-set与对象对比
{  //map,set,object对比  letitem={t:1};  letmap=newMap();  letset=newSet();  letobj={}; //增  map.set('t',1);  set.add(item);  obj['t']=1;  console.log('map-set-object增',map,set,obj);  }console.info
ES6字符串模板
（1）字符串模板letfoo='string'letbar=`这是一个字符串${foo}`conso.log(bar)//这是一个字符串string （2）字符串查找includes方法==>bar中是否含有foo这个字符串，有则返回true，没有则返回falseconsole.log(bar.includes(foo))/ure startswith方法==>bar是否以foo这个字
ES6 新增集合----- Set 和Map
Sets和数组一样，都是一些有序值的的集合，但是Sets和数组又有所不同，首先Sets集合中不能存有相同的值，如果你向Sets添加重复的值，它会忽略掉，其次Sets集合的作用也有所不同，它的主要作用一是存储数据，二是在于看一个值是不是在集合中，而不是对单个值进行操作，Sets的查找更快。那怎
es6笔记二babel配置
低版本的；浏览器不认识es6用babel来编译，使用方法：一、如下，这种方法不好，受限制比较严重i7不兼容，响应速度慢，代码多的话 第二种方法
ES6面向对象
异步引入 import当函数用浏览器不支持？
ES6 Interator
Interator"集合"数据的结构主要有Array、Object、SetandMap，任何数据结构只要部署Iterator接口，就可完成遍历操作遍历过程：创建指针，指向当前数据结构起始位。（遍历对象本质是一个指针对象）。依次循环调用指针对象的next方法，对应指向数据结构成员，直至结束。每次调用next
ES6,ES7重点介绍
1.字符串模板<!--旧版拼接字符串-->varstr='我是时间:'+newDate();<!--新版拼接字符串-->letstr=`我是时间${newDate()}`;2.对象简写<!--旧版对象写法-->varname="liming";varage=20;varperson={name:name,age:age};<!--新版对象写法-->l
html,css,js(包含简单的 ES6语法) 实现 简单的音乐盒
知识要点videoObject.load():加载某个视频（音频）文件，即重新播放videoObject.play():播放视频（音频）文件videoObject.remove():停止播放视频（音频）文件ES6小知识const关键字：用来声明常量（即保持不变的量）let关键字：用来声明变量（即可以变化的量）代码（背景图片，音频文件可以自己替换
es6解构赋值圆括号问题
解构赋值虽然很方便，但是解析起来并不容易。对于编译器来说，一个式子到底是模式，还是表达式，没有办法从一开始就知道，必须解析到（或解析不到）等号才能知道。由此带来的问题是，如果模式中出现圆括号怎么处理。ES6的规则是，只要有可能导致解构的歧义，就不得使用圆括号。但是，这条规则实
ES6 class类操作
//声明一个类，需要有返回值classCoder{//函数name(val){console.log(val);returnval} skill(val){console.log(this.name('sun')+val);} //构造函数constructor(a,b){thi
动态绑定事件--es6
<!DOCTYPEhtml><htmllang="en"><head>   <metacharset="UTF-8">   <title>Document<itle>   <style> li{ color:#000; font-size:12px; }  .hover{  color:#f00;  font-size:14px;  
ES6对象操作
1、对象的赋值ES5语法letname='sun'letskill='web'letobj={name:name,skill:skill}console.log(obj);  ES6语法letname='sun'letskill='web'letobj={name,skill}console.log(obj); 结果是相同的，
es6学习记录
---恢复内容开始---1.letor const有块级作用域，let声明变量，const声明常量2.箭头函数不绑定this隐式返回简单明了不宜使用箭头函数构造函数，一个方法需要绑定到对象（new）需要使用到this的时候需要使用到arguments 3.函数默认
JavaScriptES6： yield的迭代器Iterator和生成器Generator
迭代器（Iterator）和生成器（Generator）前言最早知道迭代器是在学java的时候，那时候遍历map只能使用迭代器。具体怎么使用我现在忘得差不多了。其他语言应该大部分都有迭代器，甚至SQL也有cursor(游标)。存在即有意义。没有迭代器的日子循环语句迭代数据的时候，需要初始化一个对