呃刚刚写了好多，结果被我误操作覆盖掉了，我的心血 ╥﹏╥… 没关系重新写一遍，也提醒同样在这个平台写博客并且像我一样喜欢使用markdown语言码字的同学 “保存线上到草稿”是一个好习惯，嗯嗯 今天双十一，感觉该剁手了。。很多同学在学习JavaScript的时候，可能会听说“各种各样”的作用域 什么词法作用域、静态作用域、动态作用域、函数作用域、块作用域 傻傻分不清楚 下面我就给大家理清一下思绪作用域模式作用域的工作模式分...
JavaScript打破作用域的牢笼JavaScript作为一种松散型语言，有着很多令人瞠目结舌的特性（往往是一些令人捉摸不透的奇怪特性），本文我们将介绍如何使用JavaScript的一些特性来打破常规编程语言“作用域的牢笼”。1.JavaScript声明提升很多人应该知道，js有变量声明提升、函数声明提升的特性。不管你之前是否了解，看下面的代码运行的结果是否符合你的预期：var a=123; //可以运行 abc(); //报错：def is not a function def(); fu...
引言JavaScript是门全栈性的语言,尤其是在2016年,经常听到JavaScript要一统天下的梗,甚至有流言说16年会个Vue.js就能找到工作,和当年iOS会个TableView就能找工作一样.(tableView就相当于Android的ListView,不过现在基本都用RecyclerView了)2016年前端的热门技术基本都和JavaScript有关,比如移动端跨平台的Facebook出品的React Native和阿里的Weex,热修复技术JSPath,以及后端的Node.js(本宝宝非常喜欢的一门技术栈).昨晚去gibhub看了...
初学JavaScript的时候，我在学习闭包上，走了很多弯路。而这次重新回过头来对基础知识进行梳理，要讲清楚闭包，也是一个非常大的挑战。闭包有多重要？如果你是初入前端的朋友，我没有办法直观的告诉你闭包在实际开发中的无处不在，但是我可以告诉你，前端面试，必问闭包。面试官们常常用对闭包的了解程度来判定面试者的基础水平，保守估计，10个前端面试者，至少5个都死在闭包上。可是为什么，闭包如此重要，还是有那么多人没有搞清...
隐式的全局变量局部变量变量声明提升（Hoisting）名称解析顺序命名空间结论尽管 JavaScript 支持一对花括号创建的代码段，但是并不支持块级作用域； 而仅仅支持 函数作用域。function test() { // 一个作用域for(var i = 0; i < 10; i++) { // 不是一个作用域// count}console.log(i); // 10 }译者注：如果 return 对象的左括号和 return 不在一行上就会出错。（注意: 如果不是在赋值语句中，而是在 return 表达式或者函数参数中，...
一、作用域（scope）所谓作用域就是：变量在声明它们的函数体以及这个函数体嵌套的任意函数体内都是有定义的。function scope(){var foo = "global";if(window.getComputedStyle){var a = "Im if";console.log("if:"+foo); //if:global}while(1){var b = "Im while";console.log("while:"+foo);//while:globalbreak;}!function (){var c = "Im function";console.log("function:"+foo);//function:global}();console.log(foo,//glo...
匿名函数在理解JavaScript的闭包之前，我们有必要了解一下JavaScript中函数的执行顺序。我们前面说过，定义函数有多种方式，其中最常用的是下面的两种方式。/* 定义函数的第一种方式 */ function fn1(){alert("fn1"); } /* 定义函数的第二种方式 */ var fn2 = function(){alert("fn2"); }对于第一种定义函数的方式，我们称为函数声明。以这种方式声明的函数会在函数执行之前被加载到内存中，所以无论是在函数定义之前，还是在函数定...
闭包（closure）是JavaScript中的一个十分重要的概念。闭包是指在另一个作用域中保存了一份它从上级函数或作用域取得的变量（键值对），而这些键值对是不会随着上一级函数的执行完闭而被销毁的。闭包从本质上来说是在讨论一个对象的成员属性何时被GC（垃圾回收机制）处理的问题。我们其实在前面的函数的传值中就已经接触了闭包。在讲解函数的传值时我们列举了一个比较对象属性的函数sortByProperty，在这个函数中，它的返回值是一个...
块级作用域块级作用域是指在由花括号包裹的代码块中的作用域。在JavaScript中是没有块作用域的。为了理解这个概念，来看下面的例子：for(var i = 0;i < 10; i++){...... } alert(i); //结果会输出10上面的代码中，我们在for循环中定义了变量i，在C++和Java等编程语言中，循环执行结束之后，for循环中的i变量会立刻被垃圾回收。但是在JavaScript中，不管是使用循环或某些判断之后，变量会一直存在。我们可以从打印结果中看到，for循...
关于调试当我们只专注于前端的时候，我们习惯性F12，这会给我们带来安全与舒心的感觉。但是当我们使用NodeJs来开发后台的时候，我想噩梦来了。但是也别泰国担心，NodeJs的调试是很不方便！这是肯定的。但是还好，我们有## node-inspector ##来帮助我们解决一部分的调试问题，但是对于异步能力很强的NodeJs它还是有点力不从心。node-inspector安装node-inspector依旧是通过npm来全局安装node-inspectornpm install -g node-inspecto...
AngularJS 简介AngularJS 是由 Google 发起的一款开源的前端 MVC 脚本框架，既适合做普通 WEB 应用也可以做 SPA（单页面应用，所有的用户操作都在一个页面中完成）。与同为 MVC 框架的 Dojo 的定位不同，AngularJS 在功能上更加轻量，而相比于 jQuery，AngularJS 又帮您省去了许多机械的绑定工作。在一些对开发速度要求高，功能模块不需要太丰富的非企业级 WEB 应用上，AngularJS 是一个非常好的选择。AngularJS 最为复杂同时也是最...
JavaScript 作用域作用域可访问变量的集合。JavaScript 作用域在 JavaScript 中, 对象和函数同样也是变量。在 JavaScript 中, 作用域为可访问变量，对象，函数的集合。JavaScript 函数作用域: 作用域在函数内修改。JavaScript 局部作用域变量在函数内声明，变量为局部作用域。局部变量：只能在函数内部访问。实例// 此处不能调用 carName 变量function myFunction() { var carName = "Volvo"; // 函数内可调用 carName 变量}...
函数的的生命周期分为创建和激活阶段（调用时），让我们详细研究它。函数创建众所周知，在进入上下文时函数声明放到变量/活动（VO/AO）对象中。让我们看看在全局上下文中的变量和函数声明（这里变量对象是全局对象自身，我们还记得，是吧？）var x = 10;function foo() {var y = 20;alert(x + y); }foo(); // 30在函数激活时，我们得到正确的（预期的）结果－－30。但是，有一个很重要的特点。此前，我们仅仅谈到有关当前上下文的变...
让我们看看与作用域链和函数[[scope]]属性相关的一些重要特征。闭包在ECMAScript中，闭包与函数的[[scope]]直接相关，正如我们提到的那样，[[scope]]在函数创建时被存储，与函数共存亡。实际上，闭包是函数代码和其[[scope]]的结合。因此，作为其对象之一，[[Scope]]包括在函数内创建的词法作用域（父变量对象）。当函数进一步激活时，在变量对象的这个词法链（静态的存储于创建时）中，来自较高作用域的变量将被搜寻。例如：var x...
一个执行上下文 的数据（变量、函数声明和函数的形参）作为属性存储在变量对象中。变量对象在每次进入上下文时创建，并填入初始值，值的更新出现在代码执行阶段。这一章专门讨论与执行上下文直接相关的更多细节，这次我们将提及一个议题——作用域链。如果要简要的描述并展示其重点，那么作用域链大多数与内部函数相关。我们知道，ECMAScript 允许创建内部函数，我们甚至能从父函数中返回这些函数。var x = 10;function foo() { va...