ES6的基础学习
文章平均质量分 62
从基础语法到后续的实际案例
小余努力搬砖
师承大彬老师
展开
-
ES6中 async 函数、await表达式 的基本用法
async是一个修饰符,async定义的函数会默认的返回一个Promise对象resolve(成功值)的值,因此对async函数可以直接进行then操作,返回的值即为then方法的传入函数。它也是一个修饰符,await关键字只能放在async函数内部,await关键字的作用就是获取Promise中返回的内容,获取的是Promise函数中resolve。1.await必须放在async函数中2.await右侧的表达式一般为promise对象3.await可以返回的是右侧promise成功的值4.awai原创 2022-07-20 15:25:33 · 1584 阅读 · 43 评论 -
ES6中 Promise 概念、基本用法和封装ajax(json数据使用)
一、定义Promise是异步编程的一种解决方案,可以替代传统的解决方案--回调函数和事件。ES6统一了用法,并原生提供了Promise对象。作为对象,Promise有一下两个特点:1.对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败),一旦发生改变就只有一种状态:Pending -> FulfilledPending -> Rejected。只有异步操作的结果,可以决定当前是哪一种状态,任何其...原创 2022-07-19 20:10:49 · 1775 阅读 · 56 评论 -
ES6中 Symbol 的基础学习,迭代器和生成器的基本用法
一、Symbol 的基础学习1.Symbol是惟一的,即使同一一个变量生成的也不相等2.不能与运算符计算,会直接报错3.Symbol创建唯一的值4.Symbol的应用二、迭代器的基本用法迭代器为所有数据结构提供了统一的访问机制。只要为数据结构部署了接口,就可以进行遍历操作。就是为遍历而生。1. 迭代器接口定义2.接口的应用三、生成器生成器是一种特殊的函数,是ES6提出的异步编程的解决方案,解决回调地狱的问题。1.生成器的定义2.生成器的传参一、Sym.........原创 2022-07-18 20:56:31 · 584 阅读 · 53 评论 -
ES6中set的基础、map数据结构和DOM classList的基础用法
一、set基础用法(add,delete,has,clear)二、map数据结构(set,get,delete,size,clear,has(指定key的元素), keys)三、DOM classList的基础用法一、set基础用法(add,delete,has,clear1.set定义与初始化数据const set = new Set([1,2,3,4,4]);console.log(set);//会把重复的自动删除 1,2,3,42.addt添加......原创 2022-07-18 00:05:13 · 662 阅读 · 50 评论 -
ES6中Array对象的方法和扩展、string的扩展方法、数组的遍历。(含例题)
目录一、Array对象方法1.Array.from():将伪数组或可遍历对象转换为真正的数组(字符串,对象,类数组,set,map等)2.array.find():返回数组符合条件的第一个元素的值(数组与对象)3.array.findindex():找出符合条件的成员的位置。4.array.includes():找出某个数组是否包含给定的值。二、Array扩展1.array.map() 返回新数组2. array.filter() 过滤3.array.reduce() 缩减4.array.fill() 填原创 2022-07-14 18:39:58 · 2501 阅读 · 46 评论 -
JavaScript 面向对象的基本用法
目录前言一、类的定义(class)语法:创建实例:举例:二、给类添加方法举例:三、类的继承(extends、调用super())举例:1.继承父类普通属性2.调用父类的构造函数3.调用父类的普通函数四、私有属性的获取语法:举例: JavaScript 语言中,生成实例对象的传统方法是通过构造函数,ES6 提供了更接近传统语言的写法,引入了 Class(类)这个概念,作为对象的模板。 使用class关键词 声明类,constructor为构造方法,一个类必须有constructor()方法,原创 2022-07-07 19:33:59 · 990 阅读 · 17 评论 -
ES6中箭头函数 (=>)、三点运算符(...)的基本用法和注意事项(this指向)
目录一、箭头函数基础语法:省略写法:this指向:1.全局函数下的this2.对象方法里面的this3.对像里面的箭头函数this4.构造函数中的this指向问题简单应用:二、三点运算符1.函数传不定参数,验证数组的长度。2.与解构使用3.与数组解构使用 函数传对象4.扩展1.用...输出数组2.合并数组3.将类数组转为真正的数组4.复制数组5.练习() =>{} // ():函数 =>:必须的语法,指向代码块 {}:代码块const realName = () => { } ;//把函数赋值给realNa原创 2022-07-13 16:26:15 · 1089 阅读 · 21 评论 -
JavaScript在ES6中的新变量 let 、const和解构赋值
为什么学习es6每一次标准的诞生都意味着语言的完善,功能的加强。JavaScript语言本身也有一些令人不满意的地方。- 变量提升特性增加了程序运行时的不可预测性- 语法过于松散,实现相同的功能,不同的人可能会写出不同的代码如果在外面选择输出,就会出现未定义的报错提示。2.不存在变量提升let必须写在输出的前面,不然会直接报错,需要格外的注意,也是先定义变量才能使用。3.使用let变量需要先声明后使用需要先声明变量,不声明变量直接使用,会出现没有声明的提示,要牢记先声明后使用的流程。......原创 2022-07-12 15:07:33 · 896 阅读 · 30 评论