JavaScript Snippets

JavaScript Snippets for MDN and Lib

icon

Snippets

Array

Snippet prefix	Specification	Description
Array.prototype.at	Stage 4 Draft / January 24, 2022	at()方法接收一个整数值并返回该索引的项目，允许正数和负数。负整数从数组中的最后一个项目开始倒数。
Array.prototype.concat	ECMAScript 2015 (6th Edition, ECMA-262)	concat() 方法用于合并两个或多个数组。此方法不会更改现有数组，而是返回一个新数组。
Array.prototype.copyWithin	ECMAScript 2016 (ECMA-262)	copyWithin() 方法浅复制数组的一部分到同一数组中的另一个位置，并返回它，不会改变原数组的长度。
Array.prototype.entries	ECMAScript 2015 (6th Edition, ECMA-262)	entries() 方法返回一个新的Array Iterator对象，该对象包含数组中每个索引的键/值对。
Array.prototype.every	ECMAScript 2015 (6th Edition, ECMA-262)	every() 方法测试一个数组内的所有元素是否都能通过某个指定函数的测试。它返回一个布尔值。
Array.prototype.filter	ECMAScript 2015 (6th Edition, ECMA-262)	filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。
Array.prototype.find	ECMAScript 2015 (6th Edition, ECMA-262)	find() 方法返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined。
Array.prototype.findIndex	ECMAScript 2015 (6th Edition, ECMA-262)	findIndex()方法返回数组中满足提供的测试函数的第一个元素的索引。若没有找到对应元素则返回-1。
Array.prototype.flat	ECMAScript 2019	flat() 方法会按照一个可指定的深度递归遍历数组，并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。
Array.prototype.flatMap	ECMAScript (ECMA-262)	flatMap() 方法首先使用映射函数映射每个元素，然后将结果压缩成一个新数组。它与 map 连着深度值为1的 flat 几乎相同，但 flatMap 通常在合并成一种方法的效率稍微高一些。
Array.prototype.forEach	ECMAScript 2015 (6th Edition, ECMA-262)	forEach() 方法对数组的每个元素执行一次给定的函数。
Array.from	ECMAScript 2015 (6th Edition, ECMA-262)	Array.from() 方法对一个类似数组或可迭代对象创建一个新的，浅拷贝的数组实例。
Array.isArray	ECMAScript 2015 (6th Edition, ECMA-262)	Array.isArray() 确定传递的值是否为数组。
Array.prototype.includes	ECMAScript 2016 (ECMA-262)	includes()方法确定数组的条目中是否包含某个值，并相应地返回true或false
Array.prototype.indexOf	ECMAScript 2015 (6th Edition, ECMA-262)	indexOf()方法返回数组中可以找到给定元素的第一个索引，如果不存在，则返回-1
Array.prototype.join	ECMAScript 2015 (6th Edition, ECMA-262)	join()方法通过连接数组(或类似数组的对象)中的所有元素(用逗号或指定的分隔符字符串分隔)来创建并返回一个新字符串。如果数组只有一个项目，则在不使用分隔符的情况下返回该项目
Array.prototype.keys	ECMAScript 2015 (6th Edition, ECMA-262)	keys()方法返回一个包含数组中每个索引键的Array Iterator对象。
Array.prototype.lastIndexOf	ECMAScript 2015 (6th Edition, ECMA-262)	lastIndexOf()方法返回指定元素(也即有效的 JavaScript 值或变量)在数组中的最后一个的索引，如果不存在则返回 -1。从数组的后面向前查找，从 fromIndex 处开始。
Array.prototype.map	ECMAScript 2015 (6th Edition, ECMA-262)	map()方法创建一个新数组，其结果是该数组中的每个元素是调用一次提供的函数后的返回值。
Array.prototype.of	ECMAScript 2015 (6th Edition, ECMA-262)	Array.of() 方法创建一个具有可变数量参数的新数组实例，而不考虑参数的数量或类型。
Array.prototype.pop	ECMAScript 2015 (6th Edition, ECMA-262)	pop()方法从数组中删除最后一个元素，并返回该元素的值。此方法更改数组的长度。
Array.prototype.push	ECMAScript 2015 (6th Edition, ECMA-262)	push()方法将一个或多个元素添加到数组的末尾，并返回该数组的新长度
Array.prototype.reduce	ECMAScript 2015 (6th Edition, ECMA-262)	reduce()方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行)，将其结果汇总为单个返回值
Array.prototype.reduceRight	ECMAScript 2015 (6th Edition, ECMA-262)	reduceRight()方法接受一个函数作为累加器(accumulator)和数组的每个值(从右到左)将其减少为单个值
Array.prototype.reverse	ECMAScript 2015 (6th Edition, ECMA-262)	reverse()方法将数组中元素的位置颠倒，并返回该数组。数组的第一个元素会变成最后一个，数组的最后一个元素变成第一个。该方法会改变原数组。
Array.prototype.shift	ECMAScript 2015 (6th Edition, ECMA-262)	shift() 方法从数组中删除第一个元素，并返回该元素的值。此方法更改数组的长度。
Array.prototype.slice	ECMAScript 2015 (6th Edition, ECMA-262)	slice() 方法返回一个新的数组对象，这一对象是一个由 begin 和 end 决定的原数组的浅拷贝(包括 begin，不包括end)。原始数组不会被改变。
Array.prototype.some	ECMAScript 2015 (6th Edition, ECMA-262)	some()方法测试数组中是不是至少有1个元素通过了被提供的函数测试。它返回的是一个Boolean类型的值。
Array.prototype.sort	ECMAScript 2015 (6th Edition, ECMA-262)	sort() 方法用原地算法对数组的元素进行排序，并返回数组。
Array.prototype.splice	ECMAScript 2015 (6th Edition, ECMA-262)	splice() 方法通过删除或替换现有元素或者原地添加新的元素来修改数组,并以数组形式返回被修改的内容。此方法会改变原数组。
Array.prototype.unshift	ECMAScript 2015 (6th Edition, ECMA-262)	unshift()方法将一个或多个元素添加到数组的开头，并返回该数组的新长度(该方法修改原有数组)。

Object

Snippet prefix	Specification	Description
Object.keys	ECMAScript 2015 (6th Edition, ECMA-262)	Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致
Object.values	ECMAScript 2017 (ECMA-262)	Object.values()方法返回一个给定对象自身的所有可枚举属性值的数组，值的顺序与使用for...in循环的顺序相同 ( 区别在于 for-in 循环枚举原型链中的属性 )。
Object.entries	ECMAScript 2017 (ECMA-262)	Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组，其排列与使用 for...in 循环遍历该对象时返回的顺序一致(区别在于 for-in 循环还会枚举原型链中的属性)。
Object.assign	ECMAScript 2015 (6th Edition, ECMA-262)	Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象。它将返回目标对象。
Object.freeze	ECMAScript 2015 (6th Edition, ECMA-262)	Object.freeze() 方法可以冻结一个对象。一个被冻结的对象再也不能被修改；冻结了一个对象则不能向这个对象添加新的属性，不能删除已有属性，不能修改该对象已有属性的可枚举性、可配置性、可写性，以及不能修改已有属性的值。此外，冻结一个对象后该对象的原型也不能被修改。freeze() 返回和传入的参数相同的对象。
Object.is	ECMAScript 2015 (6th Edition, ECMA-262)	Object.is() 方法判断两个值是否为同一个值。
Object.prototype.toString	ECMAScript 2015 (6th Edition, ECMA-262)	toString() 方法返回一个表示该对象的字符串。
Object.prototype.hasOwnProperty	ECMAScript 2015 (6th Edition, ECMA-262)	hasOwnProperty() 方法会返回一个布尔值，指示对象自身属性中是否具有指定的属性(也就是，是否有指定的键)。
Object.getOwnPropertyDescriptor	ECMAScript 2015 (6th Edition, ECMA-262)	Object.getOwnPropertyDescriptor() 方法返回指定对象上一个自有属性对应的属性描述符。(自有属性指的是直接赋予该对象的属性，不需要从原型链上进行查找的属性)
Object.getOwnPropertyNames	ECMAScript 2015 (6th Edition, ECMA-262)	Object.getOwnPropertyNames()方法返回一个由指定对象的所有自身属性的属性名(包括不可枚举属性但不包括Symbol值作为名称的属性)组成的数组。
Object.defineProperty	ECMAScript 2015 (6th Edition, ECMA-262)	Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。

Promise

Snippet prefix	Specification	Description
Promise-then-catch-finally	ECMAScript 2015 (6th Edition, ECMA-262)	Promise 对象用于表示一个异步操作的最终完成 (或失败)及其结果值。
Promise.all	ECMAScript 2015 (6th Edition, ECMA-262)	Promise.all() 方法接收一个promise的iterable类型(注:Array，Map，Set都属于ES6的iterable类型)的输入，并且只返回一个Promise实例，那个输入的所有promise的resolve回调的结果是一个数组。这个Promise的resolve回调执行是在所有输入的promise的resolve回调都结束，或者输入的iterable里没有promise了的时候。它的reject回调执行是，只要任何一个输入的promise的reject回调执行或者输入不合法的promise就会立即抛出错误，并且reject的是第一个抛出的错误信息
Promise.allSettled	Promise.allSettled() (TC39第4阶段草案)	该Promise.allSettled()方法返回一个在所有给定的promise都已经fulfilled或rejected后的promise，并带有一个对象数组，每个对象表示对应的promise结果。当您有多个彼此不依赖的异步任务成功完成时，或者您总是想知道每个promise的结果时，通常使用它。
Promise.any	Promise.any() (TC39第4阶段草案)	Promise.any() 接收一个Promise可迭代对象，只要其中的一个 promise 成功，就返回那个已经成功的 promise 。如果可迭代对象中没有一个 promise 成功（即所有的 promises 都失败/拒绝），就返回一个失败的 promise 和AggregateError类型的实例，它是 Error 的一个子类，用于把单一的错误集合在一起。本质上，这个方法和Promise.all()是相反的。
Promise.race	ECMAScript 2015 (6th Edition, ECMA-262)	Promise.race(iterable) 方法返回一个 promise，一旦迭代器中的某个promise解决或拒绝，返回的 promise就会解决或拒绝。

Proxy

Snippet prefix	Specification	Description
Proxy	ECMAScript 2017 (ECMA-262)	Proxy 对象用于创建一个对象的代理，从而实现基本操作的拦截和自定义（如属性查找、赋值、枚举、函数调用等）。

axios

Snippet prefix	Code	Description
axios.create	axios.create()	创建一个新的 axios 实例
axios.get	axios.get()	GET 请求
axios.post	axios.post()	取消请求
controller.abort	controller.abort()	取消请求

console

Snippet prefix	Code	Description
clg	console.log()
clgr	console.group()	用于将显示的信息分组，可以把信息进行折叠和展开。
clt	console.table()	将复合类型的数据转为表格显示。
cltime	console.time()	计时器

import

Snippet prefix	Code	Description
imm	import moduleName from 'module'	ES module 引入默认模块
imm	import { module } from module	ES module 按需引入模块
imam	import * as module from 'module'	ES module 引入全部模块

require

Snippet prefix	Code	Description
rmm	const module = require(module)	commonJS引入默认模块
rmm	const { } = require(module)	commonJS按需引入模块

Supported languages

javascript (.js)
typescript (.ts)
javascriptreact (.jsx)
typescripereact (.tsx)

JavaScript-Snippets

jwy

JavaScript Snippets

Snippets

Supported languages