…

普通的object对象是键值对的集合,但对于它的键却有着严苛的要求,必须是字符串,这给我们平时带来很多的不方便 Map函数类似于对象,但它是一个更加完美的简直对集合,键可以是任意类型 set()方法可以向map实例对象中添加一组键值对 let a=new Map(); let key={name:"ww",sex:"man"}; a.set(key,'ABC'); console.log(a)//{{name:"ww",sex:"man…

关于Set()函数 Set是一个构造器,类似于数组,但是元素没有重复的 1.接收数组或者其他iterable接口的数据 用于初始化数据 let a=new Set([1,32,424,22,12,3,2,2,1]); console.log(a)//[ 1, 32, 424, 22, 12, 3, 2 ]  2. ☆实现数组去重 let b=[1,2,3,4,51,51,2,23,2]; let c=new Set(b); b=[...c]; console.log(b);//[ 1, 2, 3…

构造函数就是JavaScript程序定义好的函数,我们直接使用就可以,实际也是一种函数,构造函数专门用于生成定义对象,通过构造函数生成的对象,称为实例化对象 构造函数分为两种,一种是JavaScript程序定义好的构造函数,称为内置构造函数,一种是程序员自己定义的构造函数,称为自定义构造函数 构造函数和普通函数的区别 1,构造函数一定要和关键词new一起使用,new关键词会自动的给构造函数定义一个对象,并且返回这个对象,我们只要对这个对象设定属性,设定方法就可以了 2,构造函数为了和其他函数区别…

React与ES6系列: React与ES6(一)开篇介绍 React和ES6(二)ES6的类和ES7的property initializer React与ES6(三)ES6类和方法绑定 React与ES6(四)ES6如何处理React mixins 前一篇的内容太简单了,会不会很失望.这次就来一个接近实际应用的例子,对应的React的组件也会更加复杂.这次开发一个购物车的页面.在这个页面中你会看到某个产品的信息,比如:图片.名称和价格.另外,一个用户可以增加和减少该商品的数量. 创建cart…

前面的话 正则表达式是javascript操作字符串的一个重要组成部分,但在以往的版本中并未有太多改变.然而,在ES6中,随着字符串操作的变更, ES6也对正则表达式进行了一些更新.本文将详细介绍ES6正则表达式扩展 构造函数 在 ES5 中,RegExp构造函数的参数有两种情况. 第一种情况是,参数是字符串,这时第二个参数表示正则表达式的修饰符(flag) var regex = new RegExp('xyz', 'i'); // 等价于 var regex = /xyz/i; 第二种情况是…

let和const命令 let命令 循环体的let变量只对花括号作用域可见,花括号外不可见 循环体的语句部分是一个父作用域,而循环体内部是一个单独的子作用域 let声明的变量不存在变量提升,未声明的使用会报错 只要块级作用域内存在let声明,它所声明的变量就绑定了这个区域,不再受外部的影响 let不允许在相同的作用域重复声明同一个变量,子父级作用域可以同名变量声明 const命令 const常量的值一旦声明就不得改变 const一旦声明变量,就必须立即初始化,不能留到以后赋值 const的作用域…

今天在学习redux-saga时,外部链接推荐了这篇文章ES6 generators in depth,所以翻译的同时也可以加深一下对Generator的理解. 这里对原文一些只能在高版本现代浏览器使用的API进行了替换. 1. 概述 Generator有两个很重要的应用: 实现迭代器 在异步调用后阻塞 1.1 借助generator实现迭代器 下面的函数将返回一个可以遍历一个对象属性的迭代器,每个属性对应一个[key, value]对: function* objectEntries(obj)…

存在的差异:1. 私有数据继承差异 es5:执行父级构造函数并且将this指向子级 es6:在构造函数内部执行super方法,系统会自动执行父级,并将this指向子级2. 共有数据(原型链方法)继承的差异 es5:子级原型链上的赋值,继承父级原型链上数据 es6:extend 父级,会自动将父级原型链上的数据给子级3. 原型链上的共有数据是否可枚举for in es5:可以枚举 es6:不可枚举4. 构造函数的指向 es5:需要改变constructor的指向 es6:不需要改5. 静态方法的写…

Class Class 只是一个语法糖,其功能用es5也能实现,但是比es5更符合类的期待 定义: constructor代表构造方法,而this指向new 生成的实例 定义类方法时,可以不使用function 注意:类的内部所有定义的方法,都是不可枚举的(non-enumerable). //定义类 class Point { constructor(x, y) { this.x = x; this.y = y; } toString() { return '(' + this.x + ',…