前端不拐弯-CSDN博客

原创 js 单例模式

无论是哪种方式，JS 单例模式的好处都是显而易见的。它可以帮助我们管理全局变量，避免命名冲突和重复加载，提高代码的可维护性和可扩展性。同时，它也可以减少内存占用，提高代码的性能表现。总之，JS 单例模式是一种非常有用的设计模式，它可以帮助我们更好地组织代码，提高代码的可读性和可维护性。如果你还没有使用过这种模式，不妨尝试一下，相信你会爱上它的简洁和实用。

2024-04-02 19:08:42 254 1

理解的话就是按照上面的顺序执行后，如果微任务有任务进行排队，我们会通过事件循环的机制会推到执行站里面去执行微任务，如果微任务队列还有排队的任务，再通过事件循环的机制推到执行站中执行，如果微任务所有的任务都执行完后。就会按照同样的方式执行宏任务。如果宏任务所有的任务都执行完毕后，我们的整个代码就执行完毕了。宏任务是由宿主（浏览器,node ）发起的。js 把异步任务分为宏任务和微任务。2. 微任务的异步代码（js引擎）3. 宏任务的异步代码（宿主环境）微任务是由于js引擎发起的任务。3.宏任务的异步代码。

2024-03-23 18:35:36 196

原创 JS 箭头函数简介

其中，parameters是函数的参数，可以是一个或多个参数，多个参数使用逗号分隔。statements是函数体，可以包含一条或多条语句。需要注意的是，箭头函数的简洁语法带来的便利性也意味着它的一些限制和特定用途。在实际使用中，需要根据具体情况来选择是否使用箭头函数。JavaScript 箭头函数是在ES6中引入的一种新的函数定义方式。它是一种简化了函数语法的函数形式，可以更简洁地定义函数。如果函数体只有一条语句，可以省略大括号，并且该语句的结果将作为函数的返回值。

2024-02-27 16:37:16 342

原创 js中typeof和instanceof的区别

js中简单数据类型有undefined,null,boolean,number,string.检测 null, object 和 new 函数都是‘object’ 类型。用typeof 检测只需要一个操作数，简单数据类型或者函数或者对象。js中typeof用于检测数据类型。js中复杂数据类型object。检测 undefined。检测 boolean,

2024-02-27 16:10:13 472

原创 JS防抖和节流

这样一来，只有最后一次操作能被触发。防抖的关键是需要一个 setTimeout 来辅助实现，延迟运行需要执行的代码，如果方法多次触发，则把上次记录的延迟执行代码用 clearTimeout 清掉，重新开始计时。前端开发中，常见的事件如，onresize，scroll，mousemove ,mousehover 等会短时间内多次触发（频繁触发），不做限制的话可能一秒执行几百次，指触发事件后，在 n 秒内函数只能执行一次，如果触发事件后在 n 秒内又触发了事件，则会重新计算函数延执行时间。

2024-02-24 14:10:14 286

原创 JS模块化

然而，随着前端应用程序的日益复杂性以及多人合作项目的需求，全局函数的使用导致了命名空间冲突、代码冗余等问题。为了解决这些问题，并提高代码的可维护性和可测试性，模块化开发规范（如 CommonJS、AMD、ES6 Modules）得到广泛接受和支持。在 JavaScript 的过去，没有像现在这样流行的模块化开发规范。因此，当我们想要创建可重复利用的功能或组件时，常常会将其定义为全局变量或函数。通过使用模块化开发规范，我们可以更好地管理和组织代码，同时也能够确保每个模块之间相对独立，避免命名冲突和代码冗余。

2024-02-22 15:11:03 329 1

原创 JS异步编程

f1执行完成后，会执行f2，这样就不会堵塞程序的运行，而是先执行主要逻辑，将耗时的操作推迟执行。回调函数的优点是简单、容易理解和部署，但缺点是不利于代码的阅读和维护，因为各个部分之间高度耦合，流程可能会变得混乱，且每个任务只能指定一个回调函数。首先，为f1绑定一个事件。采用这种方式，我们把同步操作变成了异步操作，f1不会堵塞程序运行，相当于先执行程序的主要逻辑，将耗时的操作推迟执行。回调函数的优点是简单、容易理解和部署，缺点是不利于代码的阅读和维护，流程会很混乱，而且每个任务只能指定一个回调函数。

2024-02-22 13:36:50 347 1

原创 JS 事件机制

js使我们有能力去创建动态页面，事件就是可以被js侦测到的行为简单理解就是用户操作鼠标或者键盘后，触发了js事件，然后产生对应的机制比如我们点击一个按钮，弹出对话框。1. 在 HTML 标签中指定。事件绑定有三种常见形式。

2024-02-22 10:24:58 337 1

原创 javascript this 指针

2.通过apply call bind 方法改变this指向我们给到的对象。3.函数指向A对象的方法来调用，这个函数的this指向的就是A对象。this指函数的自有变量指向了保存在堆中某个对象的数据，4.如果以上三种都不是指向undefined.1.new关键字创建的对象。判断this的指向，

2024-02-21 23:32:46 436

原创 js 作用域，上下文及闭包

闭包是指有权访问另一个函数作用域中的变量的函数，创建闭包的最常见的方式就是在一个函数内创建另一个函数，通过另一个函数访问这个函数的局部变量。javaScript中的作用域（Scope）指的是变量、函数等标识符在程序中可以被访问到的区域。2.函数内部可以引用外部的参数和变量。3.参数和变量不会被垃圾回收机制回收。

2024-02-21 23:22:03 561

原创 js原型链

原型链是js 中一个重要的概念，它是实现继承的机制之一，js中每一个对象都有一个显示原型prototype。原型又是一个对象，它包含了一些共享的属性和方法，在我们访问一个对象的属性或方法时，如果本身没有这个属性或者方法的时候，不仅仅在该对象上搜寻，还会搜寻该对象的原型，该对象原型的原型，依次层层向上搜寻，这个行程的链条关系我们称之为原型链。// 让一个构造函数的原型（Child）是另一个类型的实例，那么这个构造函数new出来的实例就具有该实例的属性。children1.info.gender = '男';

2024-02-21 20:24:31 323

weixin_44792454的博客