一. 立即执行函数 windows中有个name属性,name='' '' var 如果我们用var name 去声明,那就会改变windows中name的值(因为我们不是在函数作用域中声明的,所以会覆盖全局的值) 为了避免这种问题,通常我们写一个立即执行函数(可读性不高) const 同样,如果我们用const去声明,也会改变全局的name属性 我们把const声明写在大括号里面,就不会改变全局的name属性了 二. for循环 常见的for循环,console.log(i) 会输出10,wh…
要在函数体后面加括号就能立即调用,则这个函数必须是函数表达式,不能是函数声明: Jslint推荐的写法: (function(){alert(1);}()); 针对函数声明,使用().!.+.-.=.void等运算符可将其转换为函数表达式: (function(a){ console.log(a); //firebug输出1,使用()运算符 })(1); (function(a){ console.log(a); //firebug输出2,使用()运算符 }(2)); !function(a){…
看过jQuery源码的人应该知道,jQuery开篇用的就是立即执行函数.立即执行函数常用于第三方库,好处在于隔离作用域,任何一个第三方库都会存在大量的变量和函数,为了避免变量污染(命名冲突),开发者们想到的解决办法就是使用立即执行函数. 1.什么是立即执行函数(IIFE) 在了解立即执行函数之前先明确一下函数声明.函数表达式及匿名函数的形式,如下图: 接下来看立即执行函数的两种常见形式:( function(){…} )()和( function (){…} () ),一个是一个匿名函数包裹在一…
之前看了好多代码,都有用到这种函数的写法,但是都没认真的去想为什么会这样写,今天开始想学习下jquery的源码,发现jquery也是使用这种方式,用(function(window, undefined){})(window)包裹内部代码,于是进一步的去学习了下. 要理解立即执行函数(function(){})(),先了解些函数的基本概念(函数声明.函数表达式.匿名函数). 函数声明:使用function声明函数,并指定函数名. function setFn() { // coding } 函数…
目录 序言 Function.prototype.bind() 方法 箭头函数 参考 1.序言 在 深入理解JS:执行上下文中的this(一) 中,我们主要深入分析全局环境和函数环境中函数调用的 this,还留下 bind 方法以及箭头函数的 this 尚未分析,因此我们将在这篇文章进行讲解. 2.Function.prototype.bind() 方法 bind() 方法将会创建返回一个新的函数.在 bind() 被调用时,这个新函数的 this 将被指定为 bind() 的第一个参数,而其余…
这两天在捣鼓作用域的问题,有的时候知识这个东西真的有点像是牵一发而动全身的感觉.在理解作用域的时候,又看到了一道经典的面试题和例子题. 那就是在for循环中嵌套setTimeout延时,想想之前面试的时候面试官问到我这个问题,然而我当时对这玩意儿根本没有深究,没有去理解:非常草率的回答了,面试官好心的给我 说这个涉及到setTimeout回调函数异步特性,啪啦啪啦,说的好几句都感觉晕乎了~也感觉JS这个东西真的需要深入的东西还很多,路也还很长. 直接进入主题了,先贴一段简单的代码: 结果是10次…
javascript中var let const三种变量声明方式 1.var  ①var表示声明了一个变量,并且可以同时初始化该变量. ②使用var语句声明的变量的作用域是当前执行位置的上下文:一个函数的内部(声明在函数内)或者全局(声明在函数外). ③给一个非声明变量赋值会隐式创建一个全局变量(造成代码污染)(全局object的一个属性).声明变量(Declared Variable)和非声明变量(Undeclared Variable)的区别是: (1)声明变量的作用域限制在其声明位置的上下…
var的作用就不多说了,下面说说var的缺点: 1.var可以重复声明 var a = 1; var a = 5; console.log(a); //5 不会报错 在像这些这些严谨的语言来说,一般是不允许重复声明的. 2.无法限制修改 var a = 5; a = 6; console.log(a); //6 不会报错 3.没有块级作用域 if(true){ var a = 5; } console.log(a) // 5 以上几个就是我个人对var的看法 ES6中,多了两个声明let 和 c…
前言 看了方应杭老师的一篇解释let的文章,对JavaScript中的声明有了深刻的理解,这里也就有了总结一下JavaScript中各种声明之间区别的这篇文章. JavaScript中变量声明机制 首先,我对JavaScript中所有声明都存在提升这个观点是认同的! 平时大家所讲的变量的声明,在JavaScript中一般是存在创建create.初始化initialize 和赋值assign三个过程的,其中函数声明也是一样有这三个过程的.在这三个过程中: 创建:即在变量所在作用于头部抛出变量,仅仅…
目录 引言 一.var 二.let 三.const 四.function 五.总结 引言        在学习javascript的过程中,变量是无时无刻不在使用的.那么相对应的,变量声明方法也如是.变量是由自己决定,但变量声明方法是早已经定义好的.那么在使用变量之前,了解变量声明方法,就变得尤为重要.在ES6推出之前,最常用的声明变量方法就是var.但是由于var自身的缺陷,ES6推出了let和const替代var.虽然修正了var的缺陷,但不能改变的,是之前已经用var写了多少年的项目,这些…