ES6
&XYZ&
越努力,越幸运!
展开
-
数值的扩展
文章目录数值的扩展1.二进制和八进制表示法2.Number.isFinite()、Number.isNaN()3.Number.parseInt()、Number.parseFloat();4.Number.isInteger()5. Number.EPSILON6. 安全整数和Number.isSafeInteger()7. Math对象的扩展Math.trunc()Math.sign()Math.cbrt()Math.clz32()Math.imul()Math.fround()Math.hypot()原创 2020-08-07 10:02:35 · 551 阅读 · 0 评论 -
变量的解构赋值
变量的解构赋值变量的解构赋值1. 数组的解构赋值基本用法默认值2.对象的解构赋值简介默认值注意点3.字符串的解构赋值4.数值和布尔值的解构赋值5. 函数参数的解构赋值6.圆括号问题不能使用圆括号的情况可以使用圆括号的情况7. 用途变量的解构赋值1. 数组的解构赋值基本用法ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被称为解构(Destructuring)。以前,为变量赋值,只能直接指定值。 let a = 1; let b = 2; let c = 3;原创 2020-07-21 18:00:48 · 721 阅读 · 0 评论 -
let 和 const 命令
文章目录let 和 const 命令1. let命令基本用法不存在变量提升暂时性死区不允许重复声明2.块级作用域为什么需要块级作用域?ES6 的块级作用域块级作用域与函数声明3. const命令基本用法本质ES6声明变量的六种方法4.顶层对象的属性5.globalThis 对象let 和 const 命令1. let命令基本用法let命令,用来声明变量。 它的用法类似于var, 但是所声明的变量,只在let命令所在的代码块内有效。 { let a = 10;原创 2020-06-18 17:53:43 · 226 阅读 · 0 评论 -
数组 → includes() → 检测数组中是否含有自己想找的值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数组实例的 includes()</title></head><body><script> /* include...原创 2019-08-04 11:01:18 · 1035 阅读 · 0 评论 -
理解Symbol: Object.getOwnPropertySymbols()
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-07-21 11:39:48 · 1428 阅读 · 2 评论 -
扩展运算符小练习(融入:过渡(transition)、变形( transform)一些css3效果)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-07-07 16:22:53 · 275 阅读 · 0 评论 -
扩展运算符(...)+map配合,给数组的每个元素加内容、map说明(ES5)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-07-05 21:59:10 · 1070 阅读 · 0 评论 -
数组的扩展→扩展运算符(...)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-06-30 17:56:26 · 374 阅读 · 0 评论 -
初识Promise对象、构建一个Promise、Promise实例运用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-07-14 10:06:08 · 398 阅读 · 0 评论 -
(ArrayBuffer)普通数组的操作方法和属性(find()、findIndex()、some()、every())
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="...原创 2019-06-29 09:53:58 · 503 阅读 · 0 评论 -
扩展运算符在函数中的运用(将一个数组push到另一个数组中去、对于年月日时分秒操作)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-07-09 22:34:49 · 627 阅读 · 0 评论 -
数组对象添加属性值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-06-29 09:22:42 · 1515 阅读 · 0 评论 -
通过数组中对象的唯一标识,来删除对象(运用到:findIndex() 、slice() )
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-07-09 21:23:25 · 765 阅读 · 0 评论 -
对象的扩展→属性的简洁表示法(属性、函数、方法)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>对象的扩展→属性的简洁表示法</title></head><body><script> /* ES6 允许直接写...原创 2019-08-04 11:54:23 · 325 阅读 · 0 评论 -
sort():数组的元素进行排序、splice:删除或替换现有元素或者原地添加新的元素、max:返回一组数中的最大值
sort()方法用原地算法对数组的元素进行排序,并返回数组,原数组将被改变。默认排序顺序是在将元素转换为字符串,然后比较它们的UTF-16代码单元值序列时构建的 // 现在你想让numbers数组按照升序来排序 let numbers = [4, 2, 5, 1, 3]; numbers.sort(function (a, b) { return a - b; }...原创 2019-09-02 18:01:34 · 633 阅读 · 0 评论 -
Math.random:返回一个【0,1)的随机数
Math.random()函数返回一个浮点, 伪随机数在范围[0,1),也就是说,从0(包括0)往上,但是不包括1(排除1),然后您可以缩放到所需的范围。实现将初始种子选择到随机数生成算法;它不能被用户选择或重置。 console.log(Math.random()); //注意我现在想让arr数组里面的元素随机排列,每次运行都不一样 let arr = [1, 2...原创 2019-09-07 17:40:48 · 4542 阅读 · 0 评论 -
throw:抛出一个用户自定义的异常
throw语句用来抛出一个用户自定义的异常。当前函数的执行将被停止(throw之后的语句将不会执行),并且控制将被传递到调用堆栈中的第一个catch块。如果调用者函数中没有catch块,程序将会终止。 function test(genre) { if (isNaN(genre)) { throw "请输入数值" } } ...原创 2019-09-07 10:39:46 · 980 阅读 · 0 评论 -
Promise.race
Promise.race(iterable)方法返回一个promise,一旦迭代器中的某个promise解决或拒绝,返回的 promise就会解决或拒绝。 const testPromise = new Promise((res, rej) => { setTimeout(res, 5000, "one"); }); const test2Pr...原创 2019-09-06 14:11:00 · 380 阅读 · 0 评论 -
yield
关于yield的简单解释可以看这篇文章:地址:https://www.jianshu.com/p/8970b7394e89看懂后:这个题目应该就会了function* test(i) { yield i; yield i*2; } const test2=test(10); console.log(test2.next().value);//...原创 2019-09-06 13:26:33 · 187 阅读 · 0 评论 -
reduce可以实现:数组求和、数组求最大值、数组去重等、concat:合并多个数组,适用单层数组嵌套的深拷、slice:返回一个新的数组对象,原始数组不会被改变、join()、split()
reduce()方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行),将其结果汇总为单个返回值。 //语法 arr.reduce(function (prev, cur, index, arr) { ... }, init); /* 其中, arr 表示原数组; prev 表示上一次调用回调时的返回值,或者初始...原创 2019-09-06 11:59:46 · 834 阅读 · 0 评论 -
对象有两个具有相同名称的键、对象键自动转换为字符串
如果对象有两个具有相同名称的键,则将替前面的键。它仍将处于第一个位置,但具有最后指定的值。 //如果对象有两个具有相同名称的键,则将替前面的键。它仍将处于第一个位置,但具有最后指定的值。 const obj = {a: "one", b: "two", a: "three"}; console.log(obj);//{a: "three", b: "two"}对象...原创 2019-09-03 16:52:51 · 697 阅读 · 1 评论 -
hasOwnProperty:判断属性是否存在、has:判断该值是否为Set的成员
hasOwnProperty()方法会返回一个布尔值,指示对象自身属性中是否具有指定的属性(也就是是否有指定的键)Set.prototype.has(value):返回一个布尔值,表示该值是否为Set的成员。 //所有对象键(不包括Symbols)都会被存储为字符串, const obj = { 1: "a", 2: "b", 3: "c" }; const set =...原创 2019-09-03 16:40:23 · 1224 阅读 · 0 评论 -
深拷贝
// 深拷贝 // 现在你想把company对象和staff对象合并到obj对象里面,然后改变obj.name的值而不影响到company对象里面的值 let company = { name: '公司名字', site: '公司地址' }; let staff = { staffName: 'XYZ', ...原创 2019-09-03 09:51:51 · 118 阅读 · 0 评论 -
pop:数组中删除最后一个元素、shift:数组中删除第一个元素、unshift:将一个或多个元素添加到数组的开头、push:将一个或多个元素添加到数组的末尾、reverse:将数组中元素的位置颠倒
pop()方法从数组中删除最后一个元素,并返回该元素的值。此方法更改数组的长度。该方法会改变原数组。let numbers = [1, 2, 3, 4];numbers.pop();console.log(numbers);//[1, 2, 3]shift()方法从数组中删除第一个元素,并返回该元素的值。该方法会改变原数组。 let numbers = [1, 2, 3, 4...原创 2019-09-02 18:15:50 · 1330 阅读 · 0 评论 -
对象的扩展(属性名简写、对象简写、字面量对计算属性的改进、两个数组里面的元素一一对应,赋值到一个对象中去)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-07-13 16:06:24 · 530 阅读 · 0 评论 -
扩展运算符:扩展对象的属性
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-07-07 23:08:41 · 681 阅读 · 0 评论 -
generator ... 扩展运算符
// generator// ... 扩展运算符 function * gen() { yield '1';//yield固定写法,不能改成其它的名字 yield '2'; yield '3'; return 'XYZ'; } console.log(...gen())//1 2 3...原创 2019-03-30 11:21:24 · 147 阅读 · 0 评论 -
字符串扩展→模板字符串(实例)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-06-12 20:42:08 · 226 阅读 · 0 评论 -
扩展运算符数组运用场景1:知识点有:Array.from()、...
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-07-07 22:04:20 · 214 阅读 · 0 评论 -
TypedArray 数组的所有构造函数,都有一个静态方法of,用于将参数转为一个TypedArray实例。
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-06-25 22:19:15 · 137 阅读 · 0 评论 -
变量的解构赋值→数组的解构赋值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-06-17 20:46:26 · 178 阅读 · 0 评论 -
字符串扩展→模板字符串
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-06-12 08:57:25 · 128 阅读 · 0 评论 -
箭头函数不适用场景
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-06-11 21:07:09 · 352 阅读 · 0 评论 -
函数的扩展:函数参数的默认值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-06-11 19:48:52 · 151 阅读 · 0 评论 -
变量的解构赋值→对象的解构赋值
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-06-17 08:56:30 · 379 阅读 · 0 评论 -
箭头函数里面的this理解
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-06-10 23:08:55 · 637 阅读 · 0 评论 -
箭头函数
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-06-09 23:45:11 · 1325 阅读 · 0 评论 -
let 和const
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv...原创 2019-06-09 17:41:35 · 176 阅读 · 0 评论 -
Iterator和for...of循环→for...of循环
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-06-19 08:53:30 · 131 阅读 · 0 评论 -
字符串的新增方法→startsWith() endsWith() Includes() repeat()
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-06-13 21:14:53 · 186 阅读 · 0 评论