
ES6
文章平均质量分 72
阿昊在
卷不动来华子打螺丝
展开
-
【JS】之ES7
ES71.Array.prototype.includes()includes()作用,是查找一个值在不在数组里,若是存在则返回true,不存在返回false.1.基本用法:['a', 'b', 'c'].includes('a') // true['a', 'b', 'c'].includes('d') // false2.接收俩个参数:要搜索的值和搜索的开始索引['a', 'b', 'c', 'd'].includes('b') // t原创 2022-01-12 19:30:52 · 785 阅读 · 0 评论 -
【Es6】关键字之 super、static、new.target
ES6引入了Class(类)这个概念,作为对象的模板,通过class关键字,可以定义类。基本上,ES6的class可以看作只是一个语法糖,它的绝大部分功能,ES5都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法1.super关键字super用在调用的时候有两种情况:第一种情况,super作为函数调用时,代表父类的构造函数。 第二种情况,super作为对象时,在普通方法中,指向父类的原型对象;在静态方法中,指向父类。class Person {原创 2022-01-12 17:07:50 · 743 阅读 · 0 评论 -
【JS】中的继承(包括ES6)
一、原型链继承1. 基本思想原型链继承的基本思想是通过原型来继承多个引用类型的属性和方法实现的基本思路是利用构造函数实例化对象,通过 new 关键字,将构造函数的实例对象作为子类函数的原型对象。2. 实现方法// 定义父类函数function Father() { // 定义父类属性 this.name = 'father'}// 给父类的原型添加方法Father.prototype.say = function () { console.log(.原创 2022-01-11 19:06:28 · 386 阅读 · 0 评论 -
【JS】中的Symbol
symbol 的值是通过 Symbol() 函数生成,每一个 symbol 的值都是唯一的,并且 symbol 类型的值可以作为对象的属性标识符使用,这也是 symbol 类型设计的目的。所以现在对象属性名可以为两种类型:一种就是原本的字符串类型,一种即为新增的 symbol 类型。凡是使用 symbol 命名的属性都是独一无二的,保证不与其他属性名产生冲突。Symbol 本质上是一种唯一标识符,可用作对象的唯一属性名,这样其他人就不会改写或覆盖你设置的属性值。原创 2022-01-09 16:49:07 · 857 阅读 · 0 评论 -
【JS】中遍历数组的几种方法
1.index索引为字符串型数字,不能直接进行几何运算2.遍历顺序有可能不是按照实际数组的内部顺序3.使用for in会遍历数组所有的可枚举属性,包括原型。例如上栗的原型方法method和name属性所以for in更适合遍历对象,不要使用for in遍历数组。那么除了使用for循环,如何更简单的正确的遍历数组达到我们的期望呢(即不遍历method和name),ES6中的for of更胜一筹.for in遍历的是数组的索引(即键名),而for of遍历的是数组元素值。for of遍历的只是原创 2022-01-08 11:50:39 · 1530 阅读 · 0 评论 -
【JS】this 指向介绍(箭头函数)
由于箭头函数不绑定this, 它会捕获其所在(即定义的位置)上下文的this值, 作为自己的this值,所以 call() / apply() / bind() 方法对于箭头函数来说只是传入参数,对它的 this 毫无影响。考虑到 this 是词法层面上的,严格模式中与 this 相关的规则都将被忽略。(可以忽略是否在严格模式下的影响)原创 2022-01-07 20:36:05 · 896 阅读 · 0 评论 -
【ES6】-箭头函数的使用
目录一、 箭头函数的使用1. 普通函数到箭头函数2. 省略大括号和 return3. 省略小括号二、箭头函数与普通函数的区别:1. 箭头函数的 this 是其所在(即定义的位置)上下文的this值2. call、apply、bind无法改变箭头函数的 this注意 :一、 箭头函数的使用ES6 中新增了使用箭头=>来定义函数表达式的方法。很多情况下,箭头函数和函数表达式创建的函数并无区别,只有写法上的不同。1. 普通函数到箭头函数如下所示,定义一个函..原创 2022-01-07 19:14:54 · 1389 阅读 · 0 评论 -
【ES6】-模板字符串
模板字面量:模板字面量是允许嵌入表达式的字符串字面量。你可以使用多行字符串和字符串插值功能。它们在ES2015规范的先前版本中被称为“模板字符串”。原创 2022-01-07 18:30:49 · 453 阅读 · 0 评论 -
ES6 之Promise的使用
(一) Promisepromise是承诺,允诺的意思。(是将来发生的事)(1) Promise是什么?从用途上来说: (1) promise主要用于异步计算。 (2) 可以将异步操作队列化,按照期望的顺序执行,返回符合预期的结果。 (3) 可以在对象之间传递和操作promise,帮助我们处理队列。 从语法上说: Promise 是一个对象,从它可以获取异步操作的消息。 Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理 executor是执行器,执行者的意原创 2021-12-03 13:03:48 · 615 阅读 · 0 评论 -
ES6:export default 和 export 区别
export default 和 export 区别:1.export与export default均可用于导出常量、函数、文件、模块等2.你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用3.在一个文件或模块中,export、import可以有多个,export default仅有一个4.通过export方式导出,在导入时要加{ },export default则不需要1.export//a.jsexport con原创 2021-11-12 08:51:05 · 267 阅读 · 0 评论 -
【ES6】let 与 const
ECMAScript与JavaScript的关系ECMAScript是JavaScript语言的国际标准,JavaScript是ECMAScript的实现。let 与 const 的用法let 用来声明变量,所声明的变量只在let命令所在的 代码块 内有效。const 用来声明常量,所谓常量就是物理指针不可以更改的变量。1、代码块与块级作用域{ let a = 1;}console.log(a) // 报错 a is not defined只需要用 {} 包起.原创 2021-11-05 11:17:55 · 89 阅读 · 0 评论