分类：JavaScript

2020
10-10

JavaScript 几种循环方式以及模块化的总结

小小最近学习到了js的几种循环方式，对这几种循环方式进行总结。以及对模块化的相关知识点进行总结，循环方式循环方式分为好几种循环方式，分别是for循环，forEach循环，map循环，for..in循环，for…of循环，jquery的循环。小小将会依次对这几种循环方式进行介绍。一般数组遍历循环这里使用常用的数组遍历方式。一般来说，常用的数组遍历如下for(varindex=0;index<myArray.length;index++){console.log(myArray[index]);... 继续阅读 >
2020
10-10

JavaScript事件循环及宏任务微任务原理解析

JavaScript事件循环及宏任务微任务原理解析 首先看一段代码：打印顺序是什么？正确答案：scriptstart,scriptend,promise1,promise2,setTimeout其中涉及到事件循环（eventloop），宏任务（macrotask），微任务(microtask)一、事件循环EventLoop程序中设置两个线程：一个负责程序本身的运行，称为"主线程"；另一个负责主线程与其他进程（主要是各种I/O操作）的通信，被称为"EventLoop线程"（可以译为"消息线程"）。所有任务可以分成两种，一种是同步任务（synchronou... 继续阅读 >
2020
10-10

JavaScript this关键字指向常用情况解析

在之前写代码的经历中，常常试过写着写着this就莫名其妙的不知道指向到哪里去了。今天看了曾探的javascript设计模式，里面特别谈到了this在不同情况下指代的对象，非常有意思。this指代的情况this有以下4种情况：1、对象.函数的形式调用：object.function();2、普通函数的形式调用：function();3、构造器调用;4、Function.prototype.call或Function.prototype.apply调用;1、对象.函数的形式调用对象.函数方式调用时，指代该对象。v... 继续阅读 >
2020
10-10

JavaScript arguments.callee作用及替换方案详解

一、arguments.callee的作用:返回正被执行的Function对象arguments的主要用途是保存函数参数，但这个对象还有一个名叫callee的属性，返回正被执行的Function对象，也就是所指定的Function对象的正文，这有利于匿名函数的递归或者保证函数的封装性。请看下面这个非常经典的阶乘函数functionfactorial(num){if(num<=1){return1;}else{returnnum*factorial(num-1)}}定义... 继续阅读 >
2020
10-10

JavaScript Array.flat()函数用法解析

在过去的几年中，已经将许多有用的功能添加到JavascriptArray全局对象中，这些功能为开发人员在编写可用于数组的代码时提供了多种选择。这些功能提供了许多优点，其中最值得注意的是，虽然在过去的一段时间里，开发人员必须实现自己的复杂逻辑来执行各种数组操作，但现在这些新功能已经不再需要这种自制的实现。本文将探讨的有用功能之一是flat()函数。JavaScript的Array.flat()函数深入探讨功能概述flat()函数提供了将一组数... 继续阅读 >
2020
10-10

通过实例解析JavaScript常用排序算法

通过实例解析JavaScript常用排序算法 冒泡排序冒泡排序是我们在编程算法中，算是比较常用的排序算法之一，在学习阶段，也是最需要接触理解的算法，所以我们放在第一个来学习。算法介绍：比较相邻的两个元素,如果前一个比后一个大，则交换位置。第一轮把最大的元素放到了最后面。由于每次排序最后一个都是最大的，所以之后按照步骤1排序最后一个元素不用比较。冒泡算法改进：设置一个标志，如果这一趟发生了交换，则为true。否则为false。如果这一趟没有发生交换，则说... 继续阅读 >
2020
10-10

JavaScript array常用方法代码实例详解

1.map/reducemap()map()是array的一个方法作用:对array中每一个元素调用自定义函数'usestrict';functionpow(x){returnx*x;}vararr=[1,2,3,4,5]varnewarray=arr.map(pow)map的回调函数有三个参数:callback(currentValue,index,array)通常只要第一个参数PS:map()传入的参数是pow,即函数对象本身通常map调用的自定义方法只包含一个参数reduce()reduce()也是array的一个方法作用:从数组的前两个元素开始,作为函数参数,传入函... 继续阅读 >
2020
10-10

详解JavaScript 事件流

事件HTML中与javascript交互是通过事件驱动来实现的，例如鼠标点击事件、页面的滚动事件onscroll等等，可以向文档或者文档中的元素添加事件侦听器来预订事件。想要知道这些事件是在什么时候进行调用的，就需要了解一下“事件流”的概念。事件流事件流描述的就是从页面中接收事件的顺序。而早期的IE和Netscape提出了完全相反的事件流概念，IE事件流是事件冒泡，而Netscape的事件流就是事件捕获。事件流类别事件冒泡即从下至上，从目... 继续阅读 >
2020
10-10

JavaScript交换变量常用4种方法解析

JavaScript交换变量常用4种方法解析 许多算法需要交换2个变量。在编码面试中，可能会问您“如何在没有临时变量的情况下交换2个变量？”。我很高兴知道执行变量交换的多种方法。在本文中，您将了解大约4种交换方式（2种使用额外的内存，而2种不使用额外的内存）。1.解构赋值解构赋值语法（ES2015的功能）使您可以将数组的项提取到变量中。例如，以下代码对数组进行解构：leta;letb;[a,b]=[1,2,3];a;//=>1b;//=>2[a，b]=[1,2,3]是对[1,2,3]数组进行解... 继续阅读 >
2020
10-10

谈谈JavaScript令人迷惑的==与+

前言相信很多学习过JavaScript的小伙伴都对JavaScript的==与+有一些疑惑，经常会出现结果与自己想象不一样的情况，而且也没找到一个通用的方法，只能死记硬背，非常难受。（咦，这不就是说的我嘛，嘻嘻嘻）今天就一起来揭开它们的神秘面纱，彻底解决掉他们。正式开始之前，先来小试牛刀一下：null==undefined;[]==[];'23'=23;45==[45];false==undefined;""==[null];{}+{};false+1ToPrimitive函数ToPrimitive... 继续阅读 >
2020
10-10

JavaScript事件委托实现原理及优点进行

1、什么是事件委托？事件委托就是利用冒泡的原理，将事件加到父元素或祖先元素上，触发执行效果。例：在document中绑定click事件，当click的对象为按钮btn时，弹框显示按钮btn的值<body><buttonid="btn"value="嘿嘿">哈哈</button><script>window.onload=function(){letbtn=document.getElementById("btn")document.onclick=function(e){//console.log(e.target)if(e.target===btn){alert(bt... 继续阅读 >
2020
10-10

Javascript call及apply应用场景及实例

Javascript call及apply应用场景及实例 一、作用及应用场景call和apply是Function的方法，他的第一个参数是this，第二个是Function的参数。call和apply都是为了改变某个函数运行时的context即上下文而存在的，换句话说，就是为了改变函数体内部this的指向。因为JavaScript的函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改变的」这样的概念。二者的作用完全一样，只是接受参数的方式不太一样。call需要把参数按顺序传递进去，而apply则是把... 继续阅读 >
2020
10-10

Javascript类型判断相关例题及解析

题目：请在index.html文件中，编写arraysSimilar函数，实现判断传入的两个数组是否相似。具体需求：1.数组中的成员类型相同，顺序可以不同。例如[1,true]与[false,2]是相似的。2.数组的长度一致。3.类型的判断范围，需要区分:String,Boolean,Number,undefined,null,函数，日期,window.当以上全部满足，则返回"判定结果:通过"，否则返回"判定结果:不通过"。一、测试用例varresult=function(){//以下为多组测试数据... 继续阅读 >
2020
10-10

Javascript基于OOP实实现探测器功能代码实例

Javascript基于OOP实实现探测器功能代码实例 代码如下<script>/*所有探测器都有探测的方法和分析的方法，分析当前的浏览器环境，不管是浏览器还是nodejs*//*container容器探测器*//*link链接探测器*//*外层用一个立即执行的匿名函数包裹住，防止一些函数声明或者变量泄露到外面*/!function(global){functionDetectorBase(configs){//不让外部通过直接调用方式调用，必须使用new，不使用new就会报错/*使用new的话，this就是最后要返回的对象，thisinstanceofDetectorB... 继续阅读 >
2020
10-10

Javascript如何实现扩充基本类型

可以通过给Function.prototype增加方法来使得该方法对所有函数可用。通过给Function.prototype增加一个method方法，下次给对象增加方法的时候就不必键入prototype这几个字符了。Function.prototype.method=function(name,func){this.prototype[name]=func;returnthis;}一、JavaScript增加整数类型JavaScript没有专门的整数类型，但有时候确实只需要提前数字中的整数部分。可以给Number.prototype增加一个integer方法。inter()... 继续阅读 >
2020
10-10

Javascript var变量删除原理及实现

Javascript var变量删除原理及实现 var有三种声明的情形：var声明的全局变量var在函数范围内声明的局部变量eval中声明的全局变量。首先，1、2种情形var声明的变量是无法删除的。尽管var声明的全局变量是属于window对象的属性（在浏览器中），但依然是无法删除的，因为这种属性的configurable=false，因此不能delete掉。局部变量就更不用说了，连var变量依附的对象都不知道在哪里，肯定无法删除。而eval('vara=1')看似和直接var是一样的效果（当然是在全局作用... 继续阅读 >