首页  思维导图  详情



 



前端面试之JS

2023-07-20 10:10:02   0  举报





AI智能生成

为前端面试而总结的当前涉及JS的所有知识点

前端

前端面试

前端知识

模板推荐

作者其他创作

大纲/内容

ES6+

let,const

定义

区别

Promise

定义

then

catch

reslove/reject

all

race

finally

class

面向对象

数据类型

constructor

extends

super

当做函数

当做对象

getter/setter

单例模式

抽象类

Set/Map

Set

实例属性

constructor

size

实例方法

add

delete

has

clear

遍历方法

forEach

entries

keys

values

应用

WeakSet

add

delete

has

Map

实例属性

实例方法

遍历方法

与其他数据结构转换

Map转数组

数组转Map

Map转对象

对象转Map

WeakMap

get

set

has

delete

模块化

区别

CommonJS

箭头函数

Proxy/Reflect

Proxy

Reflect

生成器/迭代器

generator

yield

yield*

iterator

可迭代对象

异步可迭代对象

装饰器

类的装饰

类属性的装饰

多个装饰器的执行顺序

异步

Promise

状态固化

状态无效

async/await

错误处理

对执行顺序的影响

async返回值

await右侧值类型

BOM

区别

作用

方法

事件

常用对象

History

location

screen

navigator

坐标

常用

offset

page

client

scroll

getBoundingClientRect

getComputedStyle

区别

鼠标事件属性

滚动条距离

可视区域

web Worker

限制

用法

数据传递

共享线程

关闭worker

错误处理

上下文

基础语法

基本类型

string

常见方法

分割

substring

substr

slice

split

查找

indexOf

includes

转化

toLowerCase

toUpperCase

trim

number

特殊

NaN

isNaN

无穷大

infinity

-infinity

方法

parseInt

parseFloat

toFixed

toString

boolean

!(取反)

||(或运算)

&&(与运算)

??(空值合并)

null

undefined

Symbol

引用类型

Object

常用方法

遍历/枚举

Object.keys

Object.values

Object.entries

Object.fromEntries

for/in

创建

Object.assign

Object.create

Object.defineProperty

hasOwnProperty

Object.getPrototypeOf

delete

Object.is

包装类

Number()

String()

Boolean()

深浅拷贝

浅拷贝

Object.assign

扩展运算符

slice,concat数组浅拷贝

深拷贝

JSON.parse(JSON.stringify(obj))

递归深拷贝

数组

增

unshift

push

concat

splice

删

shift

pop

slice

splice

改

splice

查

find

findIndex

indexOf

includes

some

every

filter

循环

for循环

for/of

forEach

map

reduce

其他

sort

flat/flatMap

reverse

fill

join

构造函数的数组方法

Array.from

Array.of

Array()

Array.isArray

标准对象

Date

Date.now()

new Date()

Math

Math.floor

Math.ceil

Math.round

Math.abs

Math.pow

Math.sqrt

Math.max/min

Math.random

RegExp

api

new RegExp()

reg.test

reg.exec

str.replace

str.split

str.match

str.search

特殊字符

点字符

位置字符

选择字符|

转义字符\

特殊字符

修饰符

量词

字符组

常用方法

类型转换

隐式转换

比较运算

四则运算

Object.is

常用类型转换

转布尔值

转数字

转字符串

对象转换成基础类型

toString()

valueof()

判断类型

常用判断类型

typeof

instanceOf

Object.prototype.toString.call()

判断是否是数组

Array.isArray

Array.prototype.isPrototypeOf()

Object.getPrototypeOf([]) === Array.prototype

判断对象是否为空

Object.keys().length

JSON.stringify() === '{}'

Object.getOwnPropertyNames().length

for/in

判断对象中是否存在某个属性

hasOwnProperty

in操作符

Reflect.has

Object.prototype.hasOwnProperty.call()

Object.hasOwn

Obejct.keys().includes

进阶

函数

函数定义

变量提升

函数参数

作用域

全局作用域

局部作用域

块级作用域

词法作用域

作用域链

立即执行函数

示例

闭包

概念

原理

作用

缺点

this指向

普通函数的this

对象方法的this

构造函数的this

匿名函数的this

绑定事件函数的this

箭头函数的this

call,apply,bind

特殊情况

保存this

new操作符

new的过程

new的实现

原型

原型链

继承

ES5继承

ES6继承

事件循环

垃圾回收

DOM

事件

事件流

事件源

事件对象

事件绑定

事件冒泡/捕获

stopPropagation

preventDefault

事件代理

a标签事件

Element

getElementsByClassName

getElementByTagName

getAttributeNode

getElementById

querySelector/querySelectorAll

createElement

appendChild

insertBefore

removeChild

innerHTML/innerText/TextContent

自定义属性data-*

节点

nodeType

nodeName

nodeValue

AttributeNode

HTML5新增事件

drag拖拽

地理信息

设备信息

 Collect

Get Started

前端面试复习

 Collect

Get Started

前端基础 & 前端面试

 Collect

Get Started

前端

 Collect

Get Started

前端面试大纲





0 条评论

下一页