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当成变量来识别所以识别不到。把引号加上就好了。
相关文章
|
21天前
|
JavaScript Java 虚拟化
JS代码片段
本文档详细规定了Java编程中的排版、命名及注释规范。排版方面,强调变量初始化时对齐赋值符号,操作符与关键词或变量间加空格,独立代码块间加空行,长语句换行书写,并将`main`方法置于类底部。命名规范包括全小写包名、驼峰命名法的类与变量名,以及大写的静态最终变量名。注释部分提倡使用Eclipse自动生成模板,并及时补充描述。文档还提供了多个格式示例,以JDK源码和Hyperic HQ为参考,展示了不同语句的具体应用。
16 2
|
1月前
|
JavaScript 前端开发 Java
常用的JS代码片段有哪些
常用的JS代码片段有哪些
22 3
|
4月前
|
JavaScript 容器
js的一些注意事项
js的一些注意事项
|
10月前
|
JavaScript 前端开发 API
|
Web App开发 JSON JavaScript
js常见的报错
js常见的报错
75 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;, }; }, };
155 0
|
Web App开发 消息中间件 监控
V8如何处理JS
Chromium本身就是一个浏览器 Chrome浏览器一般选择Chromium的稳定版本作为它的基础 浏览器大战,其实就是渲染引擎之争 v8是「JS虚拟机」的一种 源代码对 V8 来说只是「一堆字符串」 执行JS代码核心流程 1. 先编译 2. 后执行 V8采用「JIT」(Just In Time)技术提升效率
111 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 前端开发 程序员
JavaScript基础(五)js中常见错误类型及解决、ES6介绍
JavaScript基础(五)js中常见错误类型及解决、ES6介绍
241 0
|
Web App开发 JavaScript
js断点调试心得
1.断点调试是啥?难不难? 断点调试其实并不是多么复杂的一件事,简单的理解无外呼就是打开浏览器,打开sources找到js文件,在行号上点一下罢了。操作起来似乎很简单,其实很多人纠结的是,是在哪里打断点?(我们先看一个断点截图,以chrome浏览器的断点为例) 步骤记住没? 用chrom...
1304 0