首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS的 if 中的函数声明提升

从ES6开始 在严格模式下,块里的函数作用域为这个块。ES6之前不建议块级函数在严格模式下使用....在ES6非严格模式下, 块中函数声明会出现提升, 所以最好使用函数表达式来定义函数 ---- 走走流程看看到底发生了啥 我们可以先把, function a () {}注释掉, 可以看到报错了, Uncaught...ReferenceError: a is not defined, 所以if里的函数声明确实存在变量提升 ?...然后, 我们可以打点调试一下 在if 中的a=1语句之前, 我们可以看到函数声明已经提升了, 此时if作用域里a为函数 ? 而全局的a还是undefined ?...随后运行a=5, 则只是在块级作用域里的赋值, 不会对全局作用域的a值进行修改 ---- 当然, 如果使用函数表达式来声明函数的话, 可以避免 var a if (true) { console.log

3.7K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    谈谈 JavaScript 中的 声明提前(hoisting)

    js程序在正式执行之前,会将所有var 声明的变量和function声明函数,预读到所在作用域的顶部,但是对var 声明只是将声明提前,赋值仍然保留在原位置,function 声明,会将函数名称和函数体都提前...,而且先预声明变量再预定义函数。...//声明提前 console.log(a);//undefined a=100; //赋值任然留在原位置 console.log(a);//100 注意1: 声明提前仅能将声明提前到所在作用域的顶部...console.log(a); //100 }; fn(); console.log(a); //报引用错误 注意2: 函数声明提前不同于 var 变量声明提前,使用函数声明语句,函数名称和函数体均会被提前...函数声明和变量声明都会被提升,但是函数会首先提升,然后才是变量。而且使用 var 重复声明的变量会被忽略,但后面的函数声明还可以覆盖前面的。

    65220

    js中构造函数和普通函数的区别_函数声明函数定义

    1、构造函数也是一个普通函数,创建方式和普通函数一样,但构造函数习惯上首字母大写 2、构造函数和普通函数的区别在于:调用方式不一样。...普通函数的调用方式:直接调用 person(); b.构造函数的调用方式:需要使用new关键字来调用 new Person(); 4、构造函数函数名与类名相同:Person( ) 这个构造函数...A、立刻在堆内存中创建一个新的对象 B、将新建的对象设置为函数中的this C、逐个执行函数中的代码 D、将新建的对象作为返回值 6、普通函数例子...:因为没有返回值,所以为undefined 7、构造函数例子:构造函数会马上创建一个新对象,并将该新对象作为返回值返回 8、用instanceof 可以检查一个对象是否是一个类的实例...,是则返回true; 所有对象都是Object对象的后代,所以任何对象和Object做instanceof都会返回true 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。

    3.2K10

    第24天:js-函数变量声明提升

    一、函数声明 1、自定义函数 function fun1(){ alert("我是自定义函数"); } fun2();//函数不调用,自己不执行 2、直接量声明 var fun2=function()...{ alert("直接量声明"); } fun2(); 3、利用Function关键字声明 var fun3=new Function("var a=10;b=20;alert(a+b)"); fun3...(); 二、变量声明提升 如果在一个函数体内部声明了一个变量,不管这个变量函数外部有没有,先执行函数内部的变量,会将变量声明提升到函数开始部分,但是不会赋值。...在函数体内部声明变量,会把该声明提升到函数体的最顶端。但是只提升变量声明,不赋值。...函数实参个数要与形参个数相同,arguments.length可以获取函数实参的个数 1 <!

    1.8K10

    JS函数声明函数表达式的异同

    -- function body --> } 函数声明提前 函数声明是在预执行期执行的,就是说函数声明是在浏览器准备执行代码的时候执行的。...函数声明提前是它们很大的一个不同点,理解这一点对于我们函数的应用有很大帮助,能使我们避免一些错误。 sayTruth();<!...当然是声明提前了。...; })() 事实上,js的解析器对函数声明函数表达式并不是一视同仁地对待的。...对于函数声明js解析器会优先读取,确保在所有代码执行之前声明已经被解析,而函数表达式,如同定义其它基本类型的变量一样,只在执行到某一句时也会对其进行解析,所以在实际中,它们还是会有差异的,具体表现在,

    1.2K50

    JavaScript(js函数声明函数表达式的区别

    在JavaScript中,函数是经常用到的,在实际开发的时候,我想很多人都没有太在意函数声明函数表达式的区别,但是呢,这种细节的东西对于学好js是非常重要的。...函数声明函数表达式用代码写出来是这样的: //函数声明 function say(){ console.log("函数声明") } //函数表达式 var say1 = function(){...首先,在函数调用方面,看下面的代码 say(); //函数声明 function say(){ console.log("函数声明") } 这样的执行结果是什么呢?...答案是打印出“函数声明”,那你看下面的代码 say1(); //函数声明 function say(){ console.log("函数声明") } //函数表达式 var say1 = function...一起来看看,首先我们先说第一种,函数声明的调用,函数声明的调用这个其实不用讲你就知道,函数声明了嘛,哪里都可以调用的(function会有预解析,预解析之后函数就存在了,所以那里都能调用它了)。

    81230

    JS函数声明函数表达式的不同

    Js中的函数声明是指下面的形式: function functionName(){ }         这样的方式来声明一个函数,而函数表达式则是类似表达式那样来声明一个函数,如: var functionName...事实上,js的解析器对函数声明函数表达式并不是一视同仁地对待的。...对于函数声明js解析器会优先读取,确保在所有代码执行之前声明已经被解析,而函数表达式,如同定义其它基本类型的变量一样,只在执行到某一句时也会对其进行解析,所以在实际中,它们还是会有差异的,具体表现在,...当使用函数声明的形式来定义函数时,可将调用语句写在函数声明之前,而后者,这样做的话会报错。

    1.4K20

    初探JavaScript(四)——作用域链和声明提前

    正文   截止上一篇关于Javascript的博文《初探JavaScript(三)——JS带我"碰壁"带我飞》已经写了三篇。...今天首先介绍下Javascript的函数作用域的概念,然后了解下什么是作用域和声明提前,最后通过一个例子剖析Javascript的作用域链。...如果在函数f()中声明一个局部变量也为g,则全局变量就会被局部变量覆盖 ? 2.作用域和声明提前   看到Javascript作用域这块,可以说颠覆了以前我对作用域的认识。...函数作用域简言之就是:变量在声明他们的函数体以及这个函数体嵌套的任意函数体内都是有定义的。   ...对于“变量在声明他们的函数体以及这个函数体嵌套的任意函数体内都是有定义的”这句话的延伸理解:变量在声明之前就已经可用。我们称这种特性为声明提前,也就是函数里的所有变量都被“提前”至函数体的顶部。

    73150

    函数(三)(函数声明

    函数声明 C语言的函数调用要求是先定义后使用,就是要求被调用函数定义在主调函数之前。 如果在程序中自定义函数时,需要将被调函数定义在主调函数后面,就需要的函数调用之前加上函数原型声明。...如果在函数调用之前既无函数定义,也无函数声明,编译时会出错。 函数原型声明的一般形式: 类型说明符 函数名(形式参数声明列表); 例:定义计算圆面积的函数,在主函数中输入半径并计算面积。...参考代码: #include #define PI 3.14159 int main() { //函数原型声明 double circle(double...return ; } double circle(double radius) { return PI * radius * radius; } 函数声明函数名后面的圆括号中可以只给出形参的类型...例如本例中第5行的函数声明可以写成如下形式: double circle(double); 如果在源程序文件的开头部分,所有函数定义的前面进行函数声明,则该源程序文件中所有的函数都可以调用被声明函数

    64910

    JS 中的函数表达式和函数声明你混淆了吗?

    1.函数表达式vs函数声明 函数声明函数表达式是使用 function 关键字创建函数的2种方法。...其原因是sumA是使用函数声明创建的,该函数声明在当前作用域中创建一个函数变量(具有与函数名称相同的名称)。...现在,我们更深入地研究函数声明函数表达式的行为。...函数声明会创建一个函数变量:一个与函数名称同名的变量(例如,上一个示例中的sumA)。 在当前作用域中(在函数声明之前和之后),甚至在函数作用域本身内,都可以访问该函数变量。...由于提升,函数变量在函数声明之前可用。 2.1 函数声明的注意事项 函数声明语法的作用是创建独立函数函数声明应在全局作用域内,或直接在其他函数的作用域内: // Good!

    74430

    【JavaScript】函数 ① ( 函数引入 | 函数声明 | 函数调用 )

    , 使代码更加清晰和易于维护 ; 函数 的 目的 就是 重复使用代码 ; 使用函数 就是 声明函数 和 调用函数 ; 2、函数声明 在 JavaScript 中 , 使用 function 关键字 声明函数...; 函数定义语法格式 : // 声明 JavaScript 函数 function functionName(parameter1, parameter2, ...) { // 函数体:执行的代码块...是 传递给函数的 形式参数列表 , 这些 形式参数 在 函数体代码中 可与作为局部变量使用 ; 代码示例 : // 声明函数 function hello(name) {...字符串 ; 3、函数调用 函数声明后 , 本身不会自动执行 函数体中的代码 , 只有 调用函数后 , 才会执行 函数体代码 ; 函数调用 语法格式 : functionName(argument1, argument2...是传递给函数的 实参列表 , 该 实参列表 与 函数定义的 形参列表一一对应 , 这些实际参数值值将替换函数定义中的形式参数 , 并在函数执行时 作为 函数体的 局部变量 使用 ; 4、代码示例 - 函数声明调用

    14610

    JavaScript: 函数式编程 - 声明函数

    - 代码组合的优势 3-了解 JavaScript 函数式编程 - 声明函数 4-了解 JavaScript 函数式编程 - 类型签名 声明声明式代码 什么是声明式,我们将不再指示计算机如何工作...声明式最重要的是不是指定执行顺序,所以它天然的适合进行并行运算。它和纯函数一起解释了为何函数式编程是未来并行计算的一个不错的选择 -- 我们真的不需要做什么就能现实一个并行/并发系统。...上面这句话有点难以理解,我们来看一个栗子 let meetup = {name:'JS',isActive:true,members:49}; const scheduleMeetup = (date,...所以我们需要纯函数声明函数来隔离这种无用的错误。 为什么使用声明式方式的函数函数? 在纯函数中,我们总是能保证我们的输出。 低复杂度,我们只需要考虑的是他是做什么的,而不是在乎过程怎么完成的。...易于测试,我们不用依赖于函数的状态,我们只关心结果的验证。 函数式编程更加易于理解。 总结 声明式和命令式的区别和含义,这里我们可以结合上一篇文章 组合代码 相关知识。

    1.3K30

    【基于JS 函数式编程 -1】什么是函数式编程 | 纯函数 | 命令式与声明式 | 优点

    因为,具有引用透明性的函数,只能依赖来自参数的输入,我们可以轻松地用多线程运行这样的代码,没有任何锁机制。 编程范式之 命令式 与 声明式 首先我们要理解什么是命令式,什么是声明式。...let array = [1,2,3]; for(i=0;i<array.length;i++) console.log(array[i]); 声明式:告诉编译器“做什么”。...如何做的部分,将被抽象到普通函数(也称”高阶函数,如forEach()“)中。如下代码,我们使用声明式方式改写上面的命令式代码。...let array = [1,2,3]; array.forEach((e)=>console.log(e);) 由此可见,声明式让开发者只需要关注”做什么“部分。而无需关心怎么做。...函数式编程的优点 纯函数 大多数函数式编程的好处来自编写纯函数。 定义: 对给定的输入返回相同的输出的函数

    23910
    领券