一、iterator和for-of循环

在js里有数组和对象,es6又新出现了set和map这样js就有了四种数据集合,这样可以组合使用他们,比如数组里拥有对象,set等,这样就需要一个统一的

接口机制来处理不同的数据结构,iterator就是这样的接口,它为不同的数据结构提供统一的访问机制,任何数据结构只要部署iterator接口就可以遍历操作

他们,并且iterator接口主要供for...of遍历

//iterator接口

const arr = [1,2];

function iterator(arr){
let index = 0;
return{
next:function(){
return index < arr.length ? {value:arr[index++],done:false}:
{value:undefined,done:true}
}
}
} const it = iterator(arr);
console.log(it.next());//{value:1,done:false}
console.log(it.next());//{value:2,done:false}
console.log(it.next());//{value:undefined,done:true}

二、class类的使用

es6添加了class,使ECMAScript语法更偏向于后台语言

class Cher{
constructor(a,b){
this.a = a;
this.b = b;
return this;
}
chun(){
console.log(this.a +'===='+ this.b);
}
} const cher = new Cher('111','222');
cher.chun(); //111====222

在这里面,constructor方法是构造方法,一个类里必须要有constructor,如果没有,它会默认添加一个空的constructor,this代表着实例对象,里面还有一个chun方法,前面是不需要加function关键字的,方法之间是不需要逗号隔开,否则会报错,创建实例对象的时候是和es5一样的,必须要加new,否则也是会报错的

三、内置对象的扩展

1、字符串的扩展

字符串添加了一个模板字符串(超级字符串),那就是反引号,并且换行的时候不在需要繁琐的加号连接,而且在字符串里有变量的时候也不需要加号连接,只需要使用

${}操作就可以了

//html代码
<p></p> //js代码
let str = 'o'; document.getElementsByTagName('p')[0].innerHTML = `hell${str},world!!!` //hello,world!!!

并且还添加了一些字符串的方法:

repeat:对字符串进行重复的操作

let str1 = '1';
let str2 = str1.repeat(5);
console.log(str2); //

includes()、startWith()、endWith()分别是查看是否含有某个字符串,字符串里的开始部分是否含有某个字符串,字符串的结尾部分是否含有某个字符串,他们返回的是一个布尔值

2、数组的扩展

Array.from():把类数组变成数组

类数组最常见的就是js选择一组元素标签

let aP = document.getElementsByTagName('p');
console.log(Array.isArray(aP)); //false
let ap = Array.from(aP);
console.log(Array.isArray(ap)); //true

Array.of():创造一个数组

const arr = Array.of(a);
console.log(arr) //[a]

fill():数组填充,第一个参数是填充的字符串,也可以有第二个参数是从什么位置开始填充(可以没有第二个参数)

const arr = ['a','b','c'];
arr.fill('abc');
console.log(arr) //['abc','abc','abc']

find()、findIndex() : 对数组进行赛选

const arr = [1,2,3,4,5];

let arr1 = arr.find(function(a){
return a > 3;
})
console.log(arr1); //4,5如果没有找到符合条件的值就返回-1
//findIndex()他返回的是下标,没有找到的话返回undefined

3、对象的扩展

对象的简洁表示法

如果对象的属性和值一样的话可以写成let obj = {a};函数的话可以写成handler(){...};

Object.assign():对象的合并。将一个对象里的所有可以枚举的属性,复制到另一个对象

let obj1 = {x:1};
let obj2 = {y:1};
Object.assign(obj1,obj2);
console.log(obj1); //{x:1,y:1}

Object.is()看俩个值是否一样,返回布尔值

console.log(Object.is(1,1));  //true
console.log(Object.is(Infinity,-Infinity)) //false
console.log(Object.is(NaN,NaN)); //true
console.log(Object.is(-0,+0)); //false

四、函数的扩展

1、函数的参数指定默认值

function handler(x,y = 1){  //y设置了一个默认值1
console.log(x + y);
}
handler(3); //

2、rest参数

rest参数的形式是"...变量名",获取函数多余的参数,这样就不需要arguments对象了,rest参数搭配的变量是一个数组,该变量将多余的参数放入数组里

function hander(...arr) { //可以在arr前面加参数,但是后面不可以加参数
var sum = 0;
for(var i=0;i<arr.length;i++){
sum += arr[i];
}
console.log(sum);
} hander(1,2,3) //

3、箭头函数

const hander2 = function (x) { //普通函数
return x;
} const hander1 = x => x; //箭头函数 console.log(hander1(1))
console.log(hander2(1))
//俩函数是一样的

箭头函数里没有自己的this对象,使用的时候,里面的this就是定义环境的对象,而不是使用时的对象

箭头函数里没有arguments对象,可以有rest

箭头函数不可以用作构造函数,不可以使用new操作,否则会报错

箭头函数不能用作Generator函数

ES6的小知识(后半部分)的更多相关文章

  1. 3星|《腾讯产业森林:AI时代的创业密码》:后半部分是较详细的创业指南,前面泛泛介绍腾讯、AI

    腾讯产业森林:AI时代的创业密码 前半部分泛泛介绍腾讯对创业者的支持,腾讯支持的创业项目的案例.AI的一些基本介绍,后半部分是比较详细的写给创业者的各阶段行动与选择的指南. 总体评价3星,有一些参考价 ...

  2. es6 一些小知识

    本人最近被es6感兴趣了,学习一些,以下就是自己总结的一些小知识 1.当你在百度输入"es6"关键字,点击进入es6入门,首先你需要知道怎样学习的顺序,先看第21章Module语法 ...

  3. ES6的小知识(前半部分)

    一.let与const的使用 let:用来声明一个变量,与var类似 1.用let声明的变量,所声明的变量只在命令所在的代码块内有效 function hander(){ let a = 10; co ...

  4. 后半部分样式和JS前半部分脚本语言

    样式 剩余样式: 1.<div style=display:"none"></div>:nono 是隐藏该元素内容,block是显示该元素内容 2.< ...

  5. C++PRIMER第二章前半部分答案

    C++PRIMER第二章前半部分答案 哈哈哈,为什么是前半部分呢,后半部分还在学习中,重新系统性的学习c++,共同进步嘛,不多说,跟我一起来看看吧,第三章开始才是新手收割的时候,慢慢来~~ 2.1&a ...

  6. Unicode和汉字编码小知识

    Unicode和汉字编码小知识 将汉字进行UNICODE编码,如:“王”编码后就成了“\王”,UNICODE字符以\u开始,后面有4个数字或者字母,所有字符都是16进制的数字,每两位表示的256以内的 ...

  7. 12个你未必知道的CSS小知识

    虽然CSS并不是一种很复杂的技术,但就算你是一个使用CSS多年的高手,仍然会有很多CSS用法/属性/属性值你从来没使用过,甚至从来没听说过. 1.CSS的color属性并非只能用于文本显示 对于CSS ...

  8. 【C#小知识】C#中一些易混淆概念总结(二)--------构造函数,this关键字,部分类,枚举 分类: C# 2014-02-03 01:24 1576人阅读 评论(0) 收藏

    目录: [C#小知识]C#中一些易混淆概念总结--------数据类型存储位置,方法调用,out和ref参数的使用 继上篇对一些C#概念问题进行细节的剖析以后,收获颇多.以前,读书的时候,一句话一掠而 ...

  9. Django 2.0.7 使用小知识

    Django 2.0.3 使用小知识 运行环境: Python 3.6.4 Django 2.0.7 Django Admin中model显示为中文 定义model时,定义一个Meta对象,设置需要显 ...

随机推荐

  1. stm32f769ni-discovery编译例程需要修改

    找不到cmsis_os.h: 方法:在pack文件夹下找cmsis_os.h文件,有四个,选RTOS2文件夹下的. 原因:cmsis_os2.h是新版本,cmsis_os.h封装了cmsis_os2. ...

  2. 页面初始化document.body.clientWidth大小变化

    目前:原因不明 初步判断:设置字体大小前图片加载失败! 结果:等待验证

  3. [daily] fedora用过光盘做dnf repo

    有时候上不了网,或者你在一个网络下行受限的鬼地方上班.可是你需要给你的server装一个包. 这个时候,不妨用一下安装盘吧! 如下: 与redhat下用yum的时候,是一样一样的. 步骤如下: 1,插 ...

  4. 部署WEB项目到服务器(四)部署WEB项目Forum到linux服务器(Ubuntu)详解

    突发奇想,想在自己电脑上部署一个web网站. 1,使用Navicat for MYSQL客户端创建WEB项目数据库: Navicat for MYSQL连接虚拟机中的mysql数据库 启动mysql数 ...

  5. 最全的MonkeyRunner自动化测试从入门到精通(4)

    Android Sdk环境变量配置步骤一:我们进行再eclipse中下载sdk来进行使用. 在安装ADT插件完成之后,在eclipse的菜单界面会多一个ADT的管理器,如下图,点击进入到安卓API安装 ...

  6. python摸爬滚打之day022----模块(序列化操作)

    1.pickle 可以将我们python中的任意数据类型转化成bytes并写入到文件中.  同样也可以把文件中写好的bytes转换回我们python的数据. pickle可以直接序列化对象. clas ...

  7. 【学习笔记】Tensorflow+Inception-v3训练自己的数据

    导读 喵喵的,一个大坑.本文分为吐槽和干货两部分. 一.吐槽 大周末的,被导师扣下加班,嗨气,谁叫本狗子太弱鸡呢,看起来很简单的任务倒腾了两天还没完,不扣你扣谁? 自己刚接到微调Inception-v ...

  8. std::bind学习

    std::bind bind是对C++98标准中函数适配器bind1st/bind2nd的泛化和增强,可以适配任意的可调用对象,包括函数指针.函数引用.成员函数指针和函数对象. bind接受的第一个参 ...

  9. day09 python之函数进阶

    楔子 假如有一个函数,实现返回两个数中的较大值: def my_max(x,y): m = x if x>y else y return mbigger = my_max(10,20)print ...

  10. Python- 解决PIP下载安装速度慢

    让PIP源使用国内镜像,提升下载速度和安装成功率. 国外的源下载速度太慢,而且经常出现下载后安装出错问题.把PIP安装源替换成国内镜像,可以大幅提升下载速度,还可以提高安装成功率. 国内源: 新版ub ...