JavaScript学习
文章平均质量分 61
LoserChaser
这个作者很懒,什么都没留下…
展开
-
JavaScript中自执行函数(IIFE)与类(Class)
在 JavaScript 中,自执行函数(立即调用的函数表达式,IIFE)和类(class)是两种不同的概念。IIFE 可以创建封闭的作用域,用于模块化代码和避免全局变量污染;class 可以利用面向对象编程的特性,创建对象和管理继承关系,提供了更清晰和结构化的方式来组织代码。但是iife可以用来模拟类的构造函数。原创 2024-09-04 18:03:33 · 612 阅读 · 0 评论 -
JavaScript琐碎-数组方法对比
JavaScript中数组方法对比原创 2024-08-23 09:49:07 · 443 阅读 · 0 评论 -
前端三方库零碎(持续更新)
本文主要记录开发实践过程中遇到的前端库,做个记录总结,以备不时之需。原创 2024-07-26 20:34:33 · 348 阅读 · 0 评论 -
TypeScript-函数类型
函数类型理解原创 2024-04-01 16:51:50 · 226 阅读 · 0 评论 -
从入门到自定义Promise系列(三)——自定义Promise最简单描述、理解及实现
《尚硅谷Promise教程(promise前端进阶必学)》学习笔记目录JavaScript部分HTML部分根据学习视频,记录笔记,理顺思路,理解自定义Promise的实现思想JavaScript部分/** * 自定义Promise函数 模块 * ES5中模块定义方法:匿名函数自调用(或者自调用函数表达式或者函数表达式自调用)即IIFE */(function (window) { /** * Promise构造函数 * excutor:执行器函数(同步执行) */原创 2021-03-11 10:43:54 · 327 阅读 · 1 评论 -
从入门到自定义Promise系列(二)——Promise理解
《尚硅谷Promise教程(promise前端进阶必学)》学习笔记目录1、Promise 是什么?2、Promise 的状态改变3、Promise 基本流程4、Promise 基本使用5、使用 Promise 的原因5.1、Promise 方式指定回调函数的方式更加灵活5.2、Promise 支持链式调用,可以解决回调地狱问题6、如何使用 Promise6.1、API7、Promise 几个关键问题7.1、如何改变 promise 的状态7.2、一个 promise 指定多个成功/失败回调函数,都会调用?原创 2021-03-10 09:12:56 · 456 阅读 · 0 评论 -
ES2015+学习笔记系列(十一)——ES6+新特性
目录ECMAScript7新特性ECMAScript8新特性——Async、AwaitES8对象方法扩展ES9 扩展运算符与rest参数ES9正则扩展命名捕获分组反向断言dotAll模式ES10 新特性Object.fromEntriestrimStart与trimEndflat与flatMapSymbol.prototype.descriptionES11新特性私有属性Promise批处理方法字符串扩展方法matchAll可选链操作符动态importBigIntglobalThis包含ES6、ES7、E原创 2021-03-08 09:40:49 · 635 阅读 · 0 评论 -
ES2015+学习笔记系列(十)——Async和Await
目录ECMAScript8新特性——async、await一、async函数二、await表达式三、async和await集合读取文件四、async和await结合封装AjaxECMAScript8新特性——async、awaitasync和await两种语法相结合可以让异步代码像同步代码一样一、async函数async函数的返回值为promise对象,此对象由此函数内部return的状态决定promise对象的结果由async函数执行的返回结果决定async function asyncT原创 2021-03-08 09:31:20 · 429 阅读 · 0 评论 -
ES2015+学习笔记系列(九)—— ES6模块化
目录1、ES6模块化2、模块化规范产品3、ES6模块化语法3.1、export暴露方式3.1.1、分别暴露3.1.2、统一暴露3.1.3、默认暴露3.2、引入模块3.2.1、通用导入3.2.2、解构赋值形式3.2.3、简便形式(只能针对默认暴露)4、浏览器使用ES6模块化方式4.1、直接导入方式4.2、app.js方式4.3、Babel方式1、ES6模块化模块化是将一个大的程序文件,拆分成许多小的文件,然后将小文件组合起来.优点:防止命名冲突代码复用高维护性2、模块化规范产品Commo原创 2021-03-05 09:36:58 · 639 阅读 · 1 评论 -
ES2015+学习笔记系列(八)—— 数值、对象扩展
文章目录数值扩展对象方法扩展数值扩展Number.EPSILON是JavaScript表示的最小精度,接近2.22E-16二进制和八进制二进制0b开头,八进制0o开头,十六进制ox开头Number.isFinite检测一个数值是否为有限数Number.inNaN检测一个数值是否为有限数Number.parsInt Number.parseFloat字符串转换Number.isInteger判断一个数是否为整数Math.trunc将数字的小鼠部分抹掉Ma原创 2021-03-05 09:19:28 · 228 阅读 · 1 评论 -
ES2015+学习笔记系列(七)—— Class类
目录class类类定义class静态成员ES5方式实例对象ES6中class静态成员对象继承ES5使用构造函数实现对象继承ES6中class对象继承子类对父类方法的重写class中getter和setterclass类作为对象模板,通过class关键字,可以定义类。基本上,ES6的class可以看做知识一个语法糖,他的绝大部分功能,ES5都可以做到。新的class写法只是让对象原型的写法更加清晰、更像面向对象的语法而已。类定义构造方法,名字必须为constructor,不可修改方法必须使原创 2021-03-04 12:06:44 · 596 阅读 · 2 评论 -
ES2015+学习笔记系列(六)—— Set和Map
目录SetMapSetES6提供新的数据结构Set(集合)。它类似于数组,但***成员的值都是唯一的***,集合实现了iterator接口,所以可以使用扩展运算符和for…of…进行遍历。1 .集合的属性和方法:size 返回集合的元素个数add 增加一个新元素,返回当前集合delete 删除元素,返回bool值has 检测集合中是否包含某个元素,返回bool值clear 清空集合2 .应用数组去重let setArr1 = [1,2,3,4,5,4,3,2,1];l原创 2021-03-04 12:01:17 · 242 阅读 · 1 评论 -
ES2015+学习笔记系列(五)—— Promise
文章目录Promise基本语法Promise的then方法Promise基本语法Promise是ES6引入的异步编程的新解决方案。语法上Promise是一个构造函数,用来封装异步操作并可以获取其成功或失败的结果。Promise构造函数:Promise(excutor){}Promise.prototype.then方法Promise.prototype.catch方法Promise封装Ajax let p = new Promise((resolve, reject) =&原创 2021-03-04 11:59:48 · 187 阅读 · 1 评论 -
ES2015+学习笔记系列(四)—— 生成器
目录生成器生成器函数参数生成器实例生成器生成器函数是ES6提供的一种异步编程解决方案,语法行为与传统函数完全不同生成器对象信息function* gen() { yield "aaa"; yield "bbb"; yield "ccc";}let iteratorGen = gen();//返回值为一个迭代器对象console.log(iteratorGen);console.log(iteratorGen.next()); //{value: "aaa", done: f原创 2021-03-04 09:53:28 · 125 阅读 · 1 评论 -
ES2015+学习笔记系列(三)—— 迭代器
目录迭代器自定义迭代器遍历对象迭代器迭代器(Iterator)是一个接口,任何数据结构只要部署了Iterator 接口(即对象中的属性,Symbol.iterator),就可以完成遍历操作。ES6 创造的新的遍历命令 for…of 循环,Iterator 接口主要供 for…of 消费。(for…in 遍历键名,for…of 遍历键值)原生具备 iterator 接口的数据(可用 for…of):Array 、Arguments、Set、Map、String、TypedArray、NodeL原创 2021-03-04 09:01:15 · 113 阅读 · 1 评论 -
ES2015+学习笔记系列(二)——Symbol
ES2015+学习笔记系列(二)——Symbol文章目录ES2015+学习笔记系列(二)——SymbolSymbol 特点创建 Symbol(两种方式)Symbol 创建对象属性Symbol 内置值七种数据类型原始数据类型 Symbol,表示独一无二的值,第七种数据类型Symbol 特点Symbol 的值是唯一的,用来解决命名冲突的问题Symbol 值不能与其他数据进行运算Symbol 定义的对象属性不能用 for…in 循环遍历,但可以使用 Reflect.ownKeys 来获取对象的所有键原创 2021-03-03 09:05:25 · 144 阅读 · 2 评论 -
ES2015+学习笔记系列(一)——ES6 基础类型
ES2015+学习笔记系列(一)——ES6 基础类型目录letconst 定义常量变量的解析赋值模板字符串简化对象写法箭头函数参数默认值rest 参数spread 扩展运算符(...)let1 .变量不能重复声明2 .块级作用域3 .不存在变量提升4 .不影响作用域链const 定义常量1 .一定要赋初始值2 .一般常量使用大写3 .常量的值不能修改4 .块级作用域5 .对于数组和对象元素修改,不算对常量的修改,不会报错const TEAM = ['UZI','Ming','Ka.原创 2021-03-02 09:32:54 · 313 阅读 · 0 评论