分类：Javascript

2020
10-10

python,Java,JavaScript实现indexOf

简介最近做项目的时候，发现无论是前端还是后端，indexOf出现的概率都非常频繁，今天我们来看下他的实现原理吧！indexOf的含义：给定一个字符串去匹配另一个字符串的下标，如果匹配到，返回下标，如果匹配不到则返回-1，其实原理还是比较简单的，如果需要你实现，那么应该怎么做呢？原理现在给定匹配的字符串A，原始字符串B，比如匹配字符串A等于“叫练”，原始字符串B等于“边叫边练，我喜欢叫练”，你可能一眼就发现... 继续阅读 >
2020
10-10

JavaScript代码简化技巧实例解析

函数式编程可以使您的代码更简单。简单意味着代码易于阅读和理解，可测试和可维护。在本文中，我描述了一些函数式编程（FP）技巧，您可以使用它们来简化代码，从而使代码更好。摆脱临时变量和不变性原则函数式编程倾向于不变性，这种不变性原则意味着在初始化变量之后不会更改它们的值。同样，创建对象或字符串后，您也无需对其进行突变。如果使用JavaScript编程，则所有变量定义都应使用const。对于正在阅读您的代码的任何人，常... 继续阅读 >
2020
10-10

JavaScript日期库date-fn.js使用方法解析

JavaScript日期库date-fn.js使用方法解析 用JavaScript处理日期并不容易。因此，如果您查看大多数应用程序的package.json文件，通常会在其中找到像Moment.js这样的库。它对开发人员对解析/格式化/计算日期而言不再那么艰巨，但Moment.js是最早臭名昭著的库之一。但是您知道一个名为date-fns的库吗？date-fn官网date-fns通常被认为是Moment.js的一个有价值的替代品。不仅因为它提供了相同的特性集，而且它还吸引了函数式程序员。安装date-fns您可以使用npm/yarn... 继续阅读 >
2020
10-10

JavaScript常用8种数组去重代码实例

JavaScript常用8种数组去重代码实例 在我们学习和使用JavaScript的中，会经常使用到数组的去重，接下来的内容，来给大家分享一下，我们在开发过程中，常用到的数组去重方法，这些方法都是有在实战中真实实践过的，非常值得大家学习和收藏，我们一起来看看都有哪些方法吧！1.利用对象的属性使用对象属性不重名的特性。vararr=['qiang','ming','tao','li','liang','you','qiang','tao'];console.time("nonredundant1");varnonredundant1=Object.getOwnPropertyNam... 继续阅读 >
2020
10-10

谈谈JavaScript中的函数

JS中的函数简介JS中的函数是一种通过调用来完成具体业务的一段代码块。最核心的目的是将可重复执行的操作进行封装，然后供调用方无限制的调用。JS中的函数的定义JS中函数定义，有如下两种形式：方式1functionf1(){}//函数声明,f1为函数名,可以将其理解为变量f1指向一个函数functionf2(){return100;}//函数允许有返回值functionf3(a,b){}//函数中可以定义多个参数,无需指定变量类型方式2varf4=function(){}//函数表达式,这里... 继续阅读 >
2020
10-10

浅析JavaScript 函数柯里化

柯里化(Currying)是把接收多个参数的原函数变换成接受一个单一参数（原来函数的第一个参数的函数)并返回一个新的函数，新的函数能够接受余下的参数，并返回和原函数相同的结果。ES6的方式实现柯里化的通用functioncurrying(fn,...rest1){returnfunction(...rest2){//这里用apply是为把数组形式的参数直接传入原函数null是因为不需要改变thisreturnfn.apply(null,rest1.concat(rest2));}}将一个sayHello函数柯里化funct... 继续阅读 >
2020
10-10

JavaScript 事件代理需要注意的地方

我们知道，如果给form里面的button元素绑定事件，需要考虑它是否会触发form的submit行为。除此之外，其它场合给button元素绑定事件，你几乎不用担心这个事件会有什么非预期的附加效果，很自然地会这样写事件处理代码：varbutton=document.querySelector('button')button.addEventListener('click',function(e){console.log('点击了按钮')})你之所以放心这么写，是因为这个button元素没有使用事件代理，即没有代... 继续阅读 >
2020
10-10

详解JavaScript的this指向和绑定

注意：本文属于基础篇，请大神绕路。如果你不够了解，或者了解的还不完整，那么可以通过本文来复习一下。this指向的类型刚开始学习JavaScript的时候，this总是最能让人迷惑，下面我们一起看一下在JavaScript中应该如何确定this的指向。this是在函数被调用时确定的，它的指向完全取决于函数调用的地方，而不是它被声明的地方（除箭头函数外）。当一个函数被调用时，会创建一个执行上下文，它包含函数在哪里被调用（调用栈... 继续阅读 >
2020
10-10

JavaScript中的执行环境和作用域链

前言JS中的执行环境和作用域链是非常重要的概念，它们是JS引擎在处理JS代码的时候对变量和函数的处理方式，这两个概念的正确理解能够帮助我们更好地理解和预测代码的行为。执行环境执行环境定义了变量或者函数有权访问的数据集合，每一个执行环境都有一个与之关联的变量对象，该执行环境中定义的所有变量和函数都保存在这个对象中。我们无法直接访问这个对象，这个对象只是在解析器处理数据的时候使用。我们平时说的全局变量... 继续阅读 >
2020
10-10

详解JavaScript数据类型和判断方法

前言JavaScript中目前有7种基本（原始primitives）数据类型Undefined，Null，Boolean，Number，String，BigInt，Symbol，以及一种引用类型Object，Object中又包括Function，Date，JSON，RegExp等，除了7种原始类型，其他的所有能够用new实例化的内置类型都是Object构造的。数据类型对于数据了类型我们可以通过typeof运算符来判断，具体结果看下图。原始类型中两个比较特殊的就是Undefined和Null，他们两个类... 继续阅读 >
2020
10-10

详解JavaScript中new操作符的解析和实现

前言new运算符是我们在用构造函数创建实例的时候使用的，本文来说一下new运算符的执行过程和如何自己实现一个类似new运算符的函数。new运算符的运行过程new运算符的主要目的就是为我们创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例（比如箭头函数就没有构造函数，所以是不能new的）。new操作符的执行大概有以下几个步骤：创建一个新的空对象把新对象的__proto__链接到构造函数的prototype对... 继续阅读 >
2020
10-10

我所理解的JavaScript中的this指向

前言JS中的this指向是一个经常被问到的问题，网上也有很多文章是关于this的。本文整理一下我理解下的this以及一些我比较疑惑的关于this问题。this指向有几个this的指向问题是几乎每篇文章都会说的，比如作为函数直接调用，作为对象的方法调用，new运算符执行中的this行为。比较通用的说法是，this指向的是直接调用该函数的对象。其实也很好理解，就是为什么需要this这个关键字，就是我们有需要在函数内部对调... 继续阅读 >
2020
10-10

JavaScript逻辑运算符相关总结

前言关于JavaScript中的逻辑运算符，我们经常使用却可能不知道它的一些机制和用法。机制首先我们需要知道几种逻辑运算符的优先级是不同的（关于完整的运算符优先级，看运算符优先级），逻辑非>逻辑与>逻辑或>条件运算符（三目运算符）。运算顺序条件运算符是从右向左，而逻辑与和逻辑或都是从左向右。//表达式的优先级导致结果不同false&&true||true//结果为truefalse&&(true||true)//结果为false逻辑运算表达... 继续阅读 >
2020
10-10

浅析JavaScript预编译和暗示全局变量

1.暗示全局变量未声明的变量称为暗示全局变量。vara=1;//函数体外声明的变量称为全局变量b=2;//无论函数体外或函数体内未声明的变量都称为暗示全局变量functionfn(){varc=3;//函数体内声明的变量称为局部变量d=4;//暗示全局变量}fn();//若不执行函数，则不会进行函数预编译，d就不会提升为全局变量console.log(c);//error:cisnotdefinedconsole.log(d);//42.JavaScript执行过程1.语法分析，若存... 继续阅读 >
2020
10-10

详解JavaScript作用域、作用域链和闭包的用法

1.作用域作用域是指可访问的变量和函数的集合。作用域可分为全局作用域和局部作用域。1.1全局作用域全局作用域是指最外层函数外面定义的变量和函数的集合。换言之，这些最外层函数外面定义的变量和函数在任何地方都能访问。举个例子：//最外层定义变量vara=1;console.log(a);//最外层可以访问functionfnOne(){//最外层函数console.log(a);//函数内可以访问functionfnTwo(){//子函数console.log(a);... 继续阅读 >