分类：JavaScript

2020
10-08

javascript递归函数定义和用法示例分析

递归函数：是指函数直接或间接调用函数本身，则称该函数为递归函数。这句话理解起来并不难，从概念上出发，给出以下的例子：functionfoo(){console.log("函数foo是递归函数。");foo();}这个例子的foo函数就是一个递归函数。当你把这个函数拿到浏览器上运行的时候，你会发现内存溢出了，为什么呢？因为这个递归函数没有停止处理或运算的出口，因此这个递归函数就演变为一个死循环。那如何使用递归呢？使用递归函数必须要符合... 继续阅读 >
2020
10-08

JavaScript undefined及null区别实例解析

在JavaScript中，将一个变量赋值为undefined或null，老实说，几乎没区别。vara=undefined;vara=null;上面代码中，a变量分别被赋值为undefined和null，这两种写法几乎等价。undefined和null在if语句中，都会被自动转为false，相等运算符甚至直接报告两者相等。if(!undefined)console.log('undefinedisfalse');//undefinedisfalseif(!null)console.log('nullisfalse');//nullisfalseundefined==null//true上... 继续阅读 >
2020
10-08

基于VSCode调试网页JavaScript代码过程详解

一、调试准备Windows1064bitsIDE：VisualStudioCode1.28.2安装插件：Chrome（安装方法：Debug->InstallAdditionalDebuggers...->DebuggerforChrome，重新启动vscode即可。）二、调试配置首先该插件运行需要安装有本地服务器，其次有两种配置方式，分别为：（1）launch：重新打开一个chrome来显示应用程序（2）attach：在已经运行的chrome中显示应用程序2.1、Launch配置按F5并选择chrome进入配置文件launch.json，我的La... 继续阅读 >
2020
10-08

简单了解常用的JavaScript 库

JavaScript高级程序设计（特别是对浏览器差异的复杂处理），通常很困难也很耗时。为了应对这些调整，许多的JavaScript(helper)库应运而生。这些JavaScript库常被称为JavaScript框架。在本教程中，我们将了解到一些广受欢迎的JavaScript框架：jQueryPrototypeMooTools所有这些框架都提供针对常见JavaScript任务的函数，包括动画、DOM操作以及Ajax处理。在本教程中，您将学习到如何开始使用它们，来使得Java... 继续阅读 >
2020
10-08

详解js中的几种常用设计模式

工厂模式functioncreatePerson(name,age){varo=newObject();//创建一个对象o.name=name;o.age=age;o.sayName=function(){console.log(this.name)}returno;//返回这个对象}varperson1=createPerson('ccc',18)varperson2=createPerson('www',18)工厂函数的问题：工厂模式虽然解决了创建多个相似对象的问题，但是没有解决对象识别问题（即怎样知道一个对象的类型）。如下person1instanceo... 继续阅读 >
2020
10-08

详解js中的原型，原型对象，原型链

理解原型我们创建的每一个函数都有一个prototype(原型)属性，这个属性是一个指针，指向一个对象，而这个对象的用途是包含可以由特定类型的所有实例共享的属性和方法。看如下例子：functionPerson(){}Person.prototype.name='ccc'Person.prototype.age=18Person.prototype.sayName=function(){console.log(this.name);}varperson1=newPerson()person1.sayName()//-->cccvarperson2=newPerson()person2.sayName... 继续阅读 >
2020
10-08

详解JavaScript 作用域

作用域是可访问变量的集合。JavaScript作用域在JavaScript中,对象和函数同样也是变量。在JavaScript中,作用域为可访问变量，对象，函数的集合。JavaScript函数作用域:作用域在函数内修改。JavaScript局部作用域变量在函数内声明，变量为局部作用域。局部变量：只能在函数内部访问。//此处不能调用carName变量functionmyFunction(){varcarName="Volvo";//函数内可调用carName变量}因为局部变量只作用于函... 继续阅读 >
2020
10-08

javaScript实现一个队列的方法

1.队列是遵循先进先出（FIFO)原则的一组有序的项，队列在尾部添加元素，并从顶部移除元素，最新添加的元素必须排在队列的末尾。生活中常见的例子如排队等。2.创建一个队列类classQueue{constructor(){this.count=0;//记录队列的数量this.lowestCount=0;//记录当前队列头部的位置this.items=[];//用来存储元素。}}3.添加元素enqueue(element){this.items[this.count]=element;this.count++;}4.... 继续阅读 >
2020
10-08

详解javascript void(0)

void关键字介绍首先，void关键字是javascript当中非常重要的关键字，该操作符指定要计算或运行一个表达式，但是不返回值。语法格式：voidfunc()void(func())实例1当点击超级链接时，什么都不发生<!--1.当用户链接时，void(0)计算为0,用户点击不会发生任何效果--><ahref="javascript:void(0);"rel="externalnofollow"rel="externalnofollow">单击此处什么都不会发生</a><br>实例2执行void操作符当... 继续阅读 >
2020
10-08

浅谈JavaScript中你可能不知道URL构造函数的属性

浅谈JavaScript中你可能不知道URL构造函数的属性 URLURL是统一资源定位符，对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它,在Web开发中，有许多情况需要解析URL,这篇主要学习如何使用URL对象实现这一点例如，这里是这篇博客文章的路径:https://www.vipbic.com/thread.html?id=101通常您需要访问URL的特定属性。这些可能是主机名... 继续阅读 >
2020
10-08

浅析JavaScript 函数防抖和节流

函数防抖和节流都是对高频动作触发回调函数的一个优化，实现方式上有类似之处。先从使用场景做个区分。防抖使用场景：表单输入框校验提交按钮避免重复提交节流使用场景：scroll,mousemove,resize等函数防抖（debounce）表单输入框校验在用户不停的打字输入时并不需要向后台校验文本，只有当用户停下来一定时间后，这时候默认用户已经输入完毕了可以开始向后台提交文本了。表单的提交按钮被用户多次连续点击时，显然并不... 继续阅读 >
2020
10-08

详解JavaScript 异步编程

异步的概念异步（Asynchronous,async）是与同步（Synchronous,sync）相对的概念。在我们学习的传统单线程编程中，程序的运行是同步的（同步不意味着所有步骤同时运行，而是指步骤在一个控制流序列中按顺序执行）。而异步的概念则是不保证同步的概念，也就是说，一个异步过程的执行将不再与原有的序列有顺序关系。简单来理解就是：同步按你的代码顺序执行，异步不按照代码顺序执行，异步的执行效果更高：以上是关于异步的概念的解... 继续阅读 >
2020
10-08

详解JavaScript匿名函数和闭包

概述在JavaScript前端开发中，函数与对其状态即词法环境（lexicalenvironment）的引用共同构成闭包（closure）。也就是说，闭包可以让你从内部函数访问外部函数作用域。在JavaScript，函数在每次创建时生成闭包。匿名函数和闭包可以放在一起学习，可以加深理解。本文主要通过一些简单的小例子，简述匿名函数和闭包的常见用法，仅供学习分享使用，如有不足之处，还请指正。普通函数普通函数由fucntion关键字，函数名，()和一对{}... 继续阅读 >
2020
10-08

JavaScript this指向相关原理及实例解析

记得初学JavaScript时，其中this的指向问题曾让我头疼不已，我还曾私自将其与闭包、原型（原型链）并称JS武林中的三大魔头。如果你要想在JS武林中称霸一方，必须将这三大魔头击倒。个人认为在这三大魔头中，this指向问题的武功最菜（难度最低）。俗话说柿子捡软的捏，那我们就先从this指向问题下手。先记住攻克this指向问题的口诀（前辈们的总结）：哪个对象调用函数，函数里的this就默认指向哪个对象（注意this... 继续阅读 >
2020
10-08

JavaScript indexOf()原理及使用方法详解

定义和用法indexOf()方法可返回某个指定的字符串值在字符串中首次出现的位置。语法stringObject.indexOf(searchvalue,fromindex)参数描述参数描述searchvalue必需。规定需检索的字符串值。fromindex可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是0到stringObject.length-1。如省略该参数，则将从字符串的首字符开始检索。说明该方法... 继续阅读 >