迭代器（Iterator） ES5实现迭代器 迭代器是什么？遇到这种新的概念，莫慌张。 迭代器是一种特殊对象，每一个迭代器对象都有一个next()，该方法返回一个对象，包括value和done属性。 ES5实现迭代器的代码如下： //实现一个返回迭代器对象的函数，注意该函数不是迭代器，返回结果才叫做迭代器。 function createIterator(items) { var i = 0; return { next() { var done = (i >= items.length); // 判断i是否小于遍历的对象长度。 var value = !done ? items[i++ …
Map和Set都叫做集合，但是他们也有所不同。Set常被用来检查对象中是否存在某个键名，Map集合常被用来获取已存的信息。 Set Set是有序列表，含有相互独立的非重复值。 创建Set 既然我们现在不知道Set长什么样，有什么价值，那么何不创建一个Set集合看看呢？ 创建一个Set集合，你可以这样做： let set = new Set(); console.log(set); //在浏览器控制台的输出结果 Set(0) {} size:(…) __proto__:Set [[Entries]]:Array(0) length:0 看起来像个对象，那么现在我们在控制台打印一个对象，对比一 …
ES5对象属性名都是字符串容易造成属性名的冲突。 var a = { name: ‘lucy’}; a.name = ‘lili’; //这样就会重写属性 ES6引入了一种新的原始数据类型Symbol，表示独一无二的值。 原始数据类型 学习Symbol之前，让我们回忆一下你曾经用过的原始数据类型，只有5个，别搞错了。 null、undefined 是不是面试的时候有人问过你这两者的区别？问这种问题的人很无聊，你要是和他当同事，真是受罪。 答: undefined与null的区别 Number 数字类型 const a = 10 typeof a // number String 字符串 con …
解构，一种黑魔法 解构是从对象中提取出更小元素的过程。赋值是对解构出来的元素进行重新赋值。 下面的代码你可能无法在浏览器上实时测试，推荐在babel官网在线测试代码：Try It Out 解构的分类 1、对象解构 2、数组解构 3、混合解构 4、解构参数 对象解构 对象解构简单的例子 let obj = { a: 1, b: [1, 2] } // 对象解构 const { a, b } = obj console.log(a, b) //1 [1, 2] 在函数中使用解构赋值 解构是将对象或者数组的元素一个个提取出来，而赋值是给元素赋值，解构赋值的作用就是给对象或者数组的元素赋值。 在调用t …
对象类别 在ES6中，对象分为下面几种叫法。（不需要知道概念） 1、普通对象 2、特异对象 3、标准对象 4、内建对象 对象字面量语法拓展 随便打开一个js文件，对象都无处不在，看一个简单的对象。 { a: 1 } ES6针对对象的语法扩展了功能 1、属性初始值简写 //ES5 function a(id) { return { id: id }; }; //ES6 const a = (id) => ({ id }) 更多说明:?https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Obj …
函数的默认参数 在ES5中，我们给函数传参数，然后在函数体内设置默认值，如下面这种方式。 function a(num, callback) { num = num || 6 callback = callback || function (data) {console.log(‘ES5: ‘, data)} callback(num * num) } a() //ES5: 36，不传参输出默认值 //你还可以这样使用callback a(10, function(data) { console.log(data * 10) // 1000， 传参输出新数值 }) 而在ES6中，我们使用新的默 …
本章主要讲2个知识点，字符串、正则表达式 字符串 字符串（String）是JavaScript 6大原始数据类型。其他几个分别是Boolean、Null、Undefined、Number、Symbol（es6新增）。 字符串类型在前端开发者，是使用最频繁的类型之一，网站上可见的各种文案，几乎都是字符串类型的数据。我们经常需要使用的操作无非是这么几点：读取字符串、转换字符串、清空字符串、拼接字符串、截取字符串。 在ES5中，字符串类型已经有了非常丰富的应用能力，那么，在ES6中，ECMA的专家们对字符串做了什么更新呢？ 当Unicode引入扩展字符集之后，16位的字符已经不足以满足字符串的发展， …
本章涉及3个知识点，var、let、const，现在让我们了解3个关键字的特性和使用方法。 var JavaScript中，我们通常说的作用域是函数作用域，使用var声明的变量，无论是在代码的哪个地方声明的，都会提升到当前作用域的最顶部，这种行为叫做变量提升（Hoisting） 也就是说，如果在函数内部声明的变量，都会被提升到该函数开头，而在全局声明的变量，就会提升到全局作用域的顶部。 function test() { console.log(‘1: ‘, a) //undefined if (false) { var a = 1 } console.log(‘3: ‘, a) //unde …