ES5 ES6~ES11
文章平均质量分 70
这里是ES5 ES6~ES11的相关笔记。
小R.
总之岁月漫长,然而值得期待
展开
-
ES11新增特性
文章目录一、私有属性二、Promise.allSettled三、四、一、私有属性class Person{ //公有属性 name; //私有属性 #age; #weight; //构造方法 constructor(name, age, weight){ this.name = name; this.#age = age; this.#weight = weight; }}//实例化c原创 2020-12-25 21:06:40 · 363 阅读 · 0 评论 -
ES10新特性
文章目录一、Object.fromEntries 和 Object.entries1. Object.fromEntries 将二维数组转换为对象2. Object.entries 将对象转换为二维数组 ES8的语法二、字符串方法扩展 trimStart 与 trimEnd三、数组方法扩展 flat 与 flatMap1、flat :将多维数组转化为低位数组2、flatMap :如果map返回的是一个多维数组,将多维数组转化为低维数组四、Symbol.prototype.description:获取Sym原创 2020-12-25 17:03:42 · 418 阅读 · 0 评论 -
ES9:扩展运算符 rest参数 正则扩展
文章目录一、rest 参数二、扩展运算符 对象合并三、正则扩展——命名捕获分组四、正则扩展——正则断言1. 正向断言2. 反向断言五、正则扩展——dotAll模式一、rest 参数function connect({host, port, ...user}){ console.log(host); console.log(port); console.log(user);}connect({ host: '127.0.0.1', port: 3306,原创 2020-12-25 16:36:50 · 296 阅读 · 0 评论 -
ES8:对象方法扩展
//声明对象const school = { name:"尚硅谷", cities:['北京','上海','深圳'], xueke: ['前端','Java','大数据','运维']};一、keys() values()//获取对象所有的键console.log(Object.keys(school));//获取对象所有的值console.log(Object.values(school));二、entries()console.log(Object.entr原创 2020-12-25 15:58:45 · 166 阅读 · 0 评论 -
ES8:async 和 await
文章目录一、async 函数二、await 表达式三、async 和 await 结合读取文件内容四、async 与 await 封装AJAX请求一、async 函数1. return的结果不是一个 Promise 类型的对象, 返回的结果就是成功 Promise 对象//async 函数async function fn(){ // 返回一个字符串 return 'aaa';}const result = fn();console.log(result);//调用 th原创 2020-12-25 15:48:35 · 147 阅读 · 0 评论 -
ES7新特性
1. Array.prototype.includesconst mingzhu = ['西游记','红楼梦','三国演义','水浒传'];console.log(mingzhu.includes('西游记'));console.log(mingzhu.includes('悲惨世界'));2. 指数操作符 **console.log(2 ** 10);console.log(Math.pow(2, 10));...原创 2020-12-04 15:21:15 · 214 阅读 · 0 评论 -
ES6(8):数值扩展 和 对象方法扩展
文章目录一、数值扩展1. Number.EPSILON 是 JavaScript 表示的最小精度2. 二进制、八进制、十进制、十六进制3. Number.isFinite 检测一个数值是否为有限数4. Number.isNaN 检测一个数值是否为 NaN5. Number.parseInt,Number.parseFloat 字符串转整数6. Number.isInteger 判断一个数是否为整数7. Math.trunc 将数字的小数部分抹掉8. Math.sign 判断一个数到底为正数 负数 还是原创 2020-12-04 11:39:42 · 237 阅读 · 0 评论 -
ES6(7):class类
1. class介绍 ES6 提供了更接近传统语言的写法,引入了Class(类)这个概念,作为对象的模板。通过class关键字,可以定义类。基本上,ES6 的class可以看作只是一个语法糖,它的绝大部分功能,ES5 都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。2. 类声明用ES5的方式,用构造函数去实例化一个对象://手机function Phone(brand, price){ this.brand = brand; this.pr原创 2020-12-03 21:03:28 · 407 阅读 · 0 评论 -
ES6(6):Set 和 Map
文章目录一、Set1. 声明一个 set2. 元素个数3. 添加新的元素4. 删除元素5. 检测是否有,查询元素6. 清空7. 遍历二、Set 实践1. 数组去重2. 交集3. 并集4. 差集三、Map1. 声明 Map2. 添加元素3. 大小4. 删除5. 获取6. 清空7. 遍历一、Set1. 声明一个 setlet s = new Set();let s2 = new Set(['大事儿','小事儿','好事儿','坏事儿','小事儿']);console.log(s,typeof s);原创 2020-12-03 19:36:01 · 167 阅读 · 0 评论 -
ES6(5):迭代器、生成器
文章目录一、迭代器1. ES6 创造了一种新的遍历命令 for...of 循环,Iterator 接口主要供 for...of 消费2. 原生具备 iterator 接口的数据(可用 for of 遍历)3. 工作原理4. 示例:5. 自定义遍历数据 示例:二、生成器1. 特殊在:2. 基本用法3. 生成器函数参数4. 生成器函数实例实例1:1s 后控制台输出 111 2s后输出 222 3s后输出 333实例2:模拟获取 用户数据 订单数据 商品数据一、迭代器迭代器(Iterator)就是一原创 2020-11-28 10:09:25 · 190 阅读 · 0 评论 -
ES6(4):symbol
一、创建 Symbol二、Symbol 不能与其他数据进行运算三、Symbol 创建对象属性四、Symbol内置属性原创 2020-11-27 15:43:49 · 183 阅读 · 0 评论 -
ES6(3):变量的解构赋值、模板字符串、简化对象写法、函数参数默认值、rest参数、扩展运算符
一、变量的解构赋值1. 数组的解构const F4 = ['小沈阳','刘能','赵四','宋小宝'];let [xiao, liu, zhao, song] = F4;console.log(xiao);console.log(liu);console.log(zhao);console.log(song);2. 对象的解构const zhao = { name: '赵本山', age: '不详', xiaopin: function(){ conso原创 2020-11-25 22:17:10 · 358 阅读 · 0 评论 -
ES6(1): 箭头函数
一、什么是箭头函数 所谓箭头函数,如其名,就是带箭头的函数,能够定义匿名函数。 用箭头函数之前我们的基础写法:let fun = function () { console.log('fun()');};fun(); 我们用箭头函数这样写:let fun1 = () => console.log('我是箭头函数'); fun1();二、箭头函数 形参的情况1. 没有形参,并且函数体只有一条语句,()可以省略//1.没有形参,并且函数体只有一条语句,()可原创 2020-09-19 11:56:31 · 395 阅读 · 1 评论 -
ES6(2):关于 let、var、const,三者区别
一、var声明变量存在变量提升,let和const不存在变量提升二、三、四、五、六、原创 2020-11-20 15:25:56 · 113 阅读 · 0 评论 -
ES5___ Array 扩展
1. Array.prototype.indexOf(value) : 得到值在数组中的第一个下标<script type="text/javascript"> var arr = [1, 4, 6, 2, 5, 6]; //Array.prototype.indexOf(value) : 得到值在数组中的第一个下标 console.log(arr.indexOf(6)); //2</script>2. Array.prototype.lastIndexOf(原创 2020-09-18 17:40:48 · 114 阅读 · 0 评论 -
ES5___Object 扩展
一、ES5给Object扩展了一些静态方法, 常用的2个:1. Object.create(prototype, [descriptors])作用: 以指定对象为原型创建新的对象,为新的对象指定新的属性, 并对属性进行描述。value : 指定值writable : 标识当前属性值是否是可修改的,默认为false。configurable: 标识当前属性是否可以被删除,默认为false。enumerable: 标识当前属性是否能用for in 枚举,默认为false。<script原创 2020-09-18 17:18:43 · 194 阅读 · 0 评论 -
JSON对象 和 JS对象 的相互转换
jsonjson对象json字符串原创 2020-09-18 15:07:01 · 246 阅读 · 0 评论 -
严格模式
什么是严格模式: 除了正常运行模式(混杂模式),ES5 添加了第二种运行模式:“严格模式”(strict mode)。 顾名思义,这种模式使得 Javascript 在更严格的语法条件下运行。严格模式的作用:消除Javascript语法的一些不合理、不严谨之处,减少一些怪异行为。消除代码运行的一些不安全之处,保证代码运行的安全。提高编译器效率,增加了运行速度。为未来新版本的Javascript做好铺垫。怎么开启严格模式: 在全局或函数的第一条语句定义为: ‘use strict’原创 2020-09-17 11:10:50 · 180 阅读 · 0 评论