关键词：
很多开发者不会深入思考程序出现和预期不一样的结果，只会回避并用其他方法来达到目的
一.闭包
无论通过何种方式将函数传递到词法作用域以外，它都会持有对原始定义作用域的引用，无论在何处执行这个函数都会产生闭包。//reutrn 一个函数，回调一个函数
从上可以看出闭包需要的两个必要的条件，一是主体是函数（而且是内部函数），，二是函数在词法作用域以外被执行
二 .关于this
this是在函数被调用时动态绑定的，而不是在编写时绑定。this的指向完全取决于函数在哪里被调用
（1）调用位置
调用位置就是函数在代码中被调用的位置（而不是声明的位置）。最重要的是分析调用栈（就是为了到达当前执行位置所调用的所有函数）。我们关心的调用位置就在当前正在执行的函数的前一个调用中
（2）绑定规则 //找到调用位置，判断使用的是哪条绑定规则
- 默认绑定 。 //最常用的调用方式，直接调用不带任何修饰
虽然 this 的绑定规则完全取决于调用位置，但是只有运行在非 strict mode 下时，默认绑定才能绑定到全局对象；严格模式下与 foo() 的调用位置无关，this绑定到undefined
- 隐式绑定。 //调用位置是否有上下文对象，或者说是否被某个对象拥有或者包含
当函数引用有上下文对象时，隐式绑定规则会把函数调用中的 this 绑定到这个上下文对象
3. 显式绑定。 call() apply()
4. new 绑定
注意：如果你把 null 或者 undefined 作为 this 的绑定对象传入 call 、 apply 或者 bind ，这些值在调用时会被忽略，实际应用的是默认绑定规则
小结：
如果要判断一个运行中函数的 this 绑定，就需要找到这个函数的直接调用位置。找到之后就可以顺序应用下面这四条规则来判断 this 的绑定对象。
1. 由 new 调用？绑定到新创建的对象。
2. 由 call 或者 apply （或者 bind ）调用？绑定到指定的对象。
3. 由上下文对象调用？绑定到那个上下文对象。
4. 默认：在严格模式下绑定到 undefined ，否则绑定到全局对象。
三 .对象
《你不知道的js（中卷）》对象(代码片段)
三、对象：一）、语法：对象有两种形式定义：声明（文字）形式：varmyObj=key:value//...;构造形式：varmyObj=newObject();myObj.key=value;在声明形式中可以添加多个键/值对，但是在构造形式中必须逐个添加属性。1、类型：? 对象是JS的基... 查看详情
你不知道的js-行为委托
1、面向委托的设计2、委托理论Task={setID:function(ID){this.id=ID;},outputID:function(){console.log(this.id)};};//让XYZ委托TaskXYZ=object.create(Task);XYZ.prepareTask=function(ID,Label){this.setID(ID);this.label=Label; 查看详情
你不知道的js-混合对象-类
1、类是一种设计模式，许多语言提供了对于面向类软件设计的原生语法，js中也有类似的语法，但是和其他语言中的类完全不同。2、类意味着复制3、js并不会像类那样自动创建对象的副本。4、在继承或者实例化时，js的对象机... 查看详情
你不知道的js5-原型
1、原型[[prototype]]js中的对象有一个特殊的[[prototype]]内置属性，其实就是对于其他对象的引用，几乎所有的对象在创建时[[prototype]]属性都会被赋予一个非空的值使用for..in和in操作符都会查找对象的整条原型链所有普通的[[prototype]... 查看详情
读书笔记-你不知道的js中-promise
继续填坑模式 考虑下面的代码：functionfn(x){//dosomethingreturnnewPromise(function(resolve,reject){//调用resolve(..)和reject(...)});}varp=fn(2); newPromise(..)模式通常称为revealingconstructor。传入函数会立即执行(不会像then(..)中的回调一样异步延 查看详情
你不知道的js系列(33)－对象复制(代码片段)
JS初学者最常见的问题之一就是如何复制一个对象。看起来应该有一个内置的copy()方法，实际上比想象中的更复杂，我们无法选择一个默认的复制算法functionanotherFunction()/**...*/;varanotherObject=c:true;varanotherArray=[];varmyObject= a:2, ... 查看详情
《你不知道的js》提升(代码片段)
四、提升：一）、声明与赋值：? 在JS引擎中，我们一般认为的变量或函数声明，实际上分为两个部分。声明赋值//变量提升a=2;vara;console.log(a);//函数提升foo();functionfoo() console.log(1);? vara=2;? 这句声明实际上会被看为vara;a=2;两个部分... 查看详情
js局部变量和全局变量·你不知道的事
...明就可以使用变量；第二，js有隐含的全局概念，意味着你不声明的任何变量都会成为一个全局对象属性。650)this.width=650;"src="https://s 查看详情
你不知道的js(代码片段)
作用域LHSRHS区别如果RHS查询在所有嵌套的作用域中遍寻不到所需的变量,引擎就会抛出ReferenceError异常。值得注意的是,ReferenceError是非常重要的异常类型。相较之下,当引擎执行LHS查询时,如果在顶层(全局作用域)中也无法找到目标... 查看详情
你不知道的js(代码片段)
1、作用域 块级作用域let只在函数内部自己的作用域内有效 全局作用域var 函数作用域 找不到作用域抛出ReferenceError变量有了则抛出TypeError 先声明后赋值 函数提升变量提升函数优先，函数声明提升在普通变量之前 函数表达... 查看详情
读书笔记-你不知道的js上-对象
好想要对象··· 函数的调用位置不同会造成this绑定对象不同。但是对象到底是什么，为什么要绑定他们呢？（可以可以，我也不太懂） 语法 对象声明有两个形式： 1、字面量=>varobj={...}; 2、构造形式=&g... 查看详情
你不知道的js来聊聊this(代码片段)
为什么要使用this？什么是this?来看一段代码functionidentify()returnthis.name.toUpperCase();functionspeak()vargreeting="Hello,I‘m"+identify.call(this);console.log(greeting);varme=name:"Kyle";varyou=name:"Reader" 查看详情
你不知道的js系列上(45)－显式混入(代码片段)
JS的对象机制并不会自动执行复制行为，由于其他语言中表现出来的复制行为，因此JS开发者也想出了一个方式来模拟类的复制行为，这个方法就是混入。我们先看第一种，显式混入。//非常简单的mixin()例子functionmixin(sourceObj,targe... 查看详情
《你不知道的js（中卷）》关于this(代码片段)
一、关于this：一）、为什么要用this？functionidentity() returnthis.name.toUpperCase();varme= name:"Kyle";varyou= name:"Reader";identity.call(me);//Kyleidentity.call(you);//Reader? 观察上面的代码，使 查看详情
《你不知道的js（中卷）》行为委托(代码片段)
六、行为委托:? 总结第五章，JS中的[[Prototype]]机制就是对象之间的关联关系。一）、面向委托的设计：? 想要学习更直观的使用[[Prototype]]，必须认识到它代表了一种不同于类的设计模式。1、类理论：? 类设计模式鼓励你在继承时... 查看详情
你不知道的js系列上(45)－隐式混入(代码片段)
varSomething= cool:function() this.greeting=‘HelloWorld‘; this.count=this.count?this.count+1:1; Something.cool();Something.greeting;//‘HelloWorld‘Something.count;//1varAnother= cool:func 查看详情
《你不知道的js》——this全面解析(代码片段)
默认绑定//全局对象用于默认绑定functionfoo()console.log(this.a)vara=2;foo();//2//严格模式下，不能将全局对象用于默认绑定functionfoo()‘usestrict‘;console.log(this.a)vara=2;foo();//TypeError:thisisundefined//在严格模式下调用foo()则不影响默认绑定func 查看详情
vuet.js规则详解，它是你不知道的强大功能？(代码片段)
Vuet.js是什么？Vuet.js是给Vue.js提供状态管理的一个工具，与vuex不同，它是一种崇尚规则定制的状态管理模式。事先将状态更新的规则写好，然后将规则注入到组件中，然后状态按照预订的规则来进行更新。github:Vuet.js主动型和被... 查看详情