前端充电宝的博客_JavaScript

面试题：手写 call、apply 及 bind 函数

1. 手写call()函数实现call()的大致思路如下：（1）首先，context是可选的参数，表示执行的上下调用对象 if (ty

javascript

js

面试题

调用函数

代码实现

原创 2022-07-12 21:14:54 299 阅读

如何实现一个深浅拷贝？

一、浅拷贝的原理与实现浅拷贝是指，一个新的对象对原始对象的属性值进行精

javascript

html5

深拷贝

数组

浅拷贝

原创 2022-07-12 21:10:08 101 阅读

JavaScript 中双引号、单引号和反引号的区别

javascript

前端

开发语言

面试题

单引号

原创 2022-07-12 17:50:01 140 阅读

深入理解JavaScript数据类型

目录1. Undefined2. null3. Boolean4. String5. Number6. Symbol7. Object8. StringToNumber9. 装箱转换10. 封箱转换JavaScript 语言规定

javascript

js

数据类型

字符串

基本类型

原创 2022-07-12 17:49:32 159 阅读

40+ JavaScript操作符，你都知道吗？

JavaScript中的操作符用于表达式的操作。JavaScript提供了很多操作符供我们选择，有些操作符是我们在开发中是经常使用的

javascript

开发语言

操作符

操作数

运算符

原创 2022-07-12 17:49:18 83 阅读

深入理解JavaScript闭包

目录1. 作用域（1）全局作用域（2）函数作用域（3）块级作用域2. 闭包（1）闭包的概念（2）闭包产生的原因（3）

javascript

js

闭包

作用域

全局变量

原创 2022-07-12 17:48:45 129 阅读

深入理解JavaScript数组

目录一、数组构造器1. 基础构造器2. ES6 构造器（1）Array.of（2）Array.from二、数组判断三、数组方法1. 改变自身的方

JavaScript

数组

构造器

扁平化

原创 2022-07-12 17:48:32 173 阅读

【JavaScript】常用的字符串方法汇总（含ES6字符串方法）

一、 ES5 字符串方法1. length2. charAt()3. charCodeAt()、fromCharCode()4. indexOf()、lastIndexOf()5. concat

字符串

JavaScript

js

子串

补全

原创 2022-07-12 17:47:07 346 阅读

【JavaScript】JS为什么要进行变量提升？

前言：用过的JavaScript的应该都知道，它有变量提升的机制，不过可能很少去考虑为什么会有变量提升的机制，现在就来看一

javascript

js

变量提升

预编译

执行上下文

原创 2022-07-12 17:46:44 447 阅读

【JavaScript】常用的数组方法汇总（含ES6数组方法）

1. shift()2. pop()3. splice()4. slice()5. concat()6. every()7. join()8. push()9. unshift()10. reverse()11. sort()12. toString()13. forEach()14. m

javascript

js

数组

字符串

数组方法

原创 2022-07-12 17:46:38 158 阅读

【JavaScript】理解面向对象

目录1. 理解对象1.1 属性类型1.2 定义多属性1.3 读取属性特性2. 创建对象2.1 工厂模式2.2 构造函数模式2.3 原型模式面向对象的

JavaScript

面向对象

构造函数

父类

子类

原创 2022-07-12 17:46:14 142 阅读

【JavaScript】函数原型与原型链

目录一、原型（prototype）二、显式原型与隐式原型三、原型链四、其他一、原型（prototype）当我们创建函数时，解析器会向函数中添加一个prototype属性，它默认指向一个Object空对象，即原型对象。原型对象中有一个constructor属性，它指向函数对象原型对象就相当于一个公共的区域，所有同一类的实例都可以访问这个原型对象，我们可以将对象中

javascript

js

原型对象

构造函数

原型链

原创 2022-07-12 17:45:56 296 阅读

【JavaScript】this、call、apply、bind

call()和apply()都是函数对象的方法，需要通过函数对象来调用，这两个方法都可以将一个对象指定为第一个参数，

js

javascript

this

call

bind

原创 2022-07-12 17:45:49 171 阅读

数组扁平化 && 对象扁平化

1. 数组扁平化1.1 toString + split1.2 reduce1.3 join + split1.4 递归 + 循环1.5 扩展运算符1.6 flat()2. 对象扁平化

JavaScript

js

数组扁平化

对象扁平化

数组

原创 2022-07-12 17:44:31 457 阅读

【JavaScript】数组reduce()方法的妙用

reduce() 方法对数组中的每个元素执行一个由您提供的reducer函数(升序执行)，将其结果汇总为单个返回值。（1）累

js

javascript

reduce

数组

一维数组

原创 2022-07-12 17:44:21 112 阅读

【JavaScript】浅谈Async / Await

Async / Await是ES7提出的一种**异步操作解决方案**。从字面上很好理解， async是异步的意思，await是等待的意思，两者的用法也是根据他们的含义来的，async用于申明一个function是异步的，而await 用于等待一个异步方法执行完成。

js

javascript

async

await

Promise

原创 2022-07-12 17:43:16 104 阅读

【JavaScript】ECMASript 6—10新增常用知识汇总

目录1. ECMASript 61.1 let 关键字1.2 const关键字1.3 变量的解构赋值1.4 模板字符串1.5 简化对象的写法1.6 箭头函数1.7 rest参数1.8 spread 扩展运算符1.9 Symb

javascript

数组

字符串

运算符

原创 2022-07-12 17:43:05 139 阅读

【ES6】声明、解构赋值、字符串的扩展、字符串新增方法

本文是对阮一峰老师《ECMAScript 6 入门》的一篇读书笔记。本文主要包括以下四个部分：1. 声明2. 解构赋值3. 字符串的扩展4. 字符串新增方法

javascript

js

es6/es7

字符串

赋值

原创 2022-07-12 17:41:43 91 阅读

【JavaScript】浏览器视口相关属性（图解）

element.clientWidth && element.clientHeightelement.clientLeft && element.clientTopelement.offsetParentelem

js

javascript

鼠标指针

元素节点

父级元素

原创 2022-07-12 17:41:30 163 阅读

【JavaScript】BOM（浏览器对象模型）知识梳理

目录1. window 对象1.1 全局变量1.2 窗口位置1.3 窗口大小1.4 导航和打开窗口1.5 间歇调用和超时调用1.6 系统对话框2. location

javascript

js

web

字符串

window对象

原创 2022-07-12 17:41:20 120 阅读

【JavaScript】对象创建、对象访问

目录一、对象创建二、访问对象数据的方法一、对象创建工厂模式创建对象function createPerson(name,age,gender){ var obj=

js

构造函数

数据

自定义

原创 2022-07-12 17:41:08 120 阅读

【JavaScript】对象的继承模式

目录1. 原型链继承2. 构造函数继承3. 组合继承（原型链+构造函数）4. 原型式继承（使用较少）5. 寄生式继承6. 寄生组合式

js

构造函数

父类

子类

原创 2022-07-12 17:41:01 68 阅读

【JavaScript】 JSON

JSON是一种轻量级的数据交换格式，它就是一个特殊的字符串，这个字符串可以被任意语言所识别，并且可以转化为任意语言的对象，

json

javascript

数组

js对象

原创 2022-07-12 17:40:53 101 阅读

【JavaScript】内存管理和垃圾回收

垃圾回收？垃圾回收：JavaScript代码运行时，需要分配内存空间来储存变量和值。当变量不在参与运行时，就需要系统收

js

垃圾回收

局部变量

数组

原创 2022-07-12 17:40:46 136 阅读

【JavaScript】包装类

this解析器在每次调用函数时都会向函数内部传递一个隐形的参数this，this指向的一个对象，这个对象就是函数执行的

javascript

基本数据类型

包装类

原创 2022-07-12 17:40:39 128 阅读

【JavaScript】变量提升、执行上下文、作用域、作用域链

目录变量提升、执行上下文1.概念2.执行上下文类型3.执行上下文栈4.创建执行上下文（理解）作用域、作用域链1.全局作用域和函数作用

javascript

执行上下文

作用域

作用域链

原创 2022-07-12 17:40:32 150 阅读

【JavaScript】字符串方法、数字方法、数组方法

字符串方法length 返回字符串的长度indexOf() 返回字符串中指定文本首次出现的索引。若未找到，返回-1接受第二个参数作为检索的起始

js

字符串

数组

数组元素

原创 2022-07-12 17:40:24 83 阅读

【JavaScript】正则表达式

文章目录什么是正则表达式创建正则表达式匹配模式基本字符数量字符位置字符特殊字符正则方法RegExp实例属性RegExp实例

正则表达式

js

字符串

特殊字符

原创 2022-07-12 17:40:18 87 阅读

【JavaScript】typeof、instanceof、数据类型转换

typeof使用及应用对于基本数据类型，除了null都可以显示正确的类型typeof 1 // 'number'typeof '1' // 'string'typeof undefined // 'undefined'typ

javascript

操作数

字符串

数组

原创 2022-07-12 17:40:05 101 阅读

【JavaScript】利用Promise封装Ajax中get和post方法

PromiseES6 原生提供了 Promise 对象。Promise 对象代表了未来将要发生的事件，用来传递异步操作的消息。Promise 特点:1、Prom

ajax

javascript

json

xml

异步操作

原创 2022-07-12 17:39:55 94 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx5bf35e966ee5d的博客

面试题：手写 call、apply 及 bind 函数

如何实现一个深浅拷贝？

JavaScript 中双引号、单引号和反引号的区别

深入理解JavaScript数据类型

40+ JavaScript操作符，你都知道吗？

深入理解JavaScript闭包

深入理解JavaScript数组

【JavaScript】常用的字符串方法汇总（含ES6字符串方法）

【JavaScript】JS为什么要进行变量提升？

【JavaScript】常用的数组方法汇总（含ES6数组方法）

【JavaScript】理解面向对象

【JavaScript】函数原型与原型链

【JavaScript】this、call、apply、bind

数组扁平化 && 对象扁平化

【JavaScript】数组reduce()方法的妙用

【JavaScript】浅谈Async / Await

【JavaScript】ECMASript 6—10新增常用知识汇总

【ES6】声明、解构赋值、字符串的扩展、字符串新增方法

【JavaScript】浏览器视口相关属性（图解）

【JavaScript】BOM（浏览器对象模型）知识梳理

【JavaScript】对象创建、对象访问

【JavaScript】对象的继承模式

【JavaScript】 JSON

【JavaScript】内存管理和垃圾回收

【JavaScript】包装类

【JavaScript】变量提升、执行上下文、作用域、作用域链

【JavaScript】字符串方法、数字方法、数组方法

【JavaScript】正则表达式

【JavaScript】typeof、instanceof、数据类型转换

【JavaScript】利用Promise封装Ajax中get和post方法