Run_youngman的博客

说在前面JavaScript作为前端当家的语言，其重要程度不言而喻，一些基础的语法以及概念之前经常有看，但是随看随忘，过程中有一些自己觉得惊鸿一瞥的发现也随着时间消失不见，特此开一个专题，把往往种种的体会分享出来，供自己回顾以及各位拿取。开门见山其实在阅读一些源码或者封装的代码时，经常会看到 使用 typeof 或者 instanceof来进行一些判断，有时不能很好地理解判断的具体含义，下面通过分析这两者的使用方式以及自身特性来加强理解。typeof语法： typeof operand 后面可以

最近在看《JavaScript语言精粹》这本书，读到了正则表达式一章，文中提及一个匹配JavaScript字符串的正则表达式对象，当我发现他的正则表达式的时候我就不淡定了，预感到自己要深陷其中了。var my_regexp = /"(?:\\.|[^\\\"])*"/我在研究这个正则表达式的过程中发现了自己的很多知识盲区，下面通过介绍这个正则表达式将知识内容一一列举出来。声明字符串时的反斜杠和引号声明字符串时，如果字符串内容中包含 ‘/’ 或者 引号的时候是需要特别注意的。反斜杠如果你想声明一

vue cli修改默认webpack配置背景​ Vue CLI作为一个Vue的脚手架，帮助我们做了很多工作，比起create-react-app脚手架，丝毫察觉不到有webpack的身影，对于简单的开发工作，我们无需关注如何去修改他的默认配置，但是如果我们想做一些定制化的开发，比如修改一些公共变量或者添加一个插件，其实Vue CLI文档都有介绍，但是说实话为了理解这些东西我查了不少文档，说实...

背景近期React又出了一个新特性，由于现在还是alpha阶段，所以不建议引入自己的项目进行使用，官方文档介绍的有点过于详细了，我这里总结几点关键的，大家一起学习。首先一句话概括他的作用：不用引入class，还能使用state和React的其他特性。引入他的原因也是升华React一直提倡的共用逻辑，重用组建中与状态相关的逻辑，并且方便开发维护。React组件是支持两种方式的，一种是函...

最近学习了阮一峰老师讲解ES6的修饰器,感觉这个东西使用起来还是十分炫酷的，所以这里说一下修饰器的概念并自己实现一个修饰器。1.平时使用的修饰器介绍两个用的很频繁的修饰器，第一个呢是antd组件库中的Form组件，使用的时候我们要协商如下代码class Discipline extends React.Component { render(){}}export defau...

Prototype属于比较底层的知识，学习之前我要先说一句话. 构造函数.prototype 是个对象(有唯一例外，Function.prototype),__proto__指向创建他的构造函数的原型对象。 如果没理解这句话，就说明没有理解原型。 开门见图，很关键！！ 下面很多知识点都是重复的，就当巩固了吧。新建实例万物皆对象，每个对象都有一个属性叫 _...

Promise平时我们发起异步请求会去调用回调函数，在回调函数中我们无法使用return和throw来处理代码，Promise可以解决这个现象。首先，Promise是一个对象。它用于一个异步操作的最终完成以及返回值的表示，如果我们console.log一下会发现他是一个构造函数，自己有all,reject,resolve等方法，原型链上有then和catch等方法。new Prom...

本文很多理论基础以及概念来自于《你不知道的JavaScript》，感谢KYLE SIMPSON先生。首先要说明，闭包是和作用域息息相关的。function foo(){ var a = 2; function bar(){console.log(a)} return bar;}var baz = foo();baz(); //2这段代码，函数bar()被当做一个值类型进行传递，

JavaScript中有四条调用规则，我们可以根据这四条调用规则来判断当前this的指向。第一条：默认绑定。function foo(){ console.log(this.a);}var a = 2;foo(); // 2代码很简单，那要怎么给默认绑定一个定义呢？答案就是：不带任何修饰的函数引用进行调用。这个时候this指向window.（严格模式下指向undefi

除了之前介绍的call,apply和bind等会对this的指向产生影响，箭头函数也会产生影响。箭头函数作为bind使用的替代者，不仅仅是让代码更简洁，而且可以改变this的指向，让失去this的方法重新找回和this的绑定。废话不多说，来看个例子var obj = { count: 0, cool: function(){ console.log(

在JS中，这三者都是用来改变函数的this对象的指向的，他们有什么样的区别呢。在说区别之前还是先总结一下三者的相似之处：1、都是用来改变函数的this对象的指向的。2、第一个参数都是this要指向的对象。3、都可以利用后续参数传参。那么他们的区别在哪里的，先看一个例子。                var xw = { na