es6冲刺01

1、let/const

1)作用域:es5中有全局作用域、函数作用域。es6中新增了块级作用域

2)let定义的变量在所在块级作用域外失效,严格模式下失效后直接报错,

且不允许重复声明同名变量

3)const用于声明常量,声明时必须赋值,也是在块级作用域下有效

 

2、解构赋值

1) 数组解构赋值

包含默认值的写法

{let a,b
[a=0,b]=[1,2]}
{let a,b,arr
[a,b,...arr]=[1,2.3,4,5,6]
//a=1,b=2,arr=[3,4,5,6]

2)对象解构赋值

包含默认值的写法

{let a,b=6

{a,b}={a:1,b:2 }

}

3)使用场景

变量交换

函数以数组、对象为返回值

选择性接收数据

下图输出1 4

取返回数组首项

a=1 b=[3,4,5]

只要两边能匹配,都能解构赋值

 

3、字符串扩展

1)unicode编码

0XFFFF是unicode单字符编码的最大范围

若想输出编码值大于0xffff的

用大括号包裹即可;

2)unicode编码处理新方法

3)字符串新方法

判断某字符串中是否包含某字符,返回布尔值:

.includes(''char")

判断某字符串是否已某字符或字符串开头(结尾)

.startsWith()

.endsWith()

重复n次字符串

.repeat(n)

不足自动在首尾补齐

.padStrat(length,'char')

.padEnd(length,'char')

4)模板字符串

用反引号包裹,让我们更优雅地拼接变量和字符串

变量用${}进行包裹

5)标签模板 

 

4、数值扩展

1)

Number添加了许多静态方法

isFinite() 判断是否有尽

isNaN() 判断是否不是数字

isIntegeger()判断是否整数

2)

取整

Math.truc(num)

判断正负,返回+/-1 0 NaN

Math.sign(num)

 

5、数组扩展

1)Array

不管元素的类型,返回由参数组成的数组实例

Array.of(arg1,arg2,...)

把伪数组和集合转换成真正的数组

Array.from(fakeArr)

返回一个新数组,其元素经过callback处理

Array.from(arr,callback)

2)

填充数组,把数组内元素全部换为char

arr.fill(subchar)

指定替换范围的索引

arr.fill(subchar,start,end)

3)keys/values/entries

arr.keys()

返回arr下标(索引)的集合

arr.values()

返回元素值集合

arr.entries()

返回索引及元素

arr.find/findIndex(function)

前一个返回符合条件的第一个数组元素

或者返回第一个符合条件的索引

arr.inclues(char)

数组中是否包含某值,完全相等,返回布尔类型

 

6、函数扩展
1)默认值

function test(x,y='hello'){...}

test('you')

默认值后面不可以有没有默认值的变量

2)作用域

输出kill kill

注意作用域,在函数定义内部先找

3)rest

...arg

类似arguements,将未知的实参合为一个数组

4)扩展运算符

rest的逆运用

...arr

将数组按元素拆成离散的值

5)箭头函数

匿名函数的新定义方式

(参数1,参数2,...)=>{函数体}

简写,只有一个参数时,只有一句返回值的语句

参数=>返回值语句

无参

()=>返回值语句

6)伪调用

某个函数返回另一个函数的调用

 

7、对象扩展

1)键的省略

2)属性表达式

在es5中我们的属性名总是一个固定的值,在es6中,我们

可以使用表达式来作属性名了,用中括号包裹即可

var obj={

['a'+'b']:5

}

3)新增api

Object.is(obj1,obj2)

判断两个对象是否相等,是严格相等

Object.assign(obj1,obj2)

拷贝属性,浅拷贝。继承属性及不可枚举的属性不可拷贝

 

转载于:https://www.cnblogs.com/Tanqurey/p/10589945.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/275532.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

linux网卡固件名,修改CentOS7网卡名称为传统名称eth0格式

使用CentOS7以前系统的小伙伴装完CentOS7以后发现了一个问题,那就是网卡名改变为了“en016777736”,而不是以前的eth0的简易模式了,如图:以往的CentOS7以前的系统网卡命名虽然简单方便,但也会带来一些问题,…

Baymard Institute:基于UX的最佳实践的光荣的,循证的工具

重点 (Top highlight)I realized I wanted to write this piece when I mentioned the Baymard Institute to a User Researcher with 10 years of experience and they had no idea what I was talking about. They aren’t alone! I’ve gotten plenty of raised eyebrows on…

Vue 3.2 发布了,那尤雨溪是怎么发布 Vue.js 的?

1. 前言大家好,我是若川。最近组织了源码共读活动,感兴趣的可以加我微信 ruochuan12,长期交流学习。之前写的《学习源码整体架构系列》 包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4十篇源码文章。…

wireshark使用教程 linux,Linux入门教程:ubuntu下安装wireshark(以及配置非root),这个强大的工具可以捕...

Linux入门教程:ubuntu下安装wireshark(以及配置非root),这个强大的工具可以捕Wireshark是世界上最流行的网络分析工具。这个强大的工具可以捕捉网络中的数据,并为用户提供关于网络和上层协议的各种信息。与很多其他网络工具一样,Wireshark也使用pcap net…

IronPython和C#执行速度对比

其实我自己对执行速度这个问题本来并没有什么兴趣,因为以前的经验告诉我:除非是运算密集型的程序,否则脚本语言和编译型语言使用起来速度没有多大差别。但是我们公司有个人知道我的想法以后,天天在我耳边嚷嚷脚本运行速度太慢&…

基于超级账本Fabric的供应链跟踪解决方案【开源】

2019独角兽企业重金招聘Python工程师标准>>> 本项目为基于Hyperledger Fabric区块链的供应链资产跟踪解决方案,项目主要包括链码和Web应用两部分。Fabric链码采用GOLANG开发,负责维护资产的状态,后台为采用Node.js开发的Web应用&a…

同理心案例及故事分享_神经形态,视觉可及性和同理心

同理心案例及故事分享“A good UX designer has empathy”.“优秀的UX设计人员具有同理心”。 This is something every UX designer has heard at some point in their career. Empathy helps us get into the mindset of the user and build solutions that solve real probl…

纯CSS实现beautiful按钮

大家好,我是若川。邀你进源码共读群学习交流。今天分享一篇好文。可收藏~近期工作中遇到一个需求——实现一些酷炫的按钮,看到效果图之后,按钮确实漂亮,有弹跳、颜色渐变、扫光、霓虹灯,瞬间激起了我的好奇…

linux的内核有多小,Linux 内核有小bug?

今天读着读着Linux代码,竟然无意中发现Linux 0.11内核有个小bug,呵呵,人非圣贤孰能无过。// 在目录项数据块中搜索匹配指定文件名的目录项,首先让de 指向数据块,并在不超过目录中目录项数// 的条件下,循环执…

菜单窗口_菜单

菜单窗口The Hamburger Menu widget is on every other site nowadays. It has become synonymous with the web and, perhaps even more so, with web development. Have, for instance, a look at Dribbble or Codepen. There you’ll find a fair share of examples. They c…

怎么在PDF上修改文字,PDF修改文字的步骤

怎么在PDF文件上修改文字呢?其实现在的很多的PDF文件上会出现文字错误的情况,想要修改PDF文件上面的文字却不知道怎么修改,想要修改PDF文件还是比较简单的,使用专业的PDF编辑器就可以进行操作了,下面小编就为大家分享一…

读完 Vue 发布源码,小姐姐回答了 leader 的提问,并优化了项目发布流程~

大家好,我是若川。这是 源码共读 第三期活动,纪年小姐姐的第三次投稿。纪年小姐姐学习完优化了自己的项目发布流程,而且回答了leader对她的提问,来看看她的思考和实践。第三期是 Vue 3.2 发布了,那尤雨溪是怎么发布 Vu…

小程序 富文本自适应屏幕_自适应文本:跨屏幕尺寸构建可读文本

小程序 富文本自适应屏幕Many of you may already know about responsive web design. Cited from Wikipedia, responsive web design (RWD) is an approach to web design that makes web pages render well on a variety of devices and windows or screen sizes. The respon…

Vue、React 之间如何实现代码移植?

大家好,我是若川。面对前端最火的两个框架,学 React 还是 Vue ?这可能是每个前端人都曾纠结过的问题。不过,现在你不用纠结了——因为很多公司都是两个框架都有大量的应用,取决于不同团队的技术选型,特别是…

linux mariadb 乱码,配置mariadb远程访问权限,解决数据库乱码问题

配置mariadb远程访问权限:1)登录数据库:# mysql -uroot -p2)配置授权数据库用户远程访问权限,%表示所有远程IP,也可以指定IP。WITH GRANT OPTION表示mysql数据库的grant表中重新加载权限数据:GRANT ALL PRIVILEGES ON *.* TO 用户…

平面设计师和ui设计师_游戏设计师的平面设计

平面设计师和ui设计师Design is a very ancient practice, but graphic design really found its core principles post World War One. Games are also very ancient but video games are still finding their feet. I think graphic design has a few things to teach people…

java合成海报的工具类

2019独角兽企业重金招聘Python工程师标准>>> package io.renren.common.utils;import cn.hutool.core.lang.Console; import io.renren.modules.oss.cloud.OSSFactory;import javax.imageio.ImageIO; import javax.imageio.stream.ImageOutputStream; import java.a…

a说b说谎b说c说谎说d说_说谎的眼睛及其同伙

a说b说谎b说c说谎说d说The eye is a complex and temperamental organ. By the end of this article, designers will have a better understanding of how the eye works with the brain, how it deconstructs images that the brain stitches back up again, and how the two…

一名运营,自学一年前端,成功入职杭州某独角兽企业,他的面试经验和学习方法等分享...

大家好,我是若川。这是我的微信群里小伙伴年年 的投稿。他是19年毕业,之前做的是运营相关的工作,在我的交流群里非常活跃,自学一年前端,目前成功转行入职杭州一家独角兽企业。相信他的文章能带给大家一些启发和激励。0…

百度指数可视化_可视化指数

百度指数可视化Abstract:– Analysis of the visual representations of exponentials.– Proposals to solve current visualization issues.– Call to discussion to come up with a better visual representation convention.抽象: –分析指数的视觉表示形式。…