我们已经知道,在任意代码片段外部添加包装函数,可以将内部的变量和函数定义"隐 藏"起来,外部作用域无法访问包装函数内部的任何内容. 例如: var a = 2; function foo() { // <-- 添加这一行 var a = 3; console.log( a ); // 3 } // <-- 以及这一行 foo(); // <-- 以及这一行 console.log( a ); // 2 虽然这种技术可以解决一些问题,但是它并不理想,因为会导致一些额外的…

定义函数的方式有两种, 一种是函数声明,一种就是函数表达式了 函数声明最常见了, sayHi(); // 函数声明会发生提升 function sayHi () { alert('Hi') } 函数表达式 var functionName = function (arg0, arg1, arg2) { // 函数体 }; 创建一个函数然后赋值给变量,这种情况下创建的函数叫匿名函数,因为function 关键字后面没有标识符,匿名函数的name是空字符串 函数表达式与其他表达式不一样,使用前必须先…

导图…

1.多种实现 // 下面2个括弧()都会立即执行 (function () { /* code */ } ()); // 推荐使用这个 (function () { /* code */ })(); // 但是这个也是可以用的 // 由于括弧()和JS的&&,异或,逗号等操作符是在函数表达式和函数声明上消除歧义的 // 所以一旦解析器知道其中一个已经是表达式了,其它的也都默认为表达式了 // 不过,请注意下一章节的内容解释 var i = function () { return 10;…

Js中的函数声明是指下面的形式: function functionName(){   } 这样的方式来声明一个函数,而函数表达式则是类似表达式那样来声明一个函数,如 var functionName = function(){ } 可能很多朋友在看到这两一种写法时会产生疑惑,这两种写法差不多,在应用中貌似也都是可行的,那他们有什么差别呢? 事实上,js的解析器对函数声明与函数表达式并不是一视同仁地对待的.对于函数声明,js解析器会优先读取,确保在所有代码执行之前声明已经被解析,而函数表达式,如…

转自:汤姆大叔的博客 前言 大家学JavaScript的时候,经常遇到自执行匿名函数的代码,今天我们主要就来想想说一下自执行.在详细了解这个之前,我们来谈了解一下"自执行"这个叫法,本文对这个功能的叫法也不一定完全对,主要是看个人如何理解,因为有的人说立即调用,有的人说自动执行,所以你完全可以按照你自己的理解来取一个名字,不过我听很多人都叫它为"自执行",但作者后面说了很多,来说服大家称呼为"立即调用的函数表达式". 本文英文原文地址:http:…

作为一名js初学者,与大家分享下.Javascript中有函数声明提升的功能,会优先编译函数声明部分.比如, ff(); function ff(){ alert("hello world."); } 这样的代码一样会执行. 下面谈谈函数声明和函数表达式的区别,直接看实例: 1.使用函数声明的情况 <script type="text/javascript"> //使用函数声明的情况 //IE,Chrome下返回no, Firefox下返回yes ; i…

来自<javascript高级程序设计 第三版:作者Nicholas C. Zakas>的学习笔记(七) 直接切入主题~ 定义函数的方式有两种: 函数声明 function functionName(arg0,arg1,arg2) { //函数体 } 函数声明有一个重要的特征——函数声明提升,意思是在执行代码之前会先读取函数声明,允许把函数声明放在调用它的语句后面 sayHi(); function sayHi() { alert("hi"); } 函数表达式 var fu…

函数表达式,什么概念,表达式中的函数表达式. 1 函数申明 function 函数名([函数参数]){ //函数体 } js中无论像这样的显示函数什么放在调用之前还是调用之后,都不影响使用,因为js解释引擎会将函数声明提前化,这点很好理解: 2 函数表达式 var functionV=function 函数名([函数参数]){ //函数体 }: 这种方式的一个变量指向了一个函数,仅此而已.js引擎只会把他当作一个函数类型的变量来处理,仅此而已. 3 递归调用 我们知道函数名仅仅是指向函数的指针,…

原文为 http://benalman.com/news/2010/11/immediately-invoked-function-expression/#iife ------------------------ES6拓展篇 ----------ES6  let实际上为 JavaScript 新增了块级作用域. ----------块级作用域的出现,实际上使得获得广泛应用的立即执行函数表达式(IIFE)不再必要了. // IIFE 写法 (function () { var tmp = ...…

当你声明类似function foo(){}或var foo = function(){}函数的时候,通过在后面加个括弧就可以实现自执行,例如foo(),看代码: // 因为想下面第一个声明的function可以在后面加一个括弧()就可以自己执行了,比如foo(), // 因为foo仅仅是function() { /* code */ }这个表达式的一个引用 var foo = function(){ return 1; }();//foo=1; // 是不是意味着后面加个括弧都可以自动执行?…

一.介绍 本次博客主要介绍函数表达式的内容,主要是闭包. 二.函数表达式 定义函数的两种方式:一个是函数声明,另一个就是函数表达式. //1.函数声明写法 function fn2(){ console.log('函数声明'); } //2.函数表达式写法 var fn1 = function(){ console.log('函数表达式'); } 区别: 1.函数声明是用function后面有函数名,函数表达式是赋值形式给一个变量. 2.函数声明可以提升函数,而函数表达式不会提升 函数提升就是函…

Javascript Function无处不在,而且功能强大!通过Javascript函数可以让JS具有面向对象的一些特征,实现封装.继承等,也可以让代码得到复用.但事物都有两面性,Javascript函数有的时候也比较“任性”,你如果不了解它的“性情”,它很可能给你制造出一些意想不到的麻烦(bugs)出来. Javascript Function有两种类型: 1)函数声明(Function Declaration); // 函数声明 function funDeclaration(type){…

在js中函数有两种表达方式.1 函数声明 2 函数表达式 函数声明 function sayname(){ alert("li lei"); } 函数表达式 var sayname=function(){ alert("lilei"); } 函数声明会进行函数提升,但是函数表达式不能. 函数提升比变量提升优先级要高. 这是一篇比较好的文章 --------------------- 作者:qq_30022055 来源:CSDN 原文:https://blog.csd…

1.函数表达式与函数声明的区别 函数声明有“提升”(hoisting)的特性,而函数表达式没有.也就是说,函数声明会在加载代码时被预先加载到context中,而函数表达式只有在执行表达式语句时才会被加载 2.闭包 有权访问另一个函数作用域中的变量的函数.闭包可以访问另一个作用域中的变量,因此闭包得到的变量值是最终值,而不是该变量在某一时刻的值,有一个很经典的例子: function createFuns(){ var result = new Array(); for(var i = 0;i <…

相同点 注:函数声明和函数表达式的相同点包括但不限于以下几点 函数是一个值,所以和其他值一样,函数也可以进行被输出.被赋值.作为参数传给其他函数等相关操作,不管函数是以什么方式被定义的,当然和其他值的输出还是有些区别的. 我们先来输出这个值: function nameAlert(name){ alert('博主的名字是:' + name + ' .'); } alert(nameAlert); 注意输出的结果并不是1,而是这个函数的整个源代码,即输出结果为: function nameAler…

先看一段jQuery源码中匿名函数自执行的例子: (function( window, undefined ) { // jquery code })(window); 另外一种常见的写法: +function( $ ) { // jquery code })(window.jQuery); 这两种写法该如何理解呢?第二种写法前面为何要加“+”号,不加会是什么结果呢? function( $ ) { // jquery code })(window.jQuery); // 报错: Uncaugh…

先提个问题, 单独写匿名函数为什么报错?return 匿名函数 为什么不报错? 如图: 第二种情况在 f 还没有执行的时候,就报错了,,,当然这得归因于函数声明语句声明提前(发生在代码执行之前)的原因: 先说下高程下匿名函数的定义: 匿名函数(anonymous function),function 关键字后面没有标识符,(匿名函数有时候也叫拉姆达函数.)匿名函数的name 属性是空字符串. 在把函数当成值来使用的情况下,都可以使用匿名函数. 回答开头的问题: 单独写匿名函数为什么报错? 高程上…

一.前言 Uncaught TypeError: ... is not a function function max(){}表示函数声明,可以放在代码的任何位置,也可以在任何地方成功调用: var max  = function(){};表示函数表达式,即将一个匿名函数赋值给一个变量,实现通过变量来调用这个匿名函数,但它需要在声明过后才能进行调用,如果调用在声明之前就会报如上红色字体的错误.而这在函数声明中不会出现这样的错误. 二.正文 (一).代码示例 //函数表达式 myFunc();//…

在JavaScript中,函数是经常用到的,在实际开发的时候,我想很多人都没有太在意函数的声明与函数表达式的区别,但是呢,这种细节的东西对于学好js是非常重要的. 函数声明与函数表达式用代码写出来是这样的: //函数声明 function say(){ console.log("函数声明") } //函数表达式 var say1 = function(){ console.log("函数表达式") } 那我们来看看,这两种方式到底有什么不同呢? 首先,在函数调用方面…

先看以下几段烧脑的代码: f();//=>? var f = function () { console.log("var"); } function f() { console.log("function"); } 控制台打印结果"function". 另一段代码 var f = function () { console.log("var"); } function f() { console.log("f…

感谢原文作者:迟早会有猫 原文链接:https://www.cnblogs.com/SidselLoong/p/10515809.html 今天看js的变量提升问题,里面提到了函数提升.然后发现自己之前一直把函数声明和函数表达式弄错,导致函数提升出错 一.变量提升 console.log(a) var a=100 //undefined console.log(a)//100 提升后相当于 var a; //变量提升,全局作用域范围内,此时只是声明,并没有赋值 console.log(a); /…

今天看js的变量提升问题,里面提到了函数提升.然后发现自己之前一直把函数声明和函数表达式弄错,导致函数提升出错 一.变量提升 console.log(a) var a=100 //undefined console.log(a)//100 提升后相当于 var a; //变量提升,全局作用域范围内,此时只是声明,并没有赋值 console.log(a); //undefined a=100 //此时赋值 console.log(a) //100 二.函数提升 注意:js中创建函数有两种方式:函数…

函数表达式和函数声明的区别.实际上,解析器在向执行环境中加载数据是,对函数表达式和函数声明并非一视同仁.解析器会率先读取函数声明,并使其在执行任何代码之前可用.而函数表达式,则必须等到解析器执行到它所在的代码行,才会真正的被解释执行. 请看下边的例子. 函数表达式:在执行期间,会报错. //函数表达式 alert(num_fun()); var num_fun = function(){ return 3; } 函数声明:可以正常运行. alert(num()); //函数声明 function…

函数声明 关于函数声明的方式,它的一个重要的特性就是函数声明提升(function declaration hoisting),意思是在执行代码之前会先读取函数声明.这就意味着可以把函数声明放在调用它的语句后面,如下所示: 1 sayHi(); //在调用语句的后面声明函数(function declaration hoisting) 2 function sayHi () { 3 console.log("Hello World"); 4 } 函数表达式 有多种表达方式,下面是最常见…

度过一个愉快短暂的周末,又可以开始学习了!我爱学习,学习使人进步.今天学习函数表达式,着重学习下闭包函数. 函数表达式 可以在定义的函数声明之前调用它,但是不能在定义函数表达式之前调用它 /** * 理解函数声明和函数表达式的区别,学习拉姆达(Lambda)表达式 */functionName(a);aFuncton(a);//错误 function fuctionName(arg){};//函数声明 var aFunction=function (arg) {};//函数表达式(匿名函数) /…

定义函数的方式有两种:一种是函数声明,另一种就是函数表达式.函数声明的语法是这样的. function functionName(arg0, arg1, arg2) { //函数体 } Firefox.Safari.Chrome和Opera 都给函数定义了一个非标准的name 属性,通过这个属性可以访问到给函数指定的名字.这个属性的值永远等于跟在function 关键字后面的标识符. //只在Firefox.Safari.Chrome 和Opera 有效 alert(functionName.n…

// 下面2个括弧()都会立即执行 (function () { /* code */ } ()); // 推荐使用这个(function () { /* code */ })(); // 但是这个也是可以用的 和普通function执行的时候传参数一样,自执行的函数表达式也可以这么传参,因为闭包直接可以引用传入的这些参数,利用这些被lock住的传入参数,自执行函数表达式可以有效地保存状态. // 这个代码是错误的,因为变量i从来就没背locked住// 相反,当循环执行以后,我们在点击的时候i…

  1,变量包括全局变量和局部变量,局部变量只能在函数内部访问.如果函数传参和全局变量一样的话,即使是给全局变量赋值,这里会把全局变量当成局部变量的. 如: 1: var x='x'; 2:   3: function fun(x){ 4: x='a'; //此时x就是局部变量了 5: } 6:   7: fun(); 8: console.log(x); // x 函数内的x是局部变量. 2,局部变量 如: 1: function fun3(){ 2: var x='a'; // 局部变量,函…

<!Doctype html> <html> <head> <title>js的传参问题</title> <script type="text/javascript"> function get(username) { alert(username); } </script> </head> <body> <input type="button" val…