随笔分类 - JavaScript
摘要：Js中的位操作符 JavaScript的数字类型为双精度IEEE 754 64位浮点类型，但是在位运算中位运算符用于32位的数字上, 任何的数字操作都将转为32位, 运算结果再转化为Js数字类型。 描述 所有的按位操作符的操作数都会被转成补码形式的有符号32位整数，从概念上讲，按位逻辑操作符按遵守下
阅读全文
摘要：深入理解Js中的this JavaScript作用域为静态作用域static scope，但是在Js中的this却是一个例外，this的指向问题就类似于动态作用域，其并不关心函数和作用域是如何声明以及在何处声明的，只关心它们从何处调用，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才
阅读全文
摘要：Js实用小技巧 这是一份Js实用小技巧，也可以是一份Js挨打小技巧，下面的一系列操作虽然能够在一定程度上使代码更加简洁，但是在缺少注释的情况下会降低可读性，所以需要谨慎使用这些黑魔法。 位元算 取整 console.log(~~(11.11)); // 11 console.log(11.11 >>
阅读全文
摘要：函数式编程的理解 函数式编程是一种编程范式，可以理解为是利用函数把运算过程封装起来，通过组合各种函数来计算结果。函数式编程与命令式编程最大的不同其实在于，函数式编程关心数据的映射，命令式编程关心解决问题的步骤。 描述 到近些年，函数式以其优雅，简单的特点开始重新风靡整个编程界，主流语言在设计的时候无
阅读全文
摘要：Js将字符串转数字的方式 Js字符串转换数字方方式主要有三类：转换函数、强制类型转换、弱类型隐式类型转换，利用这三类转换的方式可以有5种转换的方法。 parseInt() parseInt()和Number.parseInt()是最常用的转换字符串为整数数值的方法，其中Number.parseInt
阅读全文
摘要：Js中的逻辑运算符 JavaScript中有三个逻辑运算符，&&与、||或、!非，虽然他们被称为逻辑运算符，但这些运算符却可以被应用于任意类型的值而不仅仅是布尔值，他们的结果也同样可以是任意类型。 描述 如果一个值可以被转换为true，那么这个值就是所谓的truthy，如果可以被转换为false，那
阅读全文
摘要：Js中Reflect对象 Reflect是ES6起JavaScript内置的对象，提供拦截JavaScript操作的方法，这些方法与Proxy对象的handlers中的方法基本相同。 描述 Reflect并非一个构造函数，所以不能通过new运算符对其进行调用，或者将Reflect对象作为一个函数来调
阅读全文
摘要：Js中Proxy对象 Proxy对象用于定义基本操作的自定义行为，例如属性查找、赋值、枚举、函数调用等。 语法 const proxy = new Proxy(target, handler); target: 要使用Proxy包装的目标对象，可以是任何类型的对象，包括原生数组，函数，甚至另一个代理
阅读全文
摘要：常见的内存泄漏场景 内存泄漏Memory Leak是指程序中已动态分配的堆内存由于疏忽或错误等原因程序未释放或无法释放，造成系统内存的浪费，导致程序运行速度减慢甚至系统崩溃等严重后果。内存泄漏并非指内存在物理上的消失，而是应用程序分配某段内存后，由于设计错误，导致在释放该段内存之前就失去了对该段内存
阅读全文
摘要：Js模块化开发的理解 模块化是一个语言发展的必经之路，其能够帮助开发者拆分和组织代码，随着前端技术的发展，前端编写的代码量也越来越大，就需要对代码有很好的管理，而模块化能够帮助开发者解决命名冲突、管理依赖、提高代码的可读性、代码解耦以及提高代码的复用性。 描述 模块化开发其实就是封装细节，提供使用接
阅读全文
摘要：valueOf与toString valueOf和toString是Object.prototype上的方法，在Js几乎所有的对象都会继承自Object，同样由于包装对象的原因，几乎所有的数据类型都能够调用这两个方法，无法调用的有例如null、undefined以及Object.create(nul
阅读全文
摘要：Js中Symbol对象 ES6引入了一种新的基本数据类型Symbol，表示独一无二的值，最大的用法是用来定义对象的唯一属性名，Symbol()函数会返回symbol类型的值，该类型具有静态属性和静态方法，其静态属性会暴露几个内建的成员对象，它的静态方法会暴露全局的symbol注册，且类似于内建对象类
阅读全文
摘要：Js中Date对象 JavaScript的Date对象是用于处理日期和时间的全局对象，Date对象基于Unix Time Stamp，即自1970年1月1日UTC起经过的毫秒数。 描述 Date()构造函数能够接受四种形式的参数，分别为没有参数、Unix时间戳、时间戳字符串、分别提供日期与时间的每一
阅读全文
摘要：Js中Currying的应用 柯里化Currying是把接受多个参数的函数变换成接受一个单一参数的函数，并且返回接受余下的参数且返回结果的新函数的技术，是函数式编程应用。 描述 如果说函数式编程中有两种操作是必不可少的那无疑就是柯里化Currying和函数组合Compose，柯里化其实就是流水线上的
阅读全文
摘要：Js中Array对象 JavaScript的Array对象是用于构造数组的全局对象，数组是类似于列表的高阶对象。 描述 在JavaScript中通常可以使用Array构造器与字面量的方式创建数组。 console.log(Array(3)); // (3) [empty × 3] console.l
阅读全文
摘要：Js中数组空位问题 JavaScript中数组空位指的是数组中的empty，其表示的是在该位置没有任何值，而且empty是区别于undefined的，同样empty也不属于Js的任何数据类型，并且在JavaScript版本以及各种方法对于空位的处理也有不同，所以建议避免在数组中出现空位。 描述 在J
阅读全文
摘要：Js中Math对象 Math是一个内置对象，它拥有一些数学常数属性和数学函数方法，Math用于Number类型，其不支持BigInt。 描述 Math不是一个函数对象，也就是说Math不是一个构造器，Math的所有属性与方法都是静态的，例如引用圆周率的写法是Math.PI，Math的常量是使用Jav
阅读全文
摘要：Js中Number对象 JavaScript的Number对象是经过封装从而能够处理数字值的对象，Number对象由Number()构造器以及字面量声明的值在转化为包装对象时创建，JavaScript的Number类型为双精度IEEE 754 64位浮点类型。 描述 创建一个数字可以通过字面量的方式
阅读全文
摘要：Js中String对象 String全局对象是一个用于字符串或一个字符序列的构造函数。 描述 创建一个字符串可以通过字面量的方式，通过字面量创建的字符串变量在调用方法的时候能够自动转化为临时的包装对象，从而能够调用其构造函数的原型中的方法，也可以利用String对象生成字符串对象，此外在ES6标准还
阅读全文
摘要：Js中RegExp对象 RegExp对象表示正则表达式，是由普通字符和特殊字符也叫元字符或限定符组成的文字模板，用于对字符串执行模式匹配。 描述 创建一个RegExp对象通常有两种方式，一种是通过字面量创建，一种是通过RegExp对象构造函数创建。 // var regex = /pattern/m
阅读全文