yuanfangyoushan的博客

let var 作用域function foo() { console.log(this.num) } var num = 4; foo(); // 4let name = "John";function sayHi() { alert("Hi, " + name); }name = "Pete";sayHi(); // petefunction makeWorker() { let name = "Pete"; return function() { a.

instanceof 的由来：在 JavaScript 中，判断一个变量的类型尝尝会用 typeof 运算符，但是在使用 typeof 运算符时采用引用类型存储值会出现一个问题，无论引用的是什么类型的对象，它都返回 “object”。因此ECMAScript 引入了另一个 Java 运算符 instanceof 来解决这个问题。instanceof 运算符与 typeof 运算符相似，用于识别正在处理的对象的类型。与 typeof 方法不同的是，instanceof 方法要求开发者明确地确认对象为某特定

算法题或者实际中常用的一些数组字符数字的方法，容易忘记和用错，特意记录一下字符串与数组1、 concat()连接两个或多个数组 也可以连接具体的值不改变原数组返回被连接数组的一个副本// arrayObject.concat(arrayX,arrayX,......,arrayX)var arr1 = [1,2];var arr2 = [3,4];var arr3 = [5...

首先npm一波：npm i webpack -Dnpm i webpack-cli -Dwebpack默认情况下约定大于配置，即不指定时，默认入口entry是 src -> index.js,打包好的出口output文件是dist文件夹下的main.js如果想要指定，在webpack.config.js中，这样写即可：const path = require('path')c...

接上篇JS1. 用apply或者call实现bind（字节跳动）考察的其实是对bind和apply/call的区别，即新建了一个函数function mybind (fn, obj) { return function () { return fn.apply(obj, arguments) } }...

例：在n×n方阵里填入1，2，…，n×n，要求填成蛇形。例如，n＝4时方阵为：10 11 12 19 16 13 28 15 14 37 6 5 4function Snake (n) { let a=new Array(n).fill(0).map(x=>new Array(n).fill(0)); var x = 0,y = n-1,num = 1; va...

思路：如果是只有一行或者一列的情况，那就都只有一种路径如果是对角线位置，就有先右后下（start->A->C）和先下后右（start->B->C）两种路径，如下图所示：以此类推，我们可以得出每个位置的路径总数都是左边的路径加上下边的路径function short(m, n) { var i,j; let dp=new Array(n).fill...

思路:初始化一个二维数组循环遍历（第二层遍历两个 第三层遍历三个，以此类推）最左边的位置统统填1其他位置的值是左上方和正上方值相加(因为如果是右边边界，正上方刚好是初始化的0所以直接相加就可以了)// n为指定行数function yanghui (n) { // 初始化二维数组 let dp = new Array(n).fill(0).map(x => new Ar...

js函数涉及到作用域时，函数定义时作用域以及很多东西无法确定，只有调用它时才能确定call作用是改变运行时上下文（作用域，即this），但是很多博客解释的非常复杂，这个解释比较清楚，直接上代码，上下两段代码等价。function add(c,d) { return this.a + this.b + c + d; } const obj = {a: 1, b:...

先简单看看ES5中磨人的继承ES5的继承有许多方式：大概分为 原型链继承，借用构造函数继承，组合继承，原型继承，寄生式继承，寄生组合式继承，我有博客专门详解过，我们这里就拉出一些经典的简单复习一下：有点迷的话请戳这里:js之清晰易懂讲继承（一）原型链继承 // 定义父类 function Parent(name) { this.name = name; ...

generator先看看什麽是generator函数： function* fib(max) { // 与普通函数区别1： * var t, a = 0, b = 1, n = 0; while (n < max) { yield ...

DOM的理解：DOM官方定义是指针对HTML和XML文档是一个API(应用程序编程接口)，允许开发人员添加，移除和修改页面一部分，开始学的时候有点不好理解，所以这样举个例子吧：我们有一段HTML，我们如何直接在js里访问某层的某个节点呢，或者说如何把最后一个节点移动到第一个节点上面去。　DOM就是定义了做类似操作应该怎么做的标准，比如用getElementById来访问节点，用insert...

jQuery中ready与load事件的区别1、写法：ready：//document ready$(document).ready(function(){ ...code...})//document ready 简写$(function(){ ...code...})load://document load$(document).load(f...

常用且容易忘记和混淆的方法（待补充）call() 、 apply() 、bind()方法的作用和区别call() 、 apply() 、bind()方法的作用和区别关于call() 和 apply() 的理解就是，它们的作用是： 让函数在某个指定的对象下执行，bind() 就是将某个函数绑定到某个对象上，接下来简单讲解call和apply的共同点和不同点：** call() 和apply...

高阶函数定义：如果一个函数，它的参数列表中有本身就是函数的参数，它就是一个高级函数那依照这种定义，我们可以定义并使用一个高阶函数：function niceAdd(x, y, f) {f(x) + f(y);}var val = niceAdd(5, -8, Math.abs) // 13// 即f(x) + f(y) ==> Math.abs(-5) + Math.abs...

闭包闭包的定义： 当一个内部函数被其外部函数之外的变量引用时，就形成了一个闭包。// 以下面的代码为例：即是外部的变量c引用了a内部的b函数，这样形成了一个简单的闭包function A(){ function B(){ console.log('Hello Closure!'); } return B;}var C = A();C();// ...

继承构造函数,原型和实例的关系实例是通过构造函数创建的。实例一创造出来就具有constructor属性（指向构造函数）和proto属性（指向原型对象），构造函数中有一个prototype属性，这个属性是一个指针，指向它的原型对象。原型对象内部也有一个指针（constructor属性）指向构造函数:Person.prototype.constructor = Person;什么是原型？每...

原型链继承需要注意的点继承时，给原型添加方法或者重写原型某个方法时应当把语句放在替换原型的语句之后function SuperType () {this.property = true;}SuperType.prototype.getSuper = function(){return this.property;}function SubType () {this.subPropert...

Promise所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise的功能是将复杂的异步操作轻松的进行模式化下圖為Promise的運行機制。Promise三种状态promise对象的状态有Pending(初始化状态)，Fulfilled(成功状态)，...

正则表达式的相关符号：正则表达式通常被用来检索匹配和/或替换那些符合某个模式的文本内容，短短一句便可以实现非常强大的功能，因此掌握和了解其表达式中符号的意义显得非常重要，如下这张表能够提供给你非常多的帮助(大部分转自这里https://www.cnblogs.com/yirlin/archive/2006/04/12/373222.html字符 描述 \ 将下一个字符标记为...