在 chrome 开发工具上执行 javascript 代码时出现问题

Question

我试图执行这段代码：

html 代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="variables.js"></script>
</head>
<body>
    
</body>
</html>

js代码：

const var1 = 10;
const var2 = 'Hello world';
const var3 = true;

const foo = function(){
    console.log("Whats up !!");
}();

foo;

console.log(typeof(foo));

当我打开这个 javascript 文件并通过浏览器 chrome devtools 检查器执行这个 javascript 时，它既不让我创建函数 foo()，也不让我使用 foo()。

我无法弄清楚它的原因。 感谢帮助。

试图在 chrome 开发工具中执行 js。

没有为我工作。

错误代码：

在此处输入图像描述

Answer 1

当你创建一个 'foo' function 时，你调用了它。 所以你的 function 是 IIFE（立即调用 Function 表达式），这就是你的 'foo' 未定义的原因，因为你的 IIFE 调用并返回未定义。

只是在将其分配给变量时不要调用 function。

const var1 = 10;
const var2 = 'Hello world';
const var3 = true;

const foo = function(){
    console.log("Whats up !!");
};

foo();

console.log(typeof(foo));

在 chrome 开发工具上执行 javascript 代码时出现问题

问题描述

1 个解决方案

解决方案1
1 2023-01-16 22:01:02

在 chrome 开发工具上执行 javascript 代码时出现问题

问题描述

1 个解决方案

解决方案1 1 2023-01-16 22:01:02

解决方案1
1 2023-01-16 22:01:02