ES6新增的一些特性

1、let关键字,用来代替 var的关键字,特点: 1、变量不允许被重复定义 2、不会进行变量声明提升 3、保留块级作用域中i的

2、const定义常量,特点:1、常量值不允许被改变 2、不会进行变量声明提升

3、箭头函数

  与普通函数的区别:1、书写上用=>代替了function

         2、普通函数的this指向window 而ES6箭头函数里面的this指向定义时的那个对象 而不是运行时的那个对象

1//普通函数var test = function(x){ 2return x+2; 3} 4使用箭头函数: 5var test = x=>x+2;

4、字符串模板``

ES6中允许使用反引号 ` 来创建字符串,此种方法创建的字符串里面可以包含由美元符号加花括号包裹的变量${vraible}。看一下实例就会明白了:

1//产生一个随机数 2let num = Math.random(); 3//将这个数字输出到console 4console.log(`your num is ${num}`);

5、ES6中字符串和数组新增了那些方法

1字符串 21、字符串模板 32、includes 43、startswith 54、endsWith 等 6数组 71、Array.of //将一组数值转化为数组 8 92、Array.from 等 将伪数组转为数组: var list = Array.from(document.getElementsByTagName("li"));

6、第七种数据类型Symbol

1var s1 = Symbol(); 2var s2 = Symbol(); 3var s3 = Symbol("abc"); 4var s4 = Symbol("abc") 5s1不等于s2 s3不等于s4 6Symbol函数会生成一个唯一的值 7可以理解为Symbol类型跟字符串是接近的 8但每次生成唯一的值,也就是每次都不相等,至于它等于多少,并不重要 9这对于一些字典变量,比较有用

7、ES6中set集合和Map集合

1set: 2  set是ES6提供的一种新的数据结构,类似于数组,但是成员的值是唯一的没有重复的,接受的参数是一个数组方法有: 3  add():添加 4  delete():删除 5  size:长度 6  has():查找 7  clear:清除所有 8map: 9  map类似于对象,也是键值对的集合, 但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键方法有: 10  set():设置 11  get():获取 12  delete():删除 13  has():查找 14  clear():清除所有

8、Promise规范

11、什么是promise? 2  异步操作的同步代码 32、promise的基本使用 4  通过new promise创建一个promise对象,里面有一个参数,参数是一个回调函数,回调函数中有2个参数,resolve,reject resolve()当 5  异步执行成功的时候调用的方法,reject()当异步失败的时候调用的方法。 6  除此之外promise有一个then方法,当成功的时候执行第一个回调函数,当失败的时候执行第二个回调函数。第二个回调函数也可以通过 7  promise对象.catch调用 83、Promise.all():当所有的异步代码都执行完毕以后才会执行.then中的操作 94、Promise.race():只要有一个promise执行完毕后就会执行.then操作5、如何实现多个异步同步执行var p1 = new Promise(function(resolve,reject){   setTimeout(function(){     console.log('1');      resolve()   },3000) }) function p2(){   return new Promise(function(resolve,reject){     setTimeout(function(){       console.log("2");       resolve();     },2000)    }) } function p3(){   return new Promise(function(resolve,reject){     setTimeout(function(){       console.log("3");        resolve();     },1000)   }) } function p4(){   return new Promise(function(resolve,reject){      setTimeout(function(){         console.log("4");         resolve();       },500)   }) } p1.then(function(){   return p2() }) .then(function(){   return p3(); }) .then(function(){   return p4(); })

9、类的支持

  ES6中添加了对类的支持,引入了class关键字。JS本身就是面向对象,ES6中提供的类实际上只是JS原型模式包装。现在有了class,对象的创建,继承更直观,父类方法的调用,实例化,静态方法和构造函数更加形象化。 

1以前编写一个构造函数(类) 2function Pad(color){ 3this.color = color; 4} 5现在的写法跟Java更接近了 6class Iphone{ 7constructor(color, size){ 8this.color = color; 9this.size = size; 10} 11playgame(){ 12//............. 13} 14toString(){ 15return `这台手机的颜色是${this.color} 屏幕大小是${this.size}`; 16} 17} 18我们定义了一个类,名字叫Iphone 19通过类生成一个实例: 20var iphone = new Iphone("白色", 5);其中constructor被称之为构造方法,在我们new 一个对象的时候,自动被调用不过本质上,JS依然使用了原型来实现,也就是说,这不过是一个新的写法而已 跟以前的构造函数没有区别。要注意的是,使用了class来定义类,必须先定义再使用
点赞
收藏

评论区

加载中...

相关推荐

MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1

文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s

Oracle 分组与拼接字符串同时使用

SELECTT.,ROWNUMIDFROM(SELECTT.EMPLID,T.NAME,T.BU,T.REALDEPART,T.FORMATDATE,SUM(T.S0)S0,MAX(UPDATETIME)CREATETIME,LISTAGG(TOCHAR(

皕杰报表之UUID

​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid()或uuid(sep)参数说明:sep布尔值,生成的uuid中是否包含分隔符'',缺省为

手写Java HashMap源码

HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程HashMap的使用教程22

面试问题总结(持续更新中。。。)

1.letconstvar的区别在JavaScript中,有三个关键字可用于声明一个变量,并且每个关键字都有其不同之处。分别var,let和const。一个简单粗暴的解释:使用const关键字声明的变量不能被重新赋值,let而且var可以。也可以这么说:const只可以声明一个常量(js中一旦被定义就无法再被修改的变量,称之为常量)。eg:

ES6新增内容(部分)

ES6新增内容(部分)一、两个声明变量的方法let、constlet:不能重复声明、有暂时性死区,不能提前访问、{}块级作用域。const:声明常量、声明之后不能被修改。二、箭头函数语法:(参数){表达式}箭头函数中this没有固定指向,一般指向宿主对象。

ES6新增的一些特性 - HelloWorld