c__dreamer的博客

一个充满梦想的世界

JavaScriptES6中Map与对象、数组,JSON之间的相互转换

目录   Map转为数组 数组 转为 Map Map 转为对象 对象转为 Map Map 转为 JSON JSON 转为 Map 主页传送门 Map转为数组 const map = new Map(); map.set(1,"foo").s...

2018-08-29 14:53:18

阅读数 5417

评论数 0

JavaScriptES6Map与WeakMap

目录   Map 含义与用法 实例的属性和操作方法 遍历方法 WeakMap 含义 WeakMap的语法 WeakMap的用途 Map 含义与用法  JavaScript的对象,本质上是键值对的集合(hash结构),但是传统上只能用字符串作为建,这有了很大的限制。 co...

2018-08-29 14:46:44

阅读数 620

评论数 0

JavaScriptES6的Set与WeakSet

目录 Set 基本用法 Set实例的属性和方法 遍历方法及应用 WeakSet 含义 语法 WeakSet结构的三个方法。 Set 基本用法  ES6提供了新的数据结构Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。Set本身是一个构造函数,用来生成Set数据结构...

2018-08-29 14:22:13

阅读数 255

评论数 0

JavaScriptES6内置的Symbol值

除了定义自己使用的Symbol值以外,ES6还提供了11个内置的Symbol值,指向语言内部使用的方法。 目录 Symbol.hasInstance Symbol.isConcatSpreadable Symbol.species Symbol.match Symbol.replace...

2018-08-20 16:47:00

阅读数 278

评论数 0

JavaScriptES6之独一无二的Symbol

目录 作为属性名的Symbol 实例:消除魔术字符串 Symbol类型属性名的遍历 Symbol.for() Symbol.keyFor() Symbol是一个原始数据类型,表示独一无二的值,也就是说Symbol类型的值只要创建就是唯一的。它是JavaScript语言的第七种数据类型,前...

2018-08-20 16:10:48

阅读数 158

评论数 0

JavaScriptES6对象的Object.key, Object.values, Object.entries

目录   Object.key() Object.values() Object.entries() Object.key() 在ES5中,就引入了Object.keys方法,返回一个数组,成员是参数对象自身的(不含继承的)所有可遍历(enumerable)属性的键名。 let o...

2018-08-13 13:13:02

阅读数 3926

评论数 0

JavaScriptES6对象的super关键字

我们知道,this关键字总是指向函数所在的当前对象,ES6又新增了另一个类似的关键字super,指向当前对象的原型对象。 const proto = { foo : "hello", }; const obj = { foo : &...

2018-08-13 12:59:17

阅读数 1184

评论数 0

JavaScriptES6对象的__proto__属性,Object.setPrototypeOf,Object.getPrototypeOf

目录   __proto__属性 Object.setPrototypeOf() Object.getPrototypeOf() __proto__属性 __proto__属性(前后各两个下划线),用来读取或设置当前对象的prototype对象。目前,所有浏览器(包括 IE11)都部署...

2018-08-13 12:52:38

阅读数 84

评论数 0

JavaScriptES6对象的Object.getOwnPropertyDescriptors方法理解

上一个博客提到了Object.getOwnPropertyDescriptor方法会返回某个对象属性的描述对象。ES2017引入了Object.getOwnPropertyDescriptors方法。返回值为对象所有自身属性(非继承属性)的描述对象。 const obj = { a ...

2018-08-12 21:52:35

阅读数 183

评论数 0

JavaScriptES6对象之属性的可枚举性及遍历详解

目录   可枚举性 属性的遍历 可枚举性 对象的每个属性都有一个描述对象,用来控制该属性的行为,Object.getOwnPropertyDescriptor方法可以获取该属性的描述对象。描述对象的enumerable属性,称为可枚举性,如果为true,为可枚举的,如果为false,就表...

2018-08-12 20:25:52

阅读数 1326

评论数 0

JavaScriptES6对象的Object.is和Object.assign方法详解

目录   Object.is() Object.assign() Object.is() ES5比较两个值是否相等,只有两个运算符:相等运算符(===)和严格运算符(===)。他们都有缺点,前者会自动转换数据类型,后者NaN不等于自身,以及 +0 等于-0,JavaScript缺乏一种运...

2018-08-12 14:55:09

阅读数 178

评论数 0

JavaScriptES6对象之属性简洁表达式及属性名表达式

ES6中对象的字面量是发生了翻天覆地的变化,变得非常简便 目录 属性简洁表达式 属性名表达式 方法的name属性 属性简洁表达式 ES6中允许使用变量来作为属性和方法,书写更简便。 const foo = "bar"; const baz = {...

2018-08-12 00:02:50

阅读数 664

评论数 0

JavaScriptES6数组的方法

目录   Array.from() Array.of() 数组实例的copyWithin() 数组实例的find()和findIndex() 数组实例的fill() 数组的实例 entries(),keys()和values() 数组实例的includes() Array.fro...

2018-08-09 15:13:28

阅读数 128

评论数 0

JavaScriptES6数组的扩展运算符详解

ES6中新增了许多数组的方法以及数组的新特性 目录 扩展运算符 扩展运算符的作用 扩展运算符 扩展运算符是三个点,它好比rest参数的逆运算,作用是将一个数组转为用逗号分隔的参数序列。 console.log(...[1,2,3]); //该运算符主要用于函数调用 function...

2018-08-09 14:16:03

阅读数 159

评论数 0

关于跳出while(1)死循环问题

最近也是再看题的时候看到了这个东西。同样也是再写需求中出现的东西。也就是while(1)死循环,有时候我们想让一个while一直循环。到需要的时候跳出循环。这种要怎么办??? 来看一道题: while(1){ switch("a"){ ...

2018-08-07 18:31:33

阅读数 4858

评论数 0

JavaScriptES6函数的尾调用优化

什么是尾调用 尾调用(Tail Call)是函数式编程的一个重要概念,本身非常简单,一句话就能说清楚。就是指某个函数的最后一步是调用另一个函数。 function g(x){ console.log(x); } function f(x){ return g(x); ...

2018-08-06 22:06:07

阅读数 516

评论数 0

JavaScriptES6箭头函数

ES6允许使用箭头(=>)定义函数 var f = v => v; //等同于 var f = function(v){ return v; } 如果箭头函数不需要参数或需要多个参数,就使用一个圆括号代表参数部分。 var f = (...

2018-08-06 21:47:22

阅读数 117

评论数 0

JavaScriptES6函数的扩展

ES6中的函数相当于前面的版本发生了翻天覆地的变化。 目录 函数的默认值 解构赋值与默认值结合使用 参数默认值的位置 函数的length属性 作用域 参数默认值和独立作用域的应用 rest参数 严格模式 name属性 函数的默认值 ES6允许为函数的参数设置默认值,即直接写...

2018-08-06 21:26:27

阅读数 60

评论数 0

JavaScriptES6字符串拓展

JavaScriptES6上新增了很多字符串的方法。 目录 includes() startsWith() endsWith() repeat() padStart()、padEnd() 模板字符串 标签模板 String.raw 在以前版本中也有查找的方法,比如说indexO...

2018-08-06 14:20:37

阅读数 473

评论数 0

JavaScriptES6之解构赋值及其用途

     目录      1.数组的解构赋值  2.对象的解构赋值 3.字符串的解构赋值 4.数值与布尔值的解构赋值 5.函数参数的结构赋值 6.解构赋值中的圆括号问题 7.解构赋值的用途 1.数组的解构赋值         ES6允许按照一定模式,从数组和对象中提取值,对变量进...

2018-08-05 00:43:09

阅读数 330

评论数 0

提示
确定要删除当前文章?
取消 删除