随笔分类 - javascript深入学习
士别三日当刮目相看
摘要：map map作为es6新加的一种键值对类型结构，更对象比起来有很多的优化。比如： 对象只能以string或者symbol类型作为键，map可以是任何类型，甚至是对象。 对象上面有一些默认的键，map默认情况下不包含任何键，所有键都是自己添加进去的。 map的键值对个数可以轻易通过size属性获取，
阅读全文
摘要：作用 作用是改变this的指向 var name = 'windows' function foo() { console.log(this, this.name); } foo() // windows, windows 区别 apply使用 apply接受两个参数，第一个是this指向的对象，第
阅读全文
摘要：for...of是es6的新属性，允许遍历带有iterator接口的对象并返回各项的键值，for...in是es3的新属性，区别如下 for...of遍历的是对象的键值，for...in遍历获取的是对象的键名 for...in会遍历对象的整个原型链，性能差不推荐，for...of只遍历当前对象 关于
阅读全文
摘要：true/false和数字类型进行==的时候，只有0，1能转换成true/false，其余的都是返回都是false。 原因是因为：boolean == number 会将boolean值转换为number console.log(true == 1) // true console.log(fals
阅读全文
摘要：async/await是用来解决异步的，常用的解决异步方法是用Promise，如下： function foo() { return new Promise((resolve) => { setTimeout(() => { resolve(1) }, 2000) }) } foo().then(r
阅读全文
摘要：const obj = {name: 'sifan', age: 22} object.keys(obj) // 获取可枚举属性 Object.keys(obj) // ['name', 'age'] Object.values(obj) // 获取可枚举值 Object.values(obj) /
阅读全文
摘要：记录常用数组方法 const arr = [1, 2, 3] 会改变原数组的 push 向数组尾部添加新元素并返回添加后的长度 arr.push(4) // [1, 2, 3, 4] 4 pop 从数组尾部删除一个并返回删除的元素 arr.pop() // [1, 2] 3 unshift 从数组头
阅读全文
摘要：Ossign详解 最近在项目上学到了一个新方法-Object.ossign()，这个方法用于将所有可枚举属性从一个或多个源对象复制到目标对象，然后返回目标对象。 const obj1 = {name: 'sifan'}; const obj2 = {age: 22}; const obj3 = {d
阅读全文
摘要：####let和const命令 let和const有块级作用域，还有暂时性死区，即在声明之前不能调用。 ####变量的解构赋值 数组的解构赋值：let [a, b, c] = [1, 2, 3] 对象的解构赋值：let { name, age } = { name: "sifan", age: 20
阅读全文
摘要：今天把事件捕获和事件冒泡彻底搞懂了。来记录一下。 当你监听一个事件的触发的时候，它会经历三个状态，第一个是捕获阶段，第二个是目标节点，第三个是冒泡阶段，画个图来表示一下。 当我们触发某个DOM的监听事件的时候，捕获阶段会从外向内找到这个DOM节点，一般会在冒泡阶段执行监听事件。也就是说，当我们有如下
阅读全文
摘要：本人明说，迭代器和生成器看了至少有好几个版本的书了，但是感觉都挺那啥的（晦涩难懂）。然后为了加深我自己对迭代器和生成器的了解和认知，决定写这么一篇博客，望各位砥砺前行。 ###生成器 生成器，我的理解就是一个带有的函数，比如**function generator() {}，或者function *
阅读全文
摘要：[丁大爷的博客](https://dingshiyi.top./detail/77#_102)
阅读全文
摘要：###前言 靓仔，你知道JavaScript的内置类型有几种吗？ 你晓得如何正确安全地使用类型间强制转换吗？ 对于JavaScript语法/句法中的微妙细节，你的熟悉程度又如何呢？ ###类型 首先要了解JavaScript的内置类型有如下几种： null undefined boolean num
阅读全文
摘要：###前言 嘿，骚年，你是否还在使用JavaScript的"伪"类应付了事，而没有使用更简洁的"行为委托"设计模式？你是否听说连接到其他对象的对象？ 如果都没有，那就接着往下看吧。 ###属性描述符 首先来了解一点准备知识，什么是属性描述符呢？即writable(可写)、enumerable(可枚举
阅读全文
摘要：###前言 日常灵魂拷问，你能复述this绑定的四条基本原则吗？ ###this绑定规则 你是否常常因为不知道怎么判断this绑定到谁身上而懊悔；你是否常常因为this的调用出错而无语；你是否常常因为this的各种骚操作而不知所措。 只要你看了这篇文章，上面的问题都能迎刃而解。 ####默认绑定 最
阅读全文
摘要：###前言 首先，问一下自己： 你知道javascript的词法作用域是基于编译器语义而不是解析器的吗？ 你能理解词法作用域和作为值得函数这两者得直接结果之一就是闭包吗？ 假如你都不知道，看完这个，应该就略知一二（精通好吧）了。 ###作用域 作用域就是负责收集并维护由所有声明的变量组成的一系列查询
阅读全文
