随笔分类 -  ES6

摘要:属性的描述对象 描述对象指的是:通过Object.create方法或者使用{}创建对象时,属性的描述的结构,也就是用来描述属性的对象,这个对象里面包括了属性的值和属性的一些特性。如: //第一个参数是原型对象,第二个参数是描述对象,也就是这个对象的属性。 let obj=Object.create( 阅读全文
posted @ 2022-04-01 15:00 青仙 阅读(48) 评论(0) 推荐(0) 编辑
摘要:1、类的私有属性 在class里面用#对私有属性进行标识。类外部无法操作或者直接访问类的私有属性。 class Person{ //公有属性 name; //私有属性 #age; #weight; //构造方法 constructor(name,age,weight){ this.name=name 阅读全文
posted @ 2022-03-30 22:03 青仙 阅读(110) 评论(0) 推荐(0) 编辑
摘要:1、Object.fromEntries 这个方法用来创建一个对象,它接收一个二维数组或者map作为参数。功能是将二维数组或者Map转为对象。和es8的entries功能相反。 // //传二维数组,会把二维数组里的每个数组的第一个元素作为键,第二个元素作为值 // const result=Obj 阅读全文
posted @ 2022-03-30 18:48 青仙 阅读(51) 评论(0) 推荐(0) 编辑
摘要:1、扩展运算符与rest参数 rest参数 Rest 参数与 spread 扩展运算符在 ES6 中已经引入,不过 ES6 中只针对于数组,在 ES9 中为对象提供了像数组一样的 rest 参数和扩展运算符。 function connet({host,port,...user}){ console 阅读全文
posted @ 2022-03-30 18:17 青仙 阅读(104) 评论(0) 推荐(0) 编辑
摘要:1.async 和 await async 和 await 两种语法结合可以让异步代码像同步代码一样。 1.1.async 函数 async 函数的返回值为 promise 对象, promise 对象的结果由 async 函数执行的返回值决定 async function fn(){ ////情况 阅读全文
posted @ 2022-03-30 16:30 青仙 阅读(79) 评论(0) 推荐(0) 编辑
摘要:1、Array.prototype.includes Includes 方法用来检测数组中是否包含某个元素,返回布尔类型值。 const arr=["小明","小张","小李"]; console.log(arr.includes("小明")); 2、指数操作符 在 ES7 中引入指数运算符**,用 阅读全文
posted @ 2022-03-30 15:36 青仙 阅读(114) 评论(0) 推荐(0) 编辑
摘要:1、模块化 模块化是指将一个大的程序文件,拆分成许多小的文件,然后将小文件组合起来。 1.1、模块化的好处 模块化的优势有以下几点: 防止命名冲突 代码复用 高维护性 1.2、模块化规范产品 ES6之前js是没有模块化的,都是用别的规范来实现对项目的代码进行拆分。ES6 之前的模块化规范有: Com 阅读全文
posted @ 2022-03-30 10:56 青仙 阅读(354) 评论(0) 推荐(0) 编辑
摘要:ES6 新增了一些 Object 对象的方法 1) Object.is 比较两个值是否严格相等 2) Object.assign 对象的合并,将源对象的所有可枚举属性,复制到目标对象。 两个对象不相同的属性不会覆盖,相同的属性后面对象会把前面对象相同的属性覆盖。 如: const config1={ 阅读全文
posted @ 2022-03-30 10:35 青仙 阅读(21) 评论(0) 推荐(0) 编辑
摘要:Number.EPSILON Number.EPSILON 是 JavaScript 表示的最小精度。 EPSILON 属性的值接近于 2.2204460492503130808472633361816E-16 如: function equal(a, b){ if(Math.abs(a-b) < 阅读全文
posted @ 2022-03-30 10:20 青仙 阅读(22) 评论(0) 推荐(0) 编辑
摘要:class ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板。通过 class 关键字,可以定义类。基本上,ES6 的 class 可以看作只是一个语法糖,它的绝大部分功能,ES5 都可以做到,新的 class 写法只是让对象原型的写法更加清晰、更像面向对象编程的 阅读全文
posted @ 2022-03-29 21:41 青仙 阅读(34) 评论(0) 推荐(0) 编辑
摘要:Map ES6 提供了 Map 数据结构。它类似于对象,也是键值对的集合。但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。Map 也实现了iterator 接口,所以可以使用『扩展运算符』和『for…of…』进行遍历。Map 的属性和方法: ize 返回 Map 的元素个数 se 阅读全文
posted @ 2022-03-29 21:23 青仙 阅读(29) 评论(0) 推荐(0) 编辑
摘要:Set ES6 提供了新的数据结构 Set(集合),它也是对象。它类似于数组,但成员的值都是唯一的,集合实现了 iterator 接口,所以可以使用『扩展运算符』和『for…of…』进行遍历,集合的属性和方法: size 返回集合的元素个数 add 增加一个新元素,返回当前集合 delete 删除元 阅读全文
posted @ 2022-03-29 20:49 青仙 阅读(39) 评论(0) 推荐(0) 编辑
摘要:介绍 Promise 是 ES6 引入的异步编程的新解决方案。语法上 Promise 是一个构造函数,用来封装异步操作并可以获取其成功或失败的结果。 1、 Promise 构造函数: Promise (excutor) {} 2、 Promise.prototype.then 方法 3、 Promi 阅读全文
posted @ 2022-03-18 09:52 青仙 阅读(22) 评论(0) 推荐(0) 编辑
摘要:生成器 生成器函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同。 异步编程:比如:文件操作、网络操作(ajax,request)、数据库操作。 如: function * gen(){ console.log("hello"); } //调用 let iterator=gen( 阅读全文
posted @ 2022-03-17 19:31 青仙 阅读(102) 评论(0) 推荐(0) 编辑
摘要:介绍 遍历器(Iterator)就是一种机制。它是一种接口(接口在js里面就是对象的属性),为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署 Iterator 接口,就可以完成遍历操作。 作用:自定义遍历数据。 1) ES6 创造了一种新的遍历命令 for...of 循环,Iterato 阅读全文
posted @ 2022-03-17 16:56 青仙 阅读(145) 评论(0) 推荐(0) 编辑
摘要:介绍 ES6 引入了一种新的原始数据类型 Symbol,表示独一无二的值。它是JavaScript 语言的第七种数据类型,是一种类似于字符串的数据类型。 特点 1)Symbol 的值是唯一的,用来解决命名冲突的问题 2)Symbol 值不能与其他数据进行运算 3)Symbol 定义 的 对象属 性 阅读全文
posted @ 2022-03-17 11:50 青仙 阅读(51) 评论(0) 推荐(0) 编辑
摘要:Es6 引入rest参数,用于获取函数的实参,用来代替arguments rest参数用三个点(...)表示 function data(...param){ console.log(param);//rest返回的是一个数组 } data(5,6,"小明",{name:"小李",age:18}); 阅读全文
posted @ 2022-03-17 10:58 青仙 阅读(51) 评论(0) 推荐(0) 编辑
摘要:Es6 允许给函数参数设置初始值 1,形参初始值(具有默认值的参数),一般要靠后(潜规则) function add(a,b,c=10){ return a+b+c; } console.log(add(1,2));//不穿第三个参数就用方法默认的初始值。 2,与解构赋值结合 function co 阅读全文
posted @ 2022-03-17 10:52 青仙 阅读(106) 评论(0) 推荐(0) 编辑
摘要:ES6允许使用箭头(=>)定义函数。 如: let fn=(a,b)=>{ return a+b; } console.log(fn(2,3)); 特点: 1、this是静态的,this始终指向函数声明(定义)时所在作用域下的this的值。 比如在全局作用域先定义连个函数,一个使用箭头函数定义。 上 阅读全文
posted @ 2022-03-16 20:52 青仙 阅读(138) 评论(0) 推荐(0) 编辑
摘要:ES6允许在大括号内,直接写入变量和函数,作为对象的属性和方法。 let name="张三"; let fun=function(){ console.log("hello world"); } const P1={ name, fun, newfun(){ console.log('新方法'); 阅读全文
posted @ 2022-03-16 19:11 青仙 阅读(44) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示