
该错误源于误将 console 当作函数直接调用(如 console("Hello World")),而实际上 console 是一个对象,必须通过其方法(如 .log())才能输出内容。
该错误源于误将 console 当作函数直接调用(如 console("hello world")),而实际上 console 是一个对象,必须通过其方法(如 .log())才能输出内容。
在 JavaScript 中,console 并不是一个可执行的函数,而是一个内置的对象,提供了多种用于调试和信息输出的方法。当你写成 console("Hello World from js"); 时,JavaScript 引擎会尝试调用 console 这个对象本身——但对象不可调用,因此抛出 Uncaught TypeError: console is not a function 错误。
✅ 正确做法是调用 console 的具体方法,最常用的是 console.log():
// script.js
console.log("Hello World from js");保存后刷新页面,打开浏览器开发者工具(F12 或右键 → “检查” → 切换到 Console 标签页),即可看到清晰输出:
Hello World from js
? 其他常用 console 方法及适用场景:
-
console.log(message):常规日志输出,用于一般信息展示; -
console.info(message):语义化“信息提示”,部分浏览器会显示蓝色图标; -
console.warn(message):警告级信息,通常带黄色三角图标; -
console.error(message):错误信息,红色高亮,常用于异常捕获; -
console.debug(message):仅在开发者工具开启“Verbose”级别日志时可见,适合深度调试; -
console.table(data):以表格形式展示数组或对象,提升结构化数据可读性。
⚠️ 注意事项:
- 所有
console.*方法均为异步且非阻塞,但生产环境建议移除或封装(避免敏感信息泄露或性能影响); - 某些旧版 IE(如 IE9 以下)不支持
console对象——若需兼容,可在脚本开头添加安全兜底:if (typeof console === "undefined") { window.console = { log: function() {}, warn: function() {}, error: function() {} }; } - 不要写
console("xxx")、console.xxx()(拼写错误)、或console.log.xxx()等无效调用,均会导致运行时错误。
掌握 console 的正确用法,是前端开发调试的第一步,也是确保代码健壮性和可维护性的基础实践。


















