
JavaScript高级
文章平均质量分 94
js高级语法,包括promise、this等
DustinWangq
在代码的世界,打下属于自己的天下
展开
-
JavaScript中的await-async-事件循环-异常处理
Javascript中的await、async关键字,事件循环,宏任务、微任务队列,异常捕获机制原创 2023-12-19 21:28:33 · 1075 阅读 · 0 评论 -
JavaScript中的生成器与迭代器详解
在面向对象开发中,我们可以通过class定义一个自己的类,这个类可以创建很多的对象:如果我们也希望自己的类创建出来的对象默认是可迭代的,那么在设计类的时候我们就可以添加上 @@iterator 方法;案例:创建一个classroom的类教室中有自己的位置、名称、当前教室的学生;这个教室可以进来新学生(push);创建的教室对象是可迭代对象;} else {const classroom = new Classroom("二楼", "高三二班", ["张三", "李四", "王五"])原创 2023-12-15 15:34:01 · 493 阅读 · 0 评论 -
JavaScript网络编程
什么是HTTP呢?超文本传输协议(英语:HyperText Transfer Protocol,缩写:HTTP)是一种用于分布式、协作式和超媒体信息系统的应用层协议;HTTP是万维网的数据通信的基础,设计HTTP最初的目的是为了提供一种发布和接收HTML页面的方法;通过HTTP或者HTTPS协议请求的资源由统一资源标识符(Uniform Resource Identifiers,URI)来标识;HTTP是一个客户端(用户)和服务端(网站)之间请求和响应的标准。原创 2023-12-13 10:50:20 · 1245 阅读 · 0 评论 -
防抖-节流-深拷贝-事件总线
lodashunderscore这里使用underscore我们可以理解成lodash是underscore的升级版,它更重量级,功能也更多;但是目前我看到underscore还在维护,lodash已经很久没有更新了;Underscore的官网: https://underscorejs.org/下载Underscore,本地引入;通过CDN直接引入;通过包管理工具(npm)管理安装;这里我们直接通过CDN:原创 2023-11-17 17:23:30 · 242 阅读 · 0 评论 -
storage和正则表达式
正则表达式(英语:Regular Expression,常简写为regex、regexp或RE),又称正则表示式、正则表示法、规则表达式、常规表示法,是计算机科学的一个概念;正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串。许多程序设计语言都支持利用正则表达式进行字符串操作。简单概况:正则表达式是一种字符串匹配利器,可以帮助我们搜索、获取、替代字符串;在JavaScript中,正则表达式使用RegExp模式(patterns)和修饰符(flags)原创 2023-11-17 15:30:13 · 500 阅读 · 0 评论 -
Promise用法详解
第一,我们需要自己来设计回调函数、回调函数的名称、回调函数的使用等;第二,对于不同的人、不同的框架设计出来的方案是不同的,那么我们必须耐心去看别人的源码或者文档,以便可以理解它这个函数到底怎么用;Promise是一个类,可以翻译成 承诺、许诺 、期约;当我们需要的时候,给予调用者一个承诺:待会儿我会给你回调数据时,就可以创建一个Promise的对象;在通过new创建Promise对象时,我们需要传入一个回调函数,我们称之为executor这个回调函数会被立即执行,并且给传入另外两个回调函数。原创 2023-11-06 17:24:45 · 205 阅读 · 0 评论 -
JavaScript中的Proxy-Reflect详解
Reflect也是ES6新增的一个API,它是一个对象,字面的意思是反射。那么这个Reflect有什么用呢?它主要提供了很多操作JavaScript对象的方法,有点像Object中操作对象的方法;比如Reflect.getPrototypeOf(target)类似于 Object.getPrototypeOf();比如Reflect.defineProperty(target, propertyKey, attributes)类似于Object.defineProperty();原创 2023-11-03 11:12:13 · 287 阅读 · 0 评论 -
ES6~ES13新特性(二)
来判断一个数组中是否包含一个指定的元素,根据情况,如果包含则返回 true,否则返回false。在前面,我们可以通过 Object.entries 将一个对象转换成 entries。某些字符串我们需要对其进行前后的填充,来实现某种格式化效果,ES8中增加了。去除一个字符串首尾的空格,我们可以通过trim方法,如果单独去除。,并将所有元素与遍历到的子数组中的元素合并为一个新数组返回。如果我们默认将一个对象赋值给另外一个引用,那么这个引用是一个。可选链也是ES11中新增一个特性,主要作用是让我们的代码在。原创 2023-11-03 09:36:30 · 403 阅读 · 0 评论 -
ES6中的Set集合与Map映射
因为WeakSet只是对对象的弱引用,如果我们遍历获取到其中的元素,那么有可能造成对象不能正常的销毁。我们可以发现Set中存放的元素是不会重复的,那么Set有一个非常常用的功能就是给数组。和Map类型的另外一个数据结构称之为WeakMap,也是以键值对的形式存在的。在ES6之前,我们存储数据的结构主要有两种:数组、对象。Set是一个新增的数据结构,可以用来保存数据,类似于。所以存储到WeakSet中的对象是没办法获取的;另外一个新增的数据结构是Map,用于存储。,也是内部元素不能重复的数据结构。原创 2023-10-23 15:38:36 · 671 阅读 · 0 评论 -
ES6~ES13新特性(一)
而window对象是早期的GO(Global Object)对象,在最新的实现中其实是浏览器添加的全局对象,并且一直保持了window和var之间值的。从上面我们可以看出,在执行上下文的词法环境创建出来的时候,变量事实上已经被创建了,只是这个变量是不能被访问的。后面的元素是一个个模块字符串传入的内容;在ES6之前,如果我们想要将字符串和一些动态的变量(标识符)拼接到一起,是非常麻烦和丑陋的(ugly)。我们知道var声明的变量是会进行作用域提升的,但是如果我们使用let声明的变量,在声明之前访问会。原创 2023-10-23 14:18:28 · 749 阅读 · 0 评论 -
JavaScript ES6类的定义与继承
我们会发现,按照前面的构造函数形式创建类,不仅仅和编写普通的函数过于相似,而且代码并不容易理解。在ES6(ECMAScript2015)新的标准中使用了class关键字来直接定义类;但是类本质上依然是前面所讲的构造函数、原型链的语法糖而已;所以学好了前面的构造函数、原型链更有利于我们理解类的概念和继承关系;那么,如何使用class来定义一个类呢?可以使用两种方式来声明类:类声明和类表达式;// 方式一 类声明// 方式二 类表达式。原创 2023-10-20 00:58:28 · 667 阅读 · 0 评论 -
JavaScript ES5实现继承
方法直接在一个对象上定义 多个 新的属性或修改现有属性,并且返回该对象。age: 18,// 新增的方法name: {},age: {},height: {})原创 2023-10-09 11:04:16 · 222 阅读 · 0 评论 -
JavaScript对象的增强知识
方法直接在一个对象上定义 多个 新的属性或修改现有属性,并且返回该对象。age: 18,// 新增的方法name: {},age: {},height: {})原创 2023-10-08 09:50:37 · 117 阅读 · 0 评论 -
JavaScript函数的增强知识
函数属性,length、name,函数的argument参数,函数的剩余参数、可变参数,纯函数的概念,柯里化的应用,组合函数,eval和with的应用,严格模式的使用原创 2023-09-26 00:21:04 · 245 阅读 · 0 评论 -
JavaScript内存管理和闭包
这里先来看一下闭包的定义,分成两个:在计算机科学中和在JavaScript中。闭包(英语:Closure),又称词法闭包(Lexical Closure)或函数闭包(function closures);是在支持头等函数的编程语言中,实现词法绑定的一种技术;闭包在实现上是一个结构体,它存储了一个函数和一个关联的环境(相当于一个符号查找表);闭包跟函数最大的区别在于,当捕捉闭包的时候,它的自由变量会在捕捉时被确定,这样即使脱离了捕捉时的上下文,它也能照常运行;原创 2023-09-25 16:03:22 · 140 阅读 · 0 评论 -
深入JavaScript的运行原理
JavaScript代码下载好之后,是如何一步步被执行的呢?WebCore另外一个强大的JavaScript引擎就是。原创 2023-09-21 09:52:17 · 135 阅读 · 0 评论 -
深入浏览器的渲染原理
大家有没有深入思考过:一个网页URL从输入到浏览器中,到显示经历过怎么样的解析过程呢?要想深入理解下载的过程,我们还要先理解,一个index.html被下载下来后是如何被解析和显示在浏览器上的。原创 2023-09-20 16:54:42 · 153 阅读 · 0 评论 -
JavaScript函数this指向
this指向详解原创 2023-09-19 04:15:00 · 247 阅读 · 0 评论