随笔分类 - JS方法
摘要：Class 的基本语法 JavaScript 语言中，生成实例对象的传统方法是通过构造函数。下面是一个例子。 1. function Point(x, y) { 2. this.x = x; 3. this.y = y; 4. } 5. 6. Point.prototype.toString = f
阅读全文
摘要：协程 传统的编程语言，早有异步编程的解决方案（其实是多任务的解决方案）。其中有一种叫做”协程”（coroutine），意思是多个线程互相协作，完成异步任务。 第一步，协程 A 开始执行。第二步，协程 A 执行到一半，进入暂停，执行权转移到协程 B 。第三步，（一段时间后）协程 B 交还执行权。第四步
阅读全文
摘要：break (1) 只能在循环体内和switch语句体内使用break语句。 (2) 当break出现在循环体中的switch语句体内时，其作用只是跳出该switch语句体。 (3) 当break出现在循环体中，但并不在switch语句体内时，则在执行break后，跳出本层循环体。 (4) 在循环结
阅读全文
摘要：input text 不显示输入的历史记录 当之前的text框输入了数据后，下次输入有历史记录问题的解决方法 <input name="username" type="text" autocomplete="off"> input的属性autocomplete默认为on其含义代表让浏览器自动记录之前
阅读全文
摘要：1、$.grep()函数 $.grep() 函数使用指定的函数过滤数组中的元素，并返回过滤后的数组。$.grep( array, function [, invert ] ) Array是将被过滤的数组；Function是指定的过滤函数；grep()方法为function提供了两个参数：其一为当前迭
阅读全文
摘要：属性名的遍历 Symbol 作为属性名，遍历对象的时候，该属性不会出现在 for...in 、 for...of 循环中，也不会被 Object.keys() 、 Object.getOwnPropertyNames() 、 JSON.stringify() 返回。 但是，它也不是私有属性，有一个
阅读全文
摘要：作为属性名的 Symbol 由于每一个 Symbol 值都是不相等的，这意味着 Symbol 值可以作为标识符，用于对象的属性名，就能保证不会出现同名的属性。这对于一个对象由多个模块构成的情况非常有用，能防止某一个键被不小心改写或覆盖。 1. let mySymbol = Symbol(); 2.
阅读全文
摘要：Symbol ES6 引入了一种新的原始数据类型 Symbol ，表示独一无二的值。它是 JavaScript 语言的第七种数据类型，前六种是： undefined 、 null 、布尔值（Boolean）、字符串（String）、数值（Number）、对象（Object）。 1. let s =
阅读全文
摘要：Object.keys() ES5 引入了 Object.keys 方法，返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历（enumerable）属性的键名。 1. var obj = { foo: 'bar', baz: 42 }; 2. Object.keys(obj) 3. // [
阅读全文
摘要：Object.getOwnPropertyDescriptors() ES5 的 Object.getOwnPropertyDescriptor() 方法会返回某个对象属性的描述对象（descriptor）。ES2017 引入了 Object.getOwnPropertyDescriptors()
阅读全文
摘要：链判断运算符 ES2020 引入了“链判断运算符”（optional chainingoperator） ?. 1. const firstName = message?.body?.user?.firstName || 'default'; 2. const fooValue = myForm.q
阅读全文
摘要：super 关键字 我们知道， this 关键字总是指向函数所在的当前对象，ES6 又新增了另一个类似的关键字 super ，指向当前对象的原型对象。 1. const proto = { 2. foo: 'hello' 3. }; 4. 5. const obj = { 6. foo: 'worl
阅读全文
摘要：方法的 name 属性 函数的 name 属性，返回函数名。对象方法也是函数，因此也有 name 属性。 1. const person = { 2. sayName() { 3. console.log('hello!'); 4. }, 5. }; 6. 7. person.sayName.nam
阅读全文
摘要：属性的简洁表示法 ES6 允许在大括号里面，直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。 1. const foo = 'bar'; 2. const baz = {foo}; 3. baz // {foo: "bar"} 4. 5. // 等同于 6. const baz = {
阅读全文
摘要：数组实例的 includes() Array.prototype.includes 方法返回一个布尔值，表示某个数组是否包含给定的值，与字符串的 includes 方法类似。ES2016 引入了该方法。 1. [1, 2, 3].includes(2) // true 2. [1, 2, 3].in
阅读全文
摘要：数组实例的 find() 和 findIndex() 数组实例的 find 方法，用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为 true 的成员，然后返回该成员。如果没有符合条件的成员，则返回 undefined 。 1. [1,
阅读全文
摘要：Array.from() Array.from 方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括 ES6 新增的数据结构 Set 和 Map）。 下面是一个类似数组的对象， Array.from 将它转为真正的数组。 1.
阅读全文
摘要：扩展运算符 扩展运算符（spread）是三个点（ ... ）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。 1. console.log(...[1, 2, 3]) 2. // 1 2 3 3. 4. console.log(1, ...[2, 3, 4], 5) 5. //
阅读全文
摘要：函数参数的尾逗号 ES2017 允许函数的最后一个参数有尾逗号（trailing comma）。此前，函数定义和调用时，都不允许最后一个参数后面出现逗号。 1. function clownsEverywhere( 2. param1, 3. param2 4. ) { /* ... */ } 5.
阅读全文
摘要：rest 参数 ES6 引入 rest 参数（形式为 ...变量名 ），用于获取函数的多余参数，这样就不需要使用 arguments 对象了。rest 参数搭配的变量是一个数组，该变量将多余的参数放入数组中。 1. function add(...values) { 2. let sum = 0;
阅读全文
浙公网安备 33010602011771号