js的常见错误

简介: js的常见错误

文章目录


1. 在初始化之前不能访问’xx’

报错信息: Uncaught ReferenceError: Cannot access 'btn' before initialization

  • 报错代码
<!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>
</head>
<body>
    <button id="btn">按键</button>
    <script>
        const btn = document.getElementById(btn)
        console.log("获取到的元素",btn)
    </script>
    <noscript>您的浏览器不支持js哦</noscript>
</body>
</html>
  • 原因分析
    const btn = document.getElementById(btn) 这一行里面的id没有加引号,js引擎把btn当成变量来识别所以识别不到。把引号加上就好了。
相关文章
|
JavaScript
常用JS工具函数
常用JS工具函数
58 1
|
JavaScript 前端开发
(javascript)Vue启动时常见错误及其解决办法
(javascript)Vue启动时常见错误及其解决办法
244 0
|
3月前
|
JavaScript 前端开发
js教程——函数
js教程——函数
56 4
|
8月前
|
JavaScript 容器
js的一些注意事项
js的一些注意事项
|
JavaScript 前端开发 API
|
Web App开发 JSON JavaScript
js常见的报错
js常见的报错
90 0
|
JavaScript
Vue.js常见错误处理包含代码
@[TOC](目录) 以下是 Vue.js 中常见的错误,以及相应的处理方法和代码示例: 1. 语法错误 错误信息:`Error: [vm] &quot;name&quot; is not defined` 解决方法:确保组件的 data 中定义了相同的属性。 示例代码: ```html &lt;template&gt; &lt;div&gt; &lt;p&gt;{{ name }}&lt;/p&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; export default { data() { return { name: &#39;Hello&#39;, }; }, };
193 0
|
Web App开发 消息中间件 监控
V8如何处理JS
Chromium本身就是一个浏览器 Chrome浏览器一般选择Chromium的稳定版本作为它的基础 浏览器大战,其实就是渲染引擎之争 v8是「JS虚拟机」的一种 源代码对 V8 来说只是「一堆字符串」 执行JS代码核心流程 1. 先编译 2. 后执行 V8采用「JIT」(Just In Time)技术提升效率
128 0
V8如何处理JS
|
Web App开发 XML JavaScript
【Js】JS的历史:认识JS的来龙去脉
BOM(Browser Object Model) 是指浏览器对象模型,是用于描述这种对象与对象之间层次关系的模型,浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象。它是一种与平台和语言无关的应用程序接口API),它可以动态地访问程序和脚本,更新其内容、结构和www文档的风格(HTML和XML文档是通过说明部分定义的)。JS的书写位置有三种,分别为行内式,内嵌式,和外部式。
【Js】JS的历史:认识JS的来龙去脉
|
JavaScript
纯js实现下载功能【附上js代码】
纯js实现下载功能【附上js代码】
199 0