目录 let声明变量： const声明变量： 解构赋值： 模板字符串： 对象简化写法： 箭头函数： 参数默认值： rest参数： 扩展运算符： Symbol数据类型： 迭代器（iterator）： 生成器： Promise： Set： Map： 第一次写那么多，脑壳疼 let声明变量： 变量不能重复声明，有效防止变量污染作用域为块级作用域，只在代码块中
ES6新特性有哪些？ 一、新的原始类型和变量声明 1，symbol 在ES6之前，我们知道JavaScript支持8种数据类型：Object，String，Boolean，Number，Null，Undefined、Array、Function。现在，ES6新增了一种原始数据类型：symbol，表示独一无二的值，即每个symbol类型的值都不相同。这让我想起了另一个特殊
ES6查漏补缺 1. let 和const 命令 区别于var 不存在变量提升 let 是块级作用域，只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响 const命令同样适用 let不允许在相同作用域内，重复声明同一个变量 重点： let实际上为 JavaScript
1、对象字面量 属性的简洁表示法 ES6允许对象的属性直接写变量，这时候属性名是变量名，属性值是变量值。 const age = 12; const name = "Amy"; const person = {age, name}; person //{age: 12, name: "Amy"} //等同于 const person = {age: age, name: name} const age = 1
let arr = [1,2,3,4,5,3,3,2]; function isRepeat(arr){ let tempArr = new Set(arr); if(arr.length == [...tempArr].length){ return false; // 没有重复数据 }else { return true; // 有重复数据 } } isRepeat(arr)
1.使用场景在，有数据时间或者数据是不适宜展示的内容，就可以使用过滤器来去修改展示的数据而不去改变原有的数据去过滤。 属性filters就是一个vue用于定义方法过滤器（替换相当于replace()原理实现） //自定义过滤器 {{p.st | dateFormat('MM月DD日 hh时')}} //第一个是形参传递，给第二
1.let与var的区别： let 是一个块作用域；可声明变量，但无变量提升；不能重复声明；不会污染全局变量。 而var 是全局变量，有变量提升。 2.用于遍历的三种方法 a.filter(); b.some(); c.forEach(); 3.改变函数内部this指向方法 call(); 可以调用函数，改变this指向 apply(); bind(); 不调用
一、ECMAScript和JavaScript关系 JavaScript 的创造者 Netscape 公司，决定将 JavaScript 提交给标准化组织 ECMA，希望这种语言能够成为国际标 准，但是JavaScript本身也已经被 Netscape 公司注册为商标，后面的标准都由ECMA制定，取名ECMAScript。 那么ES6这个版本引入的新内容较多，通常指J
CommonJS 使用方式 注意：是exports不是export 导出 //通过module.exports导出一个对象，对象存放功能函数或数据或某个具体的值 //引入时通过自定义变量obj.fn1()使用即可 module.exports = { fn1: function () { console.log("fn1") }, flag: true, arr: [], } //亦
① Promise 是一个构造函数⚫ 我们可以创建 Promise 的实例 const p = new Promise()⚫ new 出来的 Promise 实例对象，代表一个异步操作② Promise.prototype 上包含一个 .then() 方法⚫ 每一次 new Promise() 构造函数得到的实例对象，⚫ 都可以通过原型链的方式访问到 .then() 方法
测试环境: npm init -y 生成package.json 修改package.json里面的 "type":"module" 一、导出导入 1.默认导出默认导入 export default { } import m from 'xxx.js' m接收为对象 2.按需导出和导入 export n1 = 10 import { n1 } from 'xxx.js' n1接收为值 3.直接导入 imp
Array.prototype.flat() 用于将嵌套的数组“拉平”，变成一维数组。该方法返回一个新数组，对原数据没有影响。flat()的参数为数字，表示要拉平两层的嵌套数组。 例子： [1, 2, [3, 4]].flat() // [1, 2, 3, 4] [1, 2, [3, [4, 5]]].flat() // [1, 2, 3, [4, 5]] [1, 2, [3, [4, 5]]]
文章目录 AMD规范CMD规范Commonjs模块是值的“浅”拷贝执行时间同步加载 es6模块化引入的是值的引用引入时间异步加载 AMD规范 （来自百度百科） AMD全称是Asynchronous Module Definition，即异步模块加载机制，规范简单到只有一个API，即define函数： define([module-name?], [ar
高频面试题 1.本人一个星期多 面试10家公司得到的面试经验 2.首先这是在上海的面试题，这些都会大概率问到，我这答案不一定对，要你们自己去搜索一下，要把这些转成自己的理解方式，面试的时候用自己理解的方式表达出来。 3.加分项：面试的时候要面带微笑，要和面试官打成一团，都是程序员没
阐述模块化（非ES6模块化）应用到浏览器端需要解决哪些问题，如何解决？ 浏览器端实现模块化需要解决两个问题： a. 浏览器读取JS文件是异步，如何使用异步的方式获取一个模块 b. 如何避免模块中的全局代码污染全局变量 针对第一个问题，可以使用回调或Promise的方式解决 针对第二个问题，可
ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值 解构是一种打破数据结构，将其拆分为更小部分的过程 let details = { firstName:'Code', lastName:'Burst', age:22 } //1、对象的解构赋值 const {firstName,age} = details; console.log(firstName); //
ES6 允许使用 箭头 （=>）定义函数 声明一个函数 let fn() =function (){ } let fn=(a,b)=>{ return a+b; } //调用函数 let result =fn(1,2); console.log(result); 控制台输出 箭头函数声明特性： 1.this是静态的，this始终指向函数声明时所在作用域下的this的值 演示：
1、ECMAScript 6 1.1什么是 ECMAScript 6 ECMAScript 6.0（简称 ES6）是 JavaScript 语言的下一代标准， 2015 年 6 月正式发布。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。 1.2 ECMAScript 和 JavaScript 的关系 一个常见的问题是，ECMAScr
1. let 块级变量声明，循环调用计时器，也能互不影响 2. const 常量，赋初始值，且不能修改 3. 解构赋值 4. 模板字符串 `` 变量拼接 ，换行符 5. 对象的简化写法 6. 箭头函数 不会创建自己this，始终指向上一层作用域 7. 函数参数默认值 8. rest 参数，接受参数的数组，可以为任意参数，类似agrumen
1.es6语法删除数组对象根据id元素 const id=2 let arr=[{id:1,name:"b"},{id:2,name:"b"}]; let newArr=arr.filter(function(obj){ return id !== obj.id; }) console.log(newArr) //[{id: 1, name: 'b'}] //利用 对象id来进行查找对象属性操作删除
静态属性和静态方法 我们可以把一个方法赋值给类的函数本身，而不是赋给它的 "prototype"。这样的方法被称为 静态的（static）。 在一个类中，它们以 static 关键字开头，如下所示： class User { static staticMethod() { alert(this === User); } } User.staticMethod(); //
ES6是javascript下一代的标准； //es6如何定义变量，定义变量特点 //js定义： var i = 1; //es6定义变量 使用关键字 let //const 定义常量 比如 PI = "3.1415926"常量一旦赋值，不可改变 //1.创建代码块，定义变量 { var a = 10 let b = 20 }
ES6利用Proxy+Reflect搭建观察者模式的简单实现 html代码MDN中文文档解释 当对象间存在一对多关系时，则使用观察者模式。比如，当一个对象被修改时，则会自动通知依赖它的对象。 粗略地来说Proxy1可以认为是拦截器，对某对象设置拦截器后，其他操作想操作该对象都会先经过拦截器，
1.将字符串，对象等作为伪数组转换成数组: Array.from() 将伪数组转变成数组，就是只要有length的长度就可以转成数组 --ES6 let str = '12345' console.log(Array.from(str)) let obj={0:'a',1:'b',length:2} console.log(Array.from(obj)) //这样将字符串每个变为索引元素
1.map方法 给数组中的每一个元素添加特殊处理，返回新的数组 let prices=[20,30,40] //20元 30元 40元 let arr=prices.map(item=>item+"元") console.log(arr) 2.ilter方法 依次的拿出数组中的元素，返回符合要求元素 返回一个新的数组 let arr=[20,5,23,40,50] let result=arr.fil
