ES6新时代
wendZzz
若有需要请联系微信号:coolbigflower
微信公众号:前端一起学
展开
-
ES6解构和扩展运算符
解构解构的作用是可以快速取得数组或对象当中的元素或属性,而无需使用arr[x]或者obj[key]等传统方式进行赋值。var arr = ['this is a string', 2, 3];//传统方式var a = arr[0], b = arr[1], c = arr[2];//解构赋值,是不是简洁很多?var [a, b, c] = arr;con...原创 2018-11-29 09:26:31 · 160 阅读 · 0 评论 -
for...of...循环和Map对象(set方法)
for相关循环也衍生了多种,有普通for循环、for...in...循环、for...of...循环。普通for循环var arr=[1,2,3,4];for(var i=0; i<arr.length; i++){...}for...in...循环var arr=["Tony","Tom","Jack","Mali"];for(var i in arr){ ...原创 2018-11-29 11:02:21 · 538 阅读 · 0 评论 -
箭头函数
JavaScript中使用一个函数,以下两种方法均是常用的。一:function show(){ alert("无参函数");}show();二:function show(a,b){ return a+b;}console.log(show(1,2));ES6中新增了箭头函数,为了是代码更简洁,举个栗子,实现点击方块改变颜色的效果,ES5代码如下:...原创 2018-11-29 12:09:40 · 185 阅读 · 0 评论 -
var,let,const区别
let 和 const 是ES6中新增用来定义变量的。varvar语句用来声明JavaScript变量,在学习JS入门最基础了解的知识,也就是在ES5阶段,所有变量的声明都是用var。var a=1;alert(a);letlet同样是用来定义变量。let a=1;alert(a);var 和 let 区别既然 var 和 let 都是用来定义变量,那么它们...原创 2018-11-28 15:21:35 · 172 阅读 · 0 评论 -
ES6字符串模板
ES6新增了字符串模块,用来简化之前繁杂的字符串连接。先看一下ES5时期字符串连接的用法,举个列子var str="实践证明,“改革开放是决定当代中国命运的关键一招,也是决定实现‘两个一百年’奋斗目标、实现中华民族伟大复兴的关键一招。”未来,改革开放更需不断深化,在党的领导下,新时代的改革开放,必将为当代中国发展塑造新的格局、开辟新的境界。";document.write(str);...原创 2018-11-28 15:46:24 · 186 阅读 · 0 评论 -
ES6面向对象
对象ES5时代,定义一个对象,通常是 key : value 形式,如下var person={ name:"Tony", age:18, showName:function(){ alert(this.name); }, showAge:function(){ alert(this.age); }}pe...原创 2019-01-15 10:21:37 · 402 阅读 · 0 评论 -
ES6继承(类,构造函数)
继承ES5时代,原型继承function Person(name,age){ this.name=name; //属性 this.age=age;}Person.prototype.showName=function(){ return this.name;}Person.prototype.showAge=function(){ ...原创 2019-01-15 10:48:25 · 1158 阅读 · 1 评论