每日一题（十八）var foo = function bar (){ return 12; } console.log(typeof bar());

最新推荐文章于 2022-08-31 14:34:47 发布
原创 最新推荐文章于 2022-08-31 14:34:47 发布 · 1.4k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#JS基础 #前端面试题 #每日一题 #命名函数表达式

本文通过一个具体的JavaScript代码示例，深入探讨了命名函数表达式的作用域问题，解释了为什么直接调用函数名会引发'bar is not defined'错误，并阐述了函数作用域的有效范围。

题目描述：写出执行结果并解释原因

var foo = function bar (){
    return 12;
}

console.log(typeof bar());

答案：

//报错
Uncaught ReferenceError: bar is not defined

解析：

  • 这种命名函数表达式函数只能在函数体内有效
前端疑难题 每日一题，365天就多掌握365个知识点 查漏补缺
鸭绒的博客
08-29 1121
这个题集是关于JS一些有点深度，且容易让人犯错的题目，每日更新一道，相信你们也能从中学到知识。 1.如下代码的输出结果： console.log(1 + "2" + "2"); console.log(1 + +"2" + "2"); console.log("A" - "B" + "2"); console.log("A" - "B" + 2); 知识点：隐式强制类型转换。“+”可以进行强制类型转换，而“-”号没有。 2.下面关于块内声明函数的做法哪些是.
JavaScript高级日记（二）函数高级
Tml的博客
07-07 625
原型、执行上下文、作用阈、闭包
var foo = function bar() {}
weixin_34254823的博客
09-09 953
转载于:https://www.cnblogs.com/dll-ft/p/5855492.html
每日20道面试题带解析01 — (1 - 20)
web前端开发
05-25 216
来源 |https://www.cnblogs.com/echoyya/p/14518968.html以下面试目，本人验证无误，查阅了相关资料，得出解析部分并做了相关总结，希望对正准备跳...
前端面试题每日3题——2022-08-31
qq_38650754的博客
08-31 753
每日 3 题 1 以下代码执行后，控制台中的输出内容为？ var foo = function bar() { return 123; }; console.log(typeof foo); console.log(typeof foo()); console.log(typeof bar()); 2 以下代码执行后，控制台中的输出内容为？ var obj = { a: 1, foo: function () { return this.a; }, }; var fun = obj
var foo = function(){} 和 function foo(){}
weixin_30475039的博客
08-08 763
var foo = function(){ alert(1) } function foo(){ alert(2) } foo()会输出1 这是因为function foo()这种写法会在程序执行前的预处理中赋值， 而var foo = function()会再一次声明foo、再一次赋值 把var 换成 let就会报错：foo已经被赋值了 这个var的变量提升是...
20个必会的JavaScript面试题
weixin_34152820的博客
03-22 263
问题1:JavaScript 中 undefined 和 not defined 的区别 JavaScript 未声明变量直接使用会抛出异常：var name is not defined，如果没有处理异常，代码就停止运行了。但是，使用typeof undeclared_variable并不会产生异常，会直接返回 undefined。 v...
JavaScript面试题集（七）
自救 唯有自强
02-04 860
(function(x, f = () => x) { var x; var y = x; x = 2; return [x, y, f()]; })(1) 2. (function() { return [ (() => this.x).bind({ x: ‘inner’ })(), (() => this.x)() ] }).call({ x: ‘outer’ }); 3. let x, { x: y = 1 } = { x }; y; 4. (function() { let ...
前端面试题之代码输出篇
爱是与世界平行
06-02 2364
原文地址：前端面试题之代码输出篇 git地址：https://gitee.com/AiShiYuShiJiePingXing/lovebetterworld 点击前往GIT 前言： 代码输出结果也是面试中常考的题目，一段代码中可能涉及到很多的知识点，这就考察到了应聘者的基础能力。在前端面试中，常考的代码输出问题主要涉及到以下知识点：异步编程、事件循环、this指向、作用域、变量提升、闭包、原型、继承等，这些知识点往往不是单独出现的，而是在同一段代码中包含多个知识点。所以，笔者将这些问题大致..
js面试题
杨前露的博客
06-03 1833
javascript面试题 1.js判断类型 1、typeof所以typeof常用于检测基本类型null返回的也是object 2、instanceof 不能检测基本类型，所以instancof常用于检测复杂类型 3、constructor null、undefined没有construstor方法，但是contructor的指向是可以被改变，所以不安全 4、Object.prototype.toString.call 全类型都可以判断 2.普通函数和箭头函数的区别 1、普通函数 ...
javaScript中的异常处理
酒客的博客
12-27 2029
javaScript中的异常处理 错误处理方案 开发中我们会封装一些工具函数，封装之后给别人使用： 在其他人使用的过程中，可能会传递一些参数； 对于函数来说，需要对这些参数进行验证，否则可能得到的是我们不想要的结果； 很多时候我们可能验证到不是希望得到的参数时，就会直接return： 但是return存在很大的弊端：调用者不知道是因为函数内部没有正常执行，还是执行结果就是一个undefined； 事实上，正确的做法应该是如果没有通过某些验证，那么应该让外界知道函数内部报错了； 如何可以让一个函数告知
JavaScript面试题集（九）
自救 唯有自强
02-04 562
var foo = function foo() { console.log(foo === foo); }; foo(); 2. Number(“1”) - 1 == 0; 3. (true + false) > 2 + true; 4. function bar() { return foo; foo = 10; function foo() {} var foo = ‘11’; } alert(typeof bar()); 5. “1” - - “1”; 6. var x = 3; var...
有具体名称的匿名函数var bar = function foo(){}
weixin_30820077的博客
12-10 713
http://kangax.github.io/nfe/ 命名的函数表达式 函数表达式实际上可以经常看到。Web开发中的一个常见模式是基于某种特性测试来“分叉”函数定义，从而获得最佳性能。由于这种分叉通常发生在相同的范围内，所以几乎总是需要使用函数表达式。毕竟，就我们现在所知，函数声明不应该有条件地执行： // `contains` is part of "APE Javascri...
每日一道面试题-- js 作用域提升
weixin_39111384的博客
10-26 645
每天一道面试题-- js 作用域提升 var foo = 1; function bar() { foo = 10; return; function foo() {} } bar(); alert(foo); 1 10 Function undefined Error 答案：1 解答：上述代码考的是 js 作用域提升的问题。可以写成： var foo = 1; function bar(){ function foo(){}; // 这里在内部定义了 foo 是一个函数 foo
每个前端开发者必会的 20 个 JavaScript 面试题
大灰狼的小绵羊哥哥的博客
03-28 641
问题1: JavaScript 中 undefined 和 not defined 的区别 JavaScript 未声明变量直接使用会抛出异常：var name is not defined，如果没有处理异常，代码就停止运行了。 但是，使用typeof undeclared_variable并不会产生异常，会直接返回 undefined。 var x; // 声明 x
JavaScript的一些题目
咸鱼的星空
07-17 1209
kangax 的javascript谜题 第一题 (function(){ return typeof arguments; })(); //问自动执行函数会返回什么值 // 就是考Arguments对象的typeof // 看平时用firebug多不多了…… 第二题 var f = function g(){ return 23; };
JavaScript面试题总结(一)
小鹿的博客
07-25 643
JavaScript面试题 1.JavaScript 中 undefined 和 not defined 的区别 JavaScript 未声明变量直接使用会抛出异常：var name is not defined 如果没有处理异常，代码就停止运行了 但是，使用typeof undeclared_variable并不会产生异常，会直接返回 undefined. 2.下面的代码输出什么？ var y = 1; if (function f(){}) { y += typeof f; } consol
var foo = function () {} 和 function foo()
Good good study!
11-23 2352
最关键的区别在于JavaScript 函数和变量声明的“提前”（hoist）行为。 the Google style guide 建议我们采用方法一。 简单的说 如果我们使用 匿名函数 var FUNCTION_NAME = function() { /* FUNCTION_BODY */}; 这种方式， 编译后变量声明FUNCTION_NAME 会“被提前”了，但是他
var和function分别代表啥
最新发布
11-06
<think>我们正在讨论JavaScript中的`var`和`function`关键字。根据用户的问题，他们想了解这两个关键字的含义。同时，我们需要注意用户提供的引用内容（引用[1]到[引用4]）以及之前的对话历史（关于`const`的详细解释）。 首先，我们整理一下关于`var`关键字的要点（根据引用内容）： 1. var关键字用于声明变量，是ES5及之前版本的常用方式。 2. var的作用域是函数作用域（function scope），即在函数内部声明的变量只在该函数内部有效。 3. var存在变量提升（hoisting）现象：变量可以在声明之前被访问，但值为undefined。 4. 在全局作用域中，使用var声明的变量会成为window对象的属性（在浏览器环境中）。 5. 在非严格模式下，省略关键字直接赋值会创建全局变量（不推荐）。 然后，关于`function`关键字： 在JavaScript中，`function`关键字用于声明函数。函数声明也有提升现象，且提升的是整个函数（包括函数体）。 我们需要将这两个关键字的含义、特性、区别以及注意事项进行清晰说明。 回答结构建议： 1. 分别解释`var`和`function`关键字的含义和基本用法。 2. 详细说明它们的特性（如作用域、提升等）。 3. 对比它们之间的异同点（如果有）。 4. 提供示例代码说明。 5. 给出一些注意事项和最佳实践。 根据引用内容（特别是引用[2]和[引用3]），我们可以补充细节。 另外，由于用户之前询问了`const`，我们可以适当提及`var`与`let`/`const`的区别（但重点在`var`和`function`）。 最后，生成相关问题。 注意：用户要求使用中文回答，并且在回答中引用的段落末尾自然地添加引用标识。同时，数学表达式和公式按照要求处理（虽然本问题可能涉及不多，但如果有的话要注意格式）。 开始构建回答： 第一部分：var关键字 - 含义：用于声明变量，可以是局部变量（函数作用域）或全局变量。 - 特性： 1. 函数作用域：在函数内部声明的变量，只能在该函数内部访问。 2. 变量提升：var声明的变量会被提升到所在作用域的顶部，但赋值不会提升（所以提前访问得到undefined）。 3. 全局变量：在全局作用域中用var声明的变量会成为window对象的属性（浏览器环境）。 4. 重复声明：允许重复声明同一个变量名，不会报错。 5. 省略关键字：在非严格模式下，未声明直接赋值会创建全局变量（严格模式下会报错）。 第二部分：function关键字 - 含义：用于声明函数，有两种形式：函数声明和函数表达式。 - 函数声明：function 函数名(参数) { 函数体 } - 函数表达式：将函数赋值给一个变量（此时变量的声明方式可以是var、let、const等）。 - 特性： 1. 函数声明提升：函数声明会被提升到作用域顶部，因此可以在声明之前调用。 2. 作用域：函数有自己的作用域，在函数内部声明的变量（使用var）在函数外部不可访问。 3. 函数表达式不会提升：如果使用函数表达式，则变量声明会提升（如果是var则提升为undefined），但函数赋值不会提升，因此在赋值前调用会报错。 第三部分：var和function的关联 - 在函数内部，可以使用var声明变量，使用function声明函数，它们都会发生提升，但函数提升优先于变量提升。 - 示例：在同一个作用域内，函数声明和var声明同一个标识符，函数声明会覆盖变量声明（但注意，如果变量被赋值，则赋值会覆盖函数）。 第四部分：注意事项和最佳实践 - 由于var的函数作用域和提升特性可能导致一些问题（如循环中的变量泄露到外部），ES6引入了let和const，推荐使用块级作用域。 - 函数声明和函数表达式的选择：函数声明适用于需要提升的场景（但通常建议先声明后使用），函数表达式更灵活（如可以赋值给变量，可以作为参数传递等）。 - 在严格模式下（'use strict'）使用JavaScript，避免省略关键字导致的全局变量。 示例代码： 1. var的变量提升： ```javascript console.log(a); // 输出: undefined var a = 10; ``` 2. 函数声明提升： ```javascript foo(); // 输出: "Hello" function foo() { console.log("Hello"); } ``` 3. 函数表达式不会提升： ```javascript bar(); // 报错: bar is not a function var bar = function() { console.log("World"); }; ``` 4. 函数提升优先于变量提升： ```javascript console.log(typeof myFunc); // 输出: "function" var myFunc; function myFunc() {} ``` 5. var在循环中的问题： ```javascript for (var i = 0; i < 3; i++) { setTimeout(function() { console.log(i); }, 100); } // 输出：3, 3, 3 （因为i是函数作用域，循环结束后i=3，所有回调都引用同一个i） ``` 对比使用let的循环（块级作用域）： ```javascript for (let j = 0; j < 3; j++) { setTimeout(function() { console.log(j); }, 100); } // 输出：0, 1, 2 ``` 最后，生成相关问题。 注意：在回答中适当引用用户提供的引用内容（如引用[2]和[引用3]中提到的作用域和提升）。 </think>### JavaScript 中 `var` 和 `function` 关键字的含义详解 #### 一、`var` 关键字（变量声明） `var` 是 JavaScript ES5 及之前版本声明变量的主要方式，具有以下核心特性： 1. **函数作用域** 使用 `var` 声明的变量仅在**函数内部有效**（函数作用域），在函数外部访问会报错[^2][^3]： ```javascript function test() { var message = "Hello"; } test(); console.log(message); // ❌ ReferenceError: message is not defined ``` 2. **变量提升（Hoisting）** `var` 声明的变量会被提升到作用域顶部，但**仅提升声明而不提升赋值**，导致访问未赋值变量返回 `undefined`[^3][^4]： ```javascript console.log(x); // ✅ 输出: undefined (不会报错) var x = 10; // 实际执行顺序： // var x; // 声明提升到顶部 // console.log(x); // undefined // x = 10; // 赋值保留原位 ``` 3. **全局作用域特性** 在全局作用域或函数内省略 `var` 时，变量会**自动成为全局变量**（严格模式下禁止）[^3]： ```javascript function createGlobal() { globalVar = "I'm global!"; // 未用 var 声明 } createGlobal(); console.log(globalVar); // ✅ 输出: "I'm global!" ``` 4. **重复声明与覆盖** 允许重复声明同名变量，且不会报错[^3]： ```javascript var a = 1; var a = 2; // ✅ 允许 console.log(a); // 输出: 2 ``` #### 二、`function` 关键字（函数声明） `function` 用于声明函数，具有独特的行为特征： 1. **函数提升（完整提升）** 函数声明整体提升到作用域顶部，**包括函数体**，可在声明前调用[^1]： ```javascript greet(); // ✅ 输出: "Hello!" (正常执行) function greet() { console.log("Hello!"); } ``` 2. **创建独立作用域** 函数内部形成独立作用域，保护内部变量不被外部访问： ```javascript function counter() { var count = 0; // 受保护的变量 return function() { return ++count; }; } const c = counter(); console.log(c()); // 输出: 1 console.log(count); // ❌ ReferenceError (外部不可访问) ``` 3. **函数声明 vs 函数表达式** `function` 关键字可用于两种形式： ```javascript // 函数声明（整体提升） function sum(a, b) { return a + b; } // 函数表达式（仅变量提升） var multiply = function(a, b) { return a * b; }; console.log(multiply(2,3)); // ✅ 输出: 6 console.log(multiply); // ❌ 声明前访问: undefined ``` #### 三、`var` 与 `function` 的关键差异 | 特性 | `var` | `function` | |--------------------|--------------------------------|---------------------------------| | **作用域** | 函数作用域 | 函数作用域 | | **提升行为** | 仅声明提升（赋值不提升） | 整体提升（声明+函数体） | | **重复声明** | 允许且覆盖原有值 | 允许且覆盖原有函数 | | **全局属性** | 成为 `window` 对象的属性 | 成为 `window` 对象的方法 | | **块级作用域支持** | ✗ 不受 `{}` 块限制 | ✗ 不受 `{}` 块限制 | #### 四、注意事项与最佳实践 1. **避免使用 `var`** 因变量提升和函数作用域易导致逻辑错误（如循环计数器泄露）[^3]： ```javascript for (var i = 0; i < 3; i++) { setTimeout(() => console.log(i), 100); } // 输出: 3, 3, 3 (而非预期的 0,1,2) ``` 2. **优先使用函数声明** 需在定义前调用函数时，函数声明更安全： ```javascript // ✅ 函数声明安全调用 initPage(); function initPage() { /* ... */ } // ❌ 函数表达式导致错误 setup(); var setup = function() { /* ... */ }; // TypeError ``` 3. **严格模式约束** 启用 `'use strict'` 可禁止隐式全局变量： ```javascript 'use strict'; function test() { undeclaredVar = 10; // ❌ ReferenceError } ``` --- ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值