小白小白从不日别的博客

关于解构赋值的相关知识可以参考：解构赋值

对于这个小demo，其目的就是为了搞清楚，var和let的区别，前者是函数级作用域，后者是块级作用域；关于更详细的解释可参考：let、const和var的区别举个很小的demo，var a = [];for (var i = 0; i < 10; i++) { a[i] = function () { console.log(i); };}a[6](); // 10对于这个案例，我们会发现不管最后输出的是a[6]，还是a[5]，其实结果都是10原因如下：

<script> //利用剩余参数求平均值 const average = (...args) => { let sum = 0; let avg = 0; for (let i = 0; i < args.length; i++) { sum += args[i]; avg = sum / args.length..

<script> //求指定范围类指定个数的随机数 const random = (start, end, n) => { let arr = []; for (let i = 0; i < n; i++) { var number = parseInt(Math.random() * (end - start + 1) + start); ..

<script> const m = new Map( [ ['apple', '10'], ['strawberry', '5'], ['Banana', '0'] ] ); for (let [key, value] of m) { console.log(key.padE.

<script> const p = new Promise((resolve, reject) => { console.log(1); resolve(2); }) p.then((res) => { console.log(res); return 3; }) .cat.

该案例主要就是为了体验一下es6中模板字符串在实际中的应用同时也是问了加强自己的理解吧<select name="" id="province"></select> <script> let province = [ "北京市", "重庆市", "上海市", "辽宁省", "吉林省", "黑龙江省", "江苏省", "浙江省", "安徽省", "福建省", "江西省",.

<script> const getJSON = function(url) { const promise = new Promise(function(resolve, reject) { //网络请求 const handler = function() { //判断状态 if (this.readySta.

<script> const m = new Map([ ['a', 111], ['b', 222] ]); const m1 = new Map(m); m1.set('c', 333); console.log(m1);</script>

<div id="box"></div><script> // 运动 const move = (el, { x = 0, y = 0 } = {}, end = () => {}) => { el.style.transform = `translate3d(${x}px, ${y}px, 0)`; el..

箭头函数下：<script> let s = new Set(); s.add(1).add('b').add(2); const obj = {}; s.forEach((value, key, set) => { console.log(this); }, obj);</script>

<input type="text" id="username" /> <input type="submit" id="btn" value="提交" /> <script> // const usernameinput = document.getElementById('username'); const btn = document.getElementById('btn'); bt.

1.继承父类

<script> const arr = ["a", ["b", "c", ["d"], [undefined, "g", ["x"], ["y"] ] ], "h", ["1"]]; const [a, [b, c, [d], [e, f, [g], [h] ] ], .

<script> function loadImageAsync(url) { return new Promise(function(resolve, reject) { const image = new Image(); image.onload = function() { resolve(image); }..

<script> //合并默认参数和用户参数 const logUser = userOptions => { const DEFAULTS = { username: 'ZhangSan', age: 15, sex: 'male' }; const options = Ob...

#img { width: 80%; padding: 10%; }<img src="https://img.mukewang.com/5e6af63d00011da318720764.jpg" alt="" id="img" /><script> // 异步加载图片 const loadImgAsync = url => { return ..

<script> let x = 1; let y = 2; //原来的方法 // let tmp = x; // x = y; // y = tmp; // console.log(x, y); //现在的方法 [x, y] = [y, x]; [x, y] = [2, 1]; console.log(x, y)..

<script> const obj = { "0": 'jack', "sex": 'male', length: 2 }; obj[Symbol.iterator] = () => { let index = 0; return { next() { .

symbol（符号）是ES6新增的基本数据类型。符号是原始值，且符号实例是唯一、不可变的。用途：为了确保对象属性使用唯一标识符，不会发生属性冲突的危险。

介绍了ES6新增的class

ES2017 标准引入了 async 函数，使得异步操作变得更加方便async 函数是什么？一句话，它就是 Generator 函数的语法糖Generator 函数和async 函数依次读取两个文件：使用Generator 函数，const fs = require('fs');const readFile = function (fileName) { return new Promise(function (resolve, reject) { fs.readFil

概述：Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同语法上，首先可以把它理解成，Generator 函数是一个状态机，封装了多个内部状态执行 Generator 函数会返回一个遍历器对象，也就是说，Generator 函数除了状态机，还是一个遍历器对象生成函数返回的遍历器对象，可以依次遍历 Generator 函数内部的每一个状态形式上，Generator 函数是一个普通函数，但是有两个特征:function关键字与函数名之间有一个

Mapa.Map是什么Map和对象都是键值对的集合<script> const m = new Map(); m.set('name', 'jack'); m.set('age', 19); console.log(m);</script>Map和对象的区别：对象一般用字符串当做键示例1：<script> const obj = {...

Set（重点）a.Set是什么Set是一系列无序、唯一值、没有重复值的数据集合 Set没有下标去标示每一个值，因此Set是无序的，也不能像数组那样通过下标去访问Set的成员 Set只能通过构造函数的形式创建 本身是一个构造函数，用来生成 Set 数据结构示例： <script> const set = new Set(); set.add(1); set.add(1); set.add(2); .

函数参数的默认值ES6 之前，不能直接为函数的参数指定默认值，只能采用变通的方法。function log(x, y) { y = y || 'World'; console.log(x, y);}log('Hello') // Hello Worldlog('Hello', 'China') // Hello Chinalog('Hello', '') // Hello World上面代码检查函数log的参数y有没有赋值，如果没有，则指定默认值为World。这种写法的缺点

属性的简洁表示法ES6 允许在大括号里面，直接写入变量和函数，作为对象的属性和方法。这样的书写更加简洁。const foo = 'bar';const baz = {foo};baz // {foo: "bar"}// 等同于const baz = {foo: foo};上面代码中，变量foo直接写在大括号里面。这时，属性名就是变量名, 属性值就是变量值。下面是另一个例子。function f(x, y) { return {x, y};}// 等同于funct

扩展运算符：扩展运算符（spread）是三个点（...）好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列console.log(...[1, 2, 3])// 1 2 3console.log(1, ...[2, 3, 4], 5)// 1 2 3 4 5[...document.querySelectorAll('div')]// [<div>, <div>, <div>]该运算符主要用于函数调用function

新增：Number.isFinite(), Number.isNaN()ES6 在Number对象上，新提供了Number.isFinite()和Number.isNaN()两个方法。a.Number.isFinite()用来检查一个数值是否为有限的（finite），即不是Infinity。Number.isFinite(15); // trueNumber.isFinite(0.8); // trueNumber.isFinite(NaN); // falseNumber.isFi

新增：includes(), startsWith(), endsWith()传统上，JavaScript 只有indexOf方法，可以用来确定一个字符串是否包含在另一个字符串中。ES6 又提供了三种新方法。includes()：返回布尔值，表示是否找到了参数字符串startsWith()：返回布尔值，表示参数字符串是否在原字符串的头部endsWith()：返回布尔值，表示参数字符串是否在原字符串的尾部let s = 'Hello world!';s.startsWith('Hel

ECMAScript变量是松散类型的，意思就是可以用于保存任何类型的数据。每个人变量只不过是一个用于保存任意值的命名占位符。var在ECMAScript的所有版本中都可以使用，而let、const只能在ECMAScript6及更高的版本中使用。1.var关键字1.1var声明作用域使用var操作符定义的变量会成为包含它的函数的局部变量。<script> function test() { var message = "ji"; //局部变

一、概述

一、二、三、

三、promise的构造函数方法promise.resolve()方法和promise.reject()方法promise.all()方法promise.race()方法promise.allSettled()方法四、promise的注意事项和应用promise的注意事项promise的应用...

一、

一、剩余参数

对象字面量的增强：1.对象字面量是什么constperson={age:18,name:'zhangsan'}以上就是所谓的字面量表示法2.属性和方法的简洁表示方法属性的简洁表示法：当键名和值名一样时，可以只写一个constperson={...

一、数组的解构赋值二、三、

1.什么是模板字符串模板字符串由一般字符串的单引号('')或双引号("")变为反引号(``) <script> //一般字符串 const str1 = 'female'; const str2 = "male"; // 模板字符串 const str3 = `age`;</script>模板字符串与一般字符串的区别模板字符串由一般字符串的单引号('')或双引号("")变为反引.