
ES6
派小星星星星
这个作者很懒,什么都没留下…
展开
-
ES6数字操作
二进制和八进制二进制和八进制数字的声明并不是ES6的特性。二进制声明二进制的英文单词是Binary,二进制的开始是0(零),然后第二个位置是b(注意这里大小写都可以实现),然后跟上二进制的值就可以了。let binary = 0B010101;console.log(binary) // 21这时候浏览器的控制台显示出了21。八进制声明八进制的英文单词是Octal...原创 2018-05-17 20:19:27 · 652 阅读 · 0 评论 -
ES6的对象方法
对象对于Javascript是非常重要的。在ES6中对象有了很多新特性。对象赋值ES6允许把声明的变量直接赋值给对象。let name = '美国队长';let skill = '打架';var obj = {name, skill};console.log(obj) // Object {name: "美国队长", skill: "打架"}对象Key值构建有时候我们会在...原创 2018-05-27 22:23:41 · 787 阅读 · 0 评论 -
ES6-用Proxy进行预处理
当我们在操作一个对象或者方法时会有几种动作,比如:在运行函数前初始化一些数据,在改变对象值后做一些善后处理。这些都算钩子函数,Proxy的存在就可以让我们给函数加上这样的钩子函数,你也可以理解为在执行方法前预处理一些代码。你可以简单的理解为他是函数或者对象的生命周期。Proxy的应用可以使函数更加强大,业务逻辑更加清楚,而且在编写自己的框架或者通用组件时非常好用。var obj={ ...原创 2018-06-03 23:14:55 · 375 阅读 · 0 评论 -
ES6中新增的数组操作(2)
fill( )实例方法:fill()也是一个实例方法,它的作用是把数组进行填充,它接收三个参数,第一个参数是填充的变量,第二个是开始填充的位置,第三个是填充到的位置。let arr=['陈羽凡','王宝强','贾乃亮','谢霆锋'];arr.fill('汪峰', 1, 2);console.log(arr); // ['陈羽凡','汪峰','贾乃亮','谢霆锋'];数组的遍...原创 2018-05-22 23:26:26 · 305 阅读 · 0 评论 -
ES6中新增的数组操作(1)
JSON数组格式转换let json = { '0': '白百何', '1': '李小璐', '2': '贾乃亮', length:3}这就是一个标准的JSON数组格式,跟普通的JSON对比是在最后多了一个length属性。只要是这种特殊的json格式都可以轻松使用ES6的语法转变成数组。在ES6中绝大部分的Array操作都存在于Array对象里。我们就...原创 2018-05-22 23:00:57 · 1042 阅读 · 0 评论 -
ES6中的函数和数组补漏
对象的函数解构我们在前后端分离时,后端经常返回来JSON格式的数据,前端的美好愿望是直接把这个JSON格式数据当作参数,传递到函数内部进行处理。ES6就为我们提供了这样的解构赋值。let json = { a: '啊啊啊', b: '呵呵呵'};function fun({a, b='谢霆锋'}) { console.log(a,b);}fun(json) ...原创 2018-05-26 20:57:33 · 249 阅读 · 0 评论 -
ES6中的箭头函数和扩展
箭头函数ES6标准新增了一种新的函数:Arrow Function(箭头函数)。 箭头函数与传统的JavaScript函数主要区别在于以下几点: 1.函数内置的this的值取决于箭头函数在哪里定义而非剪头函数执行的上下文关系; 2.new 不可用 箭头函数不能使用new关键字来实例化对象 不然会报错 3.this不可变 函数内置this 不可变 在函数体内整个执行环境中为常量 ...原创 2018-05-26 15:21:31 · 417 阅读 · 0 评论 -
ES6字符串模版
ES6对字符串新增的操作,最重要的就是字符串模版,字符串模版的出现让我们再也不用拼接变量了,而且支持在模板里有简单计算操作。字符串模版先来看一个在ES5下我们的字符串拼接案例:let a='派俊伟';let blog = '过年看珠海长隆' + a + '出演春晚。';document.write(blog);ES5下必须用 + a + 这样的形式进行拼接,这样很麻烦而且很...原创 2018-05-06 22:06:42 · 245 阅读 · 0 评论 -
ES6扩展运算符和rest运算符
扩展运算符和rest运算符,它们都是…(三个点)。它们可以很好的为我们解决参数和对象数组未知情况下的编程,让我们的代码更健壮和简洁。对象扩展运算符(…):当编写一个方法时,我们允许它传入的参数是不确定的。这时候可以使用对象扩展运算符来作参数,看一个简单的列子:function arg(...arg){ console.log(arg[0]); // 1 cons...原创 2018-05-06 18:23:16 · 351 阅读 · 0 评论 -
ES6变量的解构赋值
ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构。解构赋值在实际开发中可以大量减少我们的代码量,并且让我们的程序结构更清晰。先来一个最简单的数组解构赋值来进行赋值。数组的解构赋值let [a,b,c]=[1,2,3];上面的代码表示,可以从数组中提取值,按照位置的对象关系对变量赋值。数组模式和赋值模式统一:可以简单的理解为等号左边和等号右边...原创 2018-05-06 18:03:11 · 228 阅读 · 0 评论 -
map数据结构
MapJavaScript的默认对象表示方式是{},但是JavaScript的对象有个小问题,就是键必须是字符串。但实际上Number或者其他数据类型作为键也是非常合理的。为了解决这个问题,最新的ES6规范引入了新的数据类型Map。Map是具有极快查找速度的键值对结构。var map = new Map();//设置//map.set(name,value);map.se...原创 2018-05-28 23:17:22 · 508 阅读 · 0 评论