对象属性的遍历
摘要：ES6一共有5种方法可以遍历对象的属性 （1）、for in for ... in 循环遍历对象自身的和继承的可枚举属性 （2）、Object.keys(obj) Object.keys(obj)返回一个数组，包括对象自身的（不含继承的）所有可枚举属性（不含Symbol属性）的键名。 （3）、obj
阅读全文
posted @ 2021-04-27 18:49
随笔分类 - JavaScript
super 关键字
摘要：我们知道，this关键字总是指向函数所在的当前对象。ES6 又新增了另一个类似的关键字 super，指向当前对象的原型对象。 const proto = { foo: 'hello' }; const obj = { foo: 'world', find() { return super.foo;
阅读全文
posted @ 2021-04-27 18:21
扩展运算符 ...
摘要：解构赋值 对象的解构赋值，用于从一个对象取值，相当于将目标对象自身的所有可遍历，但尚未被读取的属性，分配到指定的对象上边。所有的键和它们的值，都会拷贝到新对象上边。 let { x, y, ...z } = { x: 1, y: 2, a: 3, b: 4 }; x // 1 y // 2 z //
阅读全文
posted @ 2021-04-27 17:01
MutationObserver
摘要：mutationObserver接口提供了监视对DOM树所做更改的能力。它被设计为旧的Mutation Events功能的替代品，该功能是DOM3 Events规范的一部分。 构造函数 MutationObserver() 创建并返回一个新的MutationObserver 它会在指定的DOM发生变
阅读全文
posted @ 2021-04-27 13:52
void 0 含义
摘要：编程实务 let a ={ b:"sufeng" } console.log(a?.b) // 等同于 // a == null ? undefined : a.b console.log(a?.["b"]) 编译压缩后，代码被替换为 console.log(a null || a void 0 ?
阅读全文
posted @ 2021-04-26 17:34
链判断运算符
摘要：编程实务中，如果读取对象内部的某个属性，往往需要判断一下该对象是否存在 message = { body:{ user:{ firstName:"sufeng" } } } 第1种写法：（常规） const firstName = message.body.user.firstName; 第2种写法
阅读全文
posted @ 2021-04-26 16:36
map( ) 方法
摘要：Array.prototype.map( ) map( ) 方法创建一个新数组，其结果是该数组中的每个元素调用一次提供的函数后的返回值 语法： var new_array = arr.map(function callback(currentValue[, index[, array]]) { //
阅读全文
posted @ 2021-04-20 10:35
字符
摘要：字符 ES 对Unicode的支持允许采用\uxxxx形式表示一个字符，其中xxxx表示字符的Unicode码点，这种表示方法，码点在 \u0000~uFFFF 之间，超出这个范围的字符，需要用双字节的形式表示。 字符方法： String.fromCodePoint 用于从Unicode码点返回对应
阅读全文
posted @ 2021-04-19 18:53
splice( ) 方法
摘要：splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。 注释：该方法会改变原始数组。 arrayObject.splice(index,howmany,item1,.....,itemX) index 必需。整数，规定添加/删除项目的位置，使用负数可从数组结尾处规定位置。 howm
阅读全文
posted @ 2021-04-19 18:00
substr() 方法
摘要：substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。 stringObject.substr(start,length) 一个新的字符串，包含从 stringObject 的 start（包括 start 所指的字符） 处开始的 length 个字符。如果没有指定 len
阅读全文
posted @ 2021-04-19 17:45
substring 方法
摘要：substring() 方法 用于提取字符串中介于两个指定下标之间的字符。 stringObject.substring(start,stop) 该函数返回一个新的字符串，该字符串值包含 stringObject 的一个子字符串，其内容是从 start 处到 stop-1 处的所有字符，其长度为 s
阅读全文
posted @ 2021-04-19 17:32
ES 字符串操作
摘要：字符串遍历 字符串遍历接口： 1、for ... of .. (注： 除了遍历字符串，这个遍历器最大的优点是可以识别大于oxFFFF的码点) for (let codePoint of 'sufeng') { console.log(codePoint) } // "s" // "u" // "f"
阅读全文
posted @ 2021-04-19 11:58
slice方法
摘要：slice方法 返回一个新的数组，包含从start到end （不包含该元素）的arr中的元素。 let arr = [1,2,3,4,5,6,7]; let subarr = arr.slice(0,3); console.log(arr.slice(0,3)); // Array(3) [1, 2
阅读全文
posted @ 2021-04-17 18:07
统计字符串中出现的字母
摘要：统计字符串中出现的字母 let str = "aabbabbbcchhddfgh"; let obj = {}; for(var v of str){ if(obj[v]&&obj[v].value == v){ obj[v].count = ++obj[v].count; }else{ obj[v
阅读全文
posted @ 2021-04-15 17:28
JS数据校验
摘要：JS数据校验 module.exports = { error:'', isJSON : function (str){ if (typeof str == 'string') { try { ` · · if(typeof obj == 'object' && obj ){ return true
阅读全文
posted @ 2021-04-15 15:01
递归求1-100之和
摘要：递归求1-100之和 /* *求1-100之和 */ function sum(num1, num2) { var num = num1 + num2; if (num2 + 1 > 100) { return num; } else { return sum(num, num2 + 1) } }
阅读全文
posted @ 2021-04-09 18:00
ES6 Class
摘要：JavaScript语言中，生成实例对象的传统方法是通过构造函数 function Point(x,y){ this.x = x; this.y = y; } Point.prototype.toString = function (){ return '('+this.x + ',' + this
阅读全文
posted @ 2021-04-09 10:13
数组去重
摘要：数组去重 /** * sufeng * 另外开辟一个数组，将原数组中的每个不存在的元素存入到新数组中 */ var sourceArray = [1,2,2,2,3,3,3,4,5,6], testArray = []; for(var i=0;i<sourceArray.length;i++){
阅读全文
posted @ 2021-04-08 15:02
get、post请求
摘要：get、post的区别 1、get传参方式是通过地址栏URL传递，把请求数据在URL通过 “?”和“&”进行参数分割。post传参方式参数URL不可见，存放在HTTP的包体内。 2、get传递数据是通过URL进行传递，对传递的数据是受URL大小的限制，URL最大长度是2048个字节，post没有长度
阅读全文
posted @ 2021-04-08 14:52
对象冒充继承
摘要：对象冒充： 构造原始的ECMAScipt时，根本没打算设计对象冒充（object masquerading）。它是在开发者开始理解函数的工作方式，尤其是如何在函数环境中使用this关键字后才发展出来。 其原理如下：构造函数使用this关键字给所有属性和方法赋值（即采用类声明的构造方式）。因为构造函数
阅读全文
posted @ 2021-04-08 10:47
