首页  思维导图  详情

js基础知识汇总

2022-06-06 14:03:06   0  举报





AI智能生成

为你推荐

查看更多



前端

知识点总结

作者其他创作

大纲/内容

块级作用域：块作用域由 { }包括，let和const具有块级作用域，var不存在块级作用域。块级作用域解决了ES5中的两个问题：内层变量可能覆盖外层变量用来计数的循环变量泄露为全局变量

变量提升：var存在变量提升，let和const不存在变量提升，即在变量只能在声明之后使用，否在会报错。

给全局添加属性：浏览器的全局对象是window，Node的全局对象是global。var声明的变量为全局变量，并且会将该变量添加为全局对象的属性，但是let和const不会。

重复声明：var声明变量时，可以重复声明变量，后声明的同名变量会覆盖之前声明的遍历。const和let不允许重复声明变量。

暂时性死区：在使用let、const命令声明变量之前，该变量都是不可用的。这在语法上，称为暂时性死区。使用var声明的变量不存在暂时性死区。

初始值设置：在变量声明时，var 和 let 可以不用设置初始值。而const声明变量必须设置初始值。

指针指向：let和const都是ES6新增的用于创建变量的语法。 let创建的变量是可以更改指针指向（可以重新赋值）。但const声明的变量是不允许改变指针的指向。

let、const、var的区别

const对象的属性可以修改吗

如果new一个箭头函数会怎么样

1.简洁。可以介绍没有参数或者返回值只有一个之类的省略情况

3.不能作为构造函数使用，

5.，没有prototype

6.不能用作Generator函数，不能使用yeild关键字

箭头函数与普通函数的区别

babel转化

箭头函数的this指向哪里

对象扩展运算符

转化参数序列，复制数组，合并数组，与解构赋值结合，字符串转数组

数组扩展运算符

扩展运算符的作用及使用场景

在 Vue3.0 中通过 Proxy 来替换原本的 Object.defineProperty 来实现数据响应式。

Proxy可以实现什么功能

数组

对象

对对象与数组的解构的理解

逐级解构

如何提取高度嵌套的对象里指定的属性

模板字符串

存在性判定

自动重复：

ES6中模板语法与字符串的处理

ES6

对原型、原型链的理解

原型修改与重写

原型链指向

原型链的终点是什么|如何打印出原型链的终点

如何获得对象非原型链上的属性

原型

回调函数

Promise

generator

asunc函数

异步编程的实现方式

setTimeout、Promise、Async/Await的区别

对Promise的理解

Promise的基本用法

Promise解决了什么问题

Promise.all和Promise.race的区别和使用场景

对async/await的理解

await到底在等啥

async/await优势

async/await对比Promise的优势

async/await如何捕获异常

并发与并行的区别

什么是回调函数？回调函数有什么缺点？如何解决回调地狱

setTimeout、setInterval、requestAnimationFrame各有什么特点

异步编程

理解定义

常用用途

函数节流

使用场景

① 减少全局变量；② 减少传递函数的参数量；③ 封装；

使用闭包会占有内存资源，过多的使用闭包会导致内存溢出等

优缺点

对闭包的理解

全局作用域

函数作用域

全局作用域和函数作用域

块级作用域

作用域链

对作用域、作用域链的理解

（1）全局执行上下文

（2）函数执行上下文

（3）eval函数执行上下文（不重要）

1. 执行上下文类型

2. 执行上下文栈

this。绑定

创建词法环境组件

创建变量环境组件

创建阶段

执行阶段

3. 创建执行上下文

对执行上下文的理解

执行上下文、作用域链、闭包

概念

回收机制

标记清除

引用计数

回收方式

函数

减少垃圾回收

浏览器的垃圾回收机制

意外的全局变量

计时器或回调函数

脱离DOM的引用

闭包

有哪些情况会导致内存泄漏

垃圾回收与内存泄漏

函数调用模式

方法调用模式

构造器调用模式

apply 、 call 和 bind 调用模式

对this对象的理解

call（）和apply()的区别

call和apply哪个性能更好？

call

apply

bind

实现call、bind及apply函数

this/call/apply/bind

简单性能测试。console.time

工厂模式

构造函数模式

原型模式

组合使用构造函数模式和原型模式

动态原型模式

寄生构造函数模式

对象创建的方式有哪些

原型链

构造函数

组合继承

原型式继承

寄生式继承

寄生式组合继承

对象继承的方式有哪些

面向对象

首先创建了一个新的空对象

设置原型，将对象的原型设置为函数的 prototype 对象

让函数的 this 指向这个对象，执行构造函数的代码（为这个新对象添加属性）

判断函数的返回值类型，如果是值类型，返回创建的对象。如果是引用类型，就返回这个引用类型的对象。

new操作符实现原理

map和Object的区别

map和weakMap的区别

值属性

函数属性

基本对象

数字和日期对象

字符串

可索引的集合对象

使用键的集合对象

矢量集合

结构话数据

控制抽象对象

反射

国际化

WebAssembly

其他

javaScript都有哪些内置对象

常用的正则表达式有哪些

对JSON的理解

javaScript脚本延迟加载的方式有哪些

Array.prototype.slice.call(arrayLike);

Array.from(arrayLike);

JavaScript类数组对象的定义

toString()

toLocalString()

可指定转换为·字符串时的分割符

join()

数组和字符串的转换方法

pop()

push()

数组尾部操作方法

shift()

unshift()

重排序reverse()和sort()

数组首部操作的方法

concat()

数组连接的方法

slice()

数组截取的方法

splice()

数组插入的方法

reduce()和reduceRight()

数组归并的方法

数组有哪些原生方法

UTF-8

UTF-32

Unicode、UTF-8、UTF-32的区别

常见的位运算符有哪些，其计算规则是什么

为什么函数的arguments的参数是类数组而不是数组？如何遍历类数组

社么是DOM、BOM

对类数组对象的理解、如何转化为数组

对AJAX的理解，实现一个AJAX请求

JavaScript为什么要变量提升，它导致了什么问题

什么是尾调用，使用尾调用有什么好处

ES6模块与CommonJS模块有什么异同

DOM获取

DOM创建

DOM删除

DOM修改

常见的DOM操作有哪些

use strict是什么意思？使用它区别是什么？

如何判断一个对象是否属于某个类

强类型语言和弱类型语言的区别

解释性语言和编译型语言的区别

for...in和for...of的区别

如何使用for...of遍历对象

ajax

fetch

axios

ajax、fetch、axios区别

数组遍历的方法有哪些

javaScript基础

String

Number

Boolean

Null

Undefined

es6新增

Symbol

BigInt

基础数据类型

Object

Function

Array

复合数据类型

JavaScript有哪些数据类型，它们的区别是什么？

typeof

instanceof

constructor

Object.proto.toString.call()

数据类型检测的方法有哪些

Object.prototype.toString.call()

obj.__proto__ === Array.prototype

Array.isArray(obj)

obj.instanceof Array

Array.prototype.isPrototypePf(obj)

判断数组的方式有哪些

undefined代表的是未定义，null代表的是空对象

undefined在javaScript中不是一个保留字，可以使用undefined作为变量名，但方法危险，可以使用viod 0安全的获取undefined值

当使用typeof判断时，null返回\"object\"，历史遗留问题

null和undefined区别

\"object\

typeof null结果是什么，为什么

instanceof 运算符用于判断构造函数的 prototype 属性是否出现在对象的原型链中的任何位置。

intanceof操作符的实现原理及实现

计算机是通过二进制的方式存储数据的，这两个数的二进制都是无限循环小数，而js处理这种最多保留小数点后52位，最后遵从0舍1入

void 0

如何安全的获取undefined值

typeof NaN结果是什么

isNaN和Number.isNaN函数的区别

首先会判断两者类型是否**相同，**相同的话就比较两者的大小；

类型不相同的话，就会进行类型转换；

会先判断是否在对比 null 和 undefined，是的话就会返回 true

判断两者类型是否为 string 和 number，是的话就会将字符串转换为 number

判断其中一方是否为 boolean，是的话就会把 boolean 转为 number 再进行判断

判断其中一方是否为 object 且另一方为 string、number 或者 symbol，是的话就会把 object 转为原始类型再进行判断

==操作符的强制类型转换规则

Null 和 Undefined 类型，null 转换为 \"null\"，undefined 转换为 \"undefined\"，

Boolean 类型，true 转换为 \"true\"，false 转换为 \"false\"。

Number 类型的值直接转换，不过那些极小和极大的数字会使用指数形式。

Symbol 类型的值直接转换，但是只允许显式强制类型转换，使用隐式强制类型转换会产生错误。

对普通对象来说，除非自行定义 toString() 方法，否则会调用 toString()（Object.prototype.toString()）来返回内部属性 [[Class]] 的值，如\"[object Object]\"。如果对象有自己的 toString() 方法，字符串化时就会调用该方法并使用其返回值。

其他值到字符串的转换规则

Undefined 类型的值转换为 NaN。

Null 类型的值转换为 0。

Boolean 类型的值，true 转换为 1，false 转换为 0。

String 类型的值转换如同使用 Number() 函数进行转换，如果包含非数字值则转换为 NaN，空字符串为 0。

Symbol 类型的值不能转换为数字，会报错。

对象（包括数组）会首先被转换为相应的基本类型值，如果返回的是非数字的基本类型值，则再遵循以上规则将其强制转换为数字。

其他值到数字值的转换规则

假值的布尔强制类型转换结果为 false。从逻辑上说，假值列表以外的都应该是真值。

其他值到布尔类型的值的转换规则

子主题

|| 和&&操作符的返回值