![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 93
m0_59897687
今天不学习,明天变垃圾
展开
-
ES7、ES8、ES9、ES10、ES11 新特性 总结
目录ES7新特性一、Array.prototype.includes二、指数操作符ES8新特性一、async 和 await1.async 函数2.await 表达式async和await结合读取文件:二、Object.values 和 Object.entriesES9新特性一、Rest/Spread 属性二、正则表达式命名捕获组三、正则表达式反向断言四、正则表达式 dotAll 模式ES10新特性一、Object.fromE...原创 2022-03-03 01:11:11 · 2406 阅读 · 0 评论 -
ES6新特性 — 迭代器、生成器、Promise、Set、Map、Class类、数值和对象的扩展、模块化
目录一、迭代器迭代器自定义遍历对象案例二、生成器生成器函数的参数生成器函数的两个实例:三、Promise实例化Promise对象Promise 读取文件四、Set数组去重:交集:并集差集五、Map六、class 类知识点:类的静态成员类的继承class的get和set七、数值扩展1.Number.EPSILON2. 二进制和八进制3. Number.isFinite() 与 Number.isNaN()...原创 2022-03-02 00:51:34 · 316 阅读 · 0 评论 -
ES6新特性 — let、const、解构赋值、模板字符串、简化对象、箭头函数、rest参数、spread扩展运算符、Symbol
目录ES介绍什么是ECMA?什么是 ECMAScript?什么是 ECMA-262?谁在维护 ECMA-262?为什么要学习 ES6?ECMAScript 6 新特性一、let 关键字在for循环表达式中使用var声明表达式变量在for循环表达式中使用let声明表达式变量二、const 关键字三、变量的解构赋值(1).数组的解构(2).对象的解构四、模板字符串五、简化对象写法六、箭头函数七、rest 参数八、spread 扩展...原创 2022-02-28 22:45:42 · 614 阅读 · 2 评论 -
Jquery对象、Jquery选择器、Jquery Dom操作及事件
目录一、Jquery的下载与安装1.下载及其版本2.安装3.优点二、Jquery核心三、DOM对象与Jquery包装集对象1.DOM对象2.Jquery包装集对象3.DOM对象转jQuery对象4.jQuery对象转DOM对象四、jQuery选择器1.基础选择器2.层次选择器3.表单选择器五、jQuery Dom操作1.操作元素的属性 (1).获取属性 (2).设置属性 (3).移除属性2.操作元素的样式3.操...原创 2022-02-27 21:46:38 · 1315 阅读 · 0 评论 -
JavaScript — 线程机制与事件机制
目录一、进程与线程1.进程2.线程3.相关知识4.相关问题二、浏览器内核三、定时器相关问题 1.定时器真的是定时执行的吗? 2.定时器回调函数是在分线程执行的吗? 3.定时器是如何实现的?四、JS是单线程的 1.如何证明JS执行是单线程的? 2.为什么JS要用单线程模式,而不用多线程模式 3.代码的分类: 4.JS引擎执行代码的基本流程五、事件循环模型 1.所有代码分类 2.JS引擎...原创 2022-02-25 15:52:50 · 782 阅读 · 0 评论 -
JavaScript — 对象创建模式与继承模式
目录一、对象创建模式方式一:Object构造函数模式方式二:对象字面量模式方式三:工厂模式方式四:自定义构造函数模式方法五:构造函数+原型的组合模式二、继承模式方式一:原型链继承方式二:借用构造函数继承(假的)方式三:原型链+借用构造函数的组合继承一、对象创建模式方式一:Object构造函数模式套路:先创建空Object对象,再动态添加属性/方法适用场景:起始时不确定对象内部数据问题:语句太多...原创 2022-02-24 22:31:21 · 111 阅读 · 0 评论 -
JavaScript — 闭包、闭包的作用、生命周期、自定义JS模块
目录一、理解闭包1.如何产生闭包?2.闭包到底是什么?3.产生闭包的条件?4.常见的闭包二、闭包的作用三、闭包的生命周期四、闭包的应用——自定义JS模块五、闭包的缺点及解决1.缺点2.解决一、理解闭包1.如何产生闭包?当一个嵌套的内部(子)函数引用了嵌套的外部(父)函数的变量(函数)时,就产生了闭包2.闭包到底是什么?*使用chrome调试查看*理解一:闭包是嵌套的内部函数(绝大部分人)*理解二:包含被引用变量(函数)的..原创 2022-02-24 17:24:36 · 980 阅读 · 2 评论 -
JavaScript — 变量提升与函数提升、执行上下文、作用域
目录一、变量提升与函数提升1.变量声明提升2.函数声明提升3.问题:变量提升和函数提升是如何产生的?二、执行上下文1.代码分类2.全局执行上下文3.函数执行上下文三、执行上下文栈四、作用域1.理解2.分类3.作用五、作用域与执行上下文1.区别12.区别23.联系六、作用域链1.理解2.查找一个变量的查找规则一、变量提升与函数提升1.变量声明提升 通过var定义(声明)的变量,在定...原创 2022-02-22 23:22:20 · 520 阅读 · 0 评论 -
JavaScript — 显式原型和隐式原型、原型链、探索instanceof
目录一、原型(prototype)1.函数的prototype属性2.给原型对象添加一个属性(一般是方法)二、显式原型和隐式原型三、原型链1.原型链2.构造函数/原型/实体对象的关系3.属性问题四、探索instanceof一、原型(prototype)1.函数的prototype属性每个函数都有一个prototype属性,它默认指向一个Object空对象(即成为:原型对象)原型对象中有一个属性constructor,它指向函数对象...原创 2022-02-21 21:59:17 · 512 阅读 · 0 评论 -
JavaScript — 对象、回调函数、IIFE、函数中的this
目录一、对象1.什么是对象?2.为什么要用对象?3.对象的组成4.如何访问对象内部数据二、函数1.什么是函数?2.为什么要用函数?3.如何定义函数?4.如何调用(执行)函数?三、回调函数1.什么函数才是回调函数?2.常见的回调函数?四、IIFE1.理解2.作用五、函数中的this1.this是什么?2.如何确定this的值?关于分号的问题: 一、对象1.什么是对象? 多个数据的封装体 ...原创 2022-02-20 16:50:27 · 425 阅读 · 0 评论 -
JavaScript — 数据类型的判断、数据,变量与内存之间的关系
目录一、数据类型的判断1.typeof2.instanceof3.===基本数据类型的判断示例对象的判断示例二、三个问题1.null与undefined的区别?2.什么时候给变量赋值为null呢?3.严格区别变量类型与数据类型?三、数据、变量、内存1.什么是数据2.什么是内存3.什么是变量4.内存、数据、变量三者之间的关系Q&A一、数据类型的判断数据类型分为基本类型和对象类型。基本类型有 String、Number、B原创 2022-02-19 18:52:27 · 672 阅读 · 0 评论 -
JavaScript — BOM 和 JSON
目录一、BOM浏览器对象模型1.Navigator2.History3.Location4.Screen5.Window(1).setInterval()(2).clearInterval()(3).延时调用 — setTimeout() 与clearTimeout()二、JSON (JavaScript Object Notation JS对象表示法)JSON分类JSON中允许的值一、BOM浏览器对象模型BOM可以使我们通过JS来...原创 2022-02-18 21:50:50 · 603 阅读 · 0 评论 -
JavaScript — 浏览器事件、冒泡和捕获、事件委托
目录一、浏览器事件1.事件处理程序2.addEventListener(1).添加处理程序(2).移除处理程序3.事件对象4.对象处理程序handleEvent二、冒泡和捕获1.冒泡2.event.target3.停止冒泡4.捕获三、事件委托一、浏览器事件事件是某事发生的信号。所有的 DOM 节点都生成这样的信号(但事件不仅限于 DOM)。以下列举出了一些DOM事件鼠标事件:click—— 当鼠标点击一个元素时(触摸屏设备会...原创 2022-02-16 23:54:53 · 949 阅读 · 0 评论 -
JavaScript — 样式和类、元素的大小和滚动、Window大小和滚动、坐标
目录一、样式和类1.className 和 classList2.元素样式3.重置样式属性4.计算样式:getComputedStyle()5.计算值和解析值二、元素的大小和滚动三、Window大小和滚动1.几何2.滚动四、坐标一、样式和类通常有两种设置元素样式的方式:在 CSS 中创建一个类,并添加它:<div class="..."> 将属性直接写入style:<div style="...">。JavaScri...原创 2022-02-16 14:48:24 · 308 阅读 · 0 评论 -
JavaScript — DOM的增删改查、节点、事件、文档的加载
目录一、DOM二、节点三、事件四、文档的加载五、DOM查询1.获取元素节点2.获取元素节点的子节点3.获取父节点和兄弟节点4. 其他DOM查询的方法常用搜索方法总结:5.matches()与closest()六、DOM的增删改创建新节点的方法插入和移除节点的方法七、DocumentFragment一、DOMDOM,全称Document Object Model 文档对象模型。JS中通过DOM来对HTML文档进行操作。只要理解了DOM..原创 2022-02-15 19:51:21 · 1423 阅读 · 0 评论 -
JavaScript — 正则表达式
目录一、认识正则表达式二、使用字面量来创建正则表达式三、字符串和正则表达式相关的方法1.split()2.search()3.match()4.replace()四、正则表达式语法量词检查一个字符串是否以a开头检查一个字符串中是否含有.一、认识正则表达式正则表达式用于定义一些字符串的规则,计算机可以根据正则表达式来检查一个字符串是否符合规则,获取将字符串中符合规则的内容提取出来 创建正则表达式的对象 ...原创 2022-02-13 20:50:10 · 214 阅读 · 0 评论 -
JavaScript — call()和apply()、Date对象、Math、包装类、字符串的方法
目录一、call()和apply()二、arguments三、Date对象1.创建Date对象2.相关方法四、Math1.Math.abs()2.Math.ceil()3.Math.floor()4.Math.round()5.Math.random()6.Math.max()、Math.min()7.Math.pow()8.Math.sqrt()五、包装类六、字符串的方法charAt()charCodeAt()Strin...原创 2022-02-10 21:59:13 · 593 阅读 · 0 评论 -
JavaScript — 初识数组、数组字面量和方法、forEach、数组的遍历
目录一、数组(Array)1.创建数组对象2.向数组中添加元素3.读取数组中的元素4.获取数组的长度5.修改length6.向数组最后一个位置添加元素二、数组字面量三、数组的方法1.push()2.pop()3.unshift()4.shift()5.slice()6.splice()7.concat()8.join()9.reverse()10.sort()四、数组的遍历五、forEach()一、数组(Array)..原创 2022-02-06 20:27:54 · 1260 阅读 · 0 评论 -
JavaScript — 原型与原型链、垃圾回收
目录一、原型 1.原型prototype 2.constructor 3.原型链 4. in 和 hasOwnProperty()二、垃圾回收(GC) 1.可达性 2.两个引用 3.相互关联的对象 4.内部算法一、原型 1.原型prototype我们所创建的每一个函数,解析器都会向函数中添加一个属性 prototype ,这个属性对应着一个对象,这个对象就是我们所谓的原型对象。如果函数作为普通函数调...原创 2022-02-05 19:52:52 · 589 阅读 · 0 评论 -
JavaScript — this关键字、使用工厂方法创建对象、构造函数
目录一、this关键字二、使用工厂方法创建对象三、构造函数instanceof一、this关键字解析器在调用函数每次都会向函数内部传递进一个隐含的参数, 这个隐含的参数就是this,this指向的是一个对象, 这个对象我们称为函数执行的上下文对象,根据函数的调用方式的不同,this会指向不同的对象1.以函数的形式调用时,this永远都是window2.以方法的形式调用时,this就是调用方法的那个对象举个例子: ...原创 2022-01-31 22:35:57 · 1145 阅读 · 0 评论 -
JavaScript — 函数创建、参数、返回值、作用域
目录一、创建函数初识函数:1.构造函数方法创建函数2.使用函数声明创建函数3.使用函数表达式创建函数二、函数的参数三、函数的返回值四、作用域 1.全局作用域 2.函数作用域一、创建函数初识函数: 函数也是一个对象,函数中可以封装一些功能(代码),在需要时可以执行这些功能(代码),函数中可以保存一些代码在需要的时候调用。使用typeof检查一个函数对象时,会返回function1.构造函数方法创建函数...原创 2022-01-31 12:42:46 · 855 阅读 · 0 评论 -
JavaScript — 数据类型之 Object(对象)
目录对象的分类一、创建对象1.使用构造函数创建2.使用对象字面量创建二、属性名和属性值属性名:计算属性:属性值:属性值简写:三、属性的增删改查 1.向对象添加属性 2.读取对象中的属性 3.修改对象中的属性 4.删除对象中的属性四、基本数据类型和引用数据类型五、for...in 循环对象属于一种复合的数据类型,在对象中可以保存多个不同数据类型的属性。对象是具有一些特殊特性的关联数组。它们存储属性...原创 2022-01-28 16:05:34 · 3858 阅读 · 1 评论 -
JavaScript — 代码块、流程控制语句(条件判断语句、条件分支语句、循环语句)
目录一、代码块二、流程控制语句 1.条件判断语句 (1).语法一 (2).语法二 (3).语法三 2.条件分支语句 3.循环语句 (1).while循环 (2).do...while循环 (3).for循环 4.break和continue (1).break (2).continue (3).计时器一、代码块...原创 2022-01-27 16:43:16 · 875 阅读 · 0 评论 -
JavaScript — 逻辑运算符、关系运算符、相等运算符、条件运算符
目录一、逻辑运算符 1. ! 非 2. && 与 3. || 或 4. && || 非布尔值的情况 (1).与运算 (2).或运算二、关系运算符 1. > 大于号 2. >= 大于等于 3. < 小于号 4. <= 小于等于 5.非数值的情况三、相等运算符 1. == 2. != 3. === 4. !==四、条件运算符...原创 2022-01-26 16:49:09 · 1622 阅读 · 0 评论 -
JavaScript — 强制类型转换、基础运算符
目录一、强制类型转换 1.将其他的数据类型转换为String (1).方式一 (2).方式二 2.将其他数据类型转换为Number (1).方式一:使用Number()函数 (2).方式二:这种方式用于字符串转换 3.将其他的数据类型转换为Boolean (1).方法一:使用Boolean()函数 (2).方法二:隐式类型转换二、基础运算符 1.常用术语 ...原创 2022-01-25 23:04:17 · 599 阅读 · 0 评论 -
JavaScript — 数据类型介绍
目录BigInt类型Boolean类型Null与Undefinedobject类型与 symbol类型Number类型String类型数据类型指的就是字面量的类型JavaScript 中有八种基本的数据类型(前七种为基本数据类型,也称为原始类型,而 object 为复杂数据类型)。number用于任何类型的数字:整数或浮点数,在 ±(253-1) 范围内的整数。 bigint 用于任意长度的整数。 string 用于字符串:一个字符串可以包含 0 个或多个字符,所以.原创 2022-01-24 17:27:18 · 519 阅读 · 1 评论 -
JavaScript — 数据类型之 Number数字类型
目录数字类型 1.编写数字的更多方法 2.十六进制、二进制、八进制数字 3.toString(base)方法 4.舍入 5. isNaN 和 isFinite 6. parseInt 和 parseFloat 7.其他数学函数 (1).Math.random (2).Math.max(a,b,c...) 和 Math.min(a,b,c...)(3).Math.pow(n,power)数据类型指...原创 2022-01-24 11:43:55 · 4913 阅读 · 0 评论 -
JavaScript — 数据类型之 String字符串
目录String字符串 1.引号 2.转义字符 3.字符串长度 4.访问字符 5. 改变大小写 6.查找子字符串 (1).str.indexOf() (2).includes、startsWith、endsWith 7.获取子字符串 (1).str.slice(start [, end]) (2).str.substring(start [, end]) (3)....原创 2022-01-23 20:18:57 · 962 阅读 · 0 评论 -
JavaScript — 字面量、常量、变量、标识符
目录一、字面量二、常量三、变量 1.变量的理解 2.变量命名 3.正确命名变量四、标识符一、字面量在计算机科学中,字面量(literal)是用于表达源代码中一个固定值的表示法(notation)。几乎所有计算机编程语言都具有对基本值的字面量表示,诸如:整数、浮点数以及字符串;而有很多也对布尔类型和字符类型的值也支持字面量表示;还有一些甚至对枚举类型的元素以及像数组、记录和对象等复合类型的值也支持字面量表示法。字面量都是一些不可...原创 2022-01-23 01:08:47 · 686 阅读 · 0 评论 -
JavaScript — 初识JavaScript、JS编写位置、注释、严格模式
目录一、初识JavaScript二、JS编写位置 1.标签属性中 2.script标签 3.外部JS文件(推荐使用)三、注释 1.单行注释 2.多行注释四、分号五、严格模式一、初识JavaScriptJavaScript诞生于1995年,它的出现主要是用于处理网页中的前端验证。所谓前端验证,就是指检查用户输入的内容是否符合一定的规则,比如:用户名的长度,密码的长度,邮箱的格式等等。 JavaScript是由网景公...原创 2022-01-21 14:45:47 · 681 阅读 · 0 评论