JavaScript错误之：Uncaught ReferenceError: $ is not defined

最新推荐文章于 2024-06-13 16:11:09 发布

码涤生

最新推荐文章于 2024-06-13 16:11:09 发布

阅读量6.1w

点赞数 20

分类专栏：前端HTML+CSS 文章标签： JS常见错误 Uncaught ReferenceError: $ is JS与JQuery的加载问题

本文链接：https://blog.csdn.net/lmlzww/article/details/86714234

版权

前端HTML+CSS 专栏收录该内容

13 篇文章 3 订阅

订阅专栏

相关知识介绍——JS中常见的六种错误：

1. SyntaxError：语法错误

// 1. Syntax Error: 语法错误

// 1.1 变量名不符合规范

var 1 // Uncaught SyntaxError: Unexpected number

var 1a // Uncaught SyntaxError: Invalid or unexpected token

// 1.2 给关键字赋值

function = 5 // Uncaught SyntaxError: Unexpected token =

2. Uncaught ReferenceError：引用错误

引用一个不存在的变量时发生的错误。将一个值分配给无法分配的对象，比如对函数的运行结果或者函数赋值。

// 2.1 引用了不存在的变量

a() // Uncaught ReferenceError: a is not defined

console.log(b) // Uncaught ReferenceError: b is not defined

// 2.2 给一个无法被赋值的对象赋值

console.log("abc") = 1 // Uncaught ReferenceError: Invalid left-hand side in assignment

3. RangeError：范围错误

RangeError是当一个只超出有效范围时发生的错误。主要的有几种情况，第一是数组长度为负数，第二是Number对象的方法参数超出范围，以及函数堆栈超过最大值。

// 3.1 数组长度为负数

[].length = -5 // Uncaught RangeError: Invalid array length

// 3.2 Number对象的方法参数超出范围

var num = new Number(12.34)

console.log(num.toFixed(-1)) // Uncaught RangeError: toFixed() digits argument must be between 0 and 20 at Number.toFixed

// 说明: toFixed方法的作用是将数字四舍五入为指定小数位数的数字,参数是小数点后的位数,范围为0-20.

4. TypeError类型错误

变量或参数不是预期类型时发生的错误。比如使用new字符串、布尔值等原始类型和调用对象不存在的方法就会抛出这种错误，因为new命令的参数应该是一个构造函数。

// 4.1 调用不存在的方法

123() // Uncaught TypeError: 123 is not a function

var o = {}

o.run() // Uncaught TypeError: o.run is not a function

// 4.2 new关键字后接基本类型

var p = new 456 // Uncaught TypeError: 456 is not a constructor

5. URIError，URL错误

主要是相关函数的参数不正确。

1	`decodeURI("%")` `// Uncaught URIError: URI malformed at decodeURI`

URI相关参数不正确时抛出的错误，主要涉及encodeURI、decodeURI()、encodeURIComponent()、decodeURIComponent()、escape()和unescape(）六个函数。

6. EvalError eval()函数执行错误

在ES5以下的JavaScript中，当eval()函数没有被正确执行时，会抛出evalError错误。

例如下面的情况：

1 2	`var` `myEval = eval;` `myEval("alert('call eval')");`

需要注意的是：ES5以上的JavaScript中已经不再抛出该错误，但依然可以通过new关键字来自定义该类型的错误提示。

以上的6种派生错误，连同原始的Error对象，都是构造函数。开发者可以使用它们，认为生成错误对象的实例。

1	`new` `Error([message[,fileName[,lineNumber]]])，`

第一个参数表示错误提示信息，第二个是文件名，第三个是行号。

Uncaught ReferenceError错误的解决方案：

在js开发中，很多人遇到类似问题，都找不到解决方法。Uncaught ReferenceError: $ is not defined，在这里给大家提供几个解决方法。

方法/步骤
1.出现这个错误，最可能的是引用的各个js的调用顺序有误，重新调整其引用顺序看看能否解决？
2.还有一个原因就是在你引用js时，路径出错，不是你项目中正确的文件路径。
3.还有一个原因是你的js中有某些值是不存在的。
4.除了以上这个具体的错误，还可能遇到类似的Uncaught ReferenceError: XXXX is not defined错误，这类错误就要多检查传值错误，或者某些值不存在。

我这次错误是属于第一种的，因为我先引用的是一个JS文件但是后来才又引用了库文件：

<head>
		<meta charset="UTF-8">
		<title>Canvas画布实现</title>
		<script type="text/javascript" src="js/canvas.js"></script>
		<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
		<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" src="js/course.js"></script>
		<link rel="stylesheet" href="css/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
		<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
		<style>
			.tongji_1{
				border:1px dashed red;
				height:450px;
				width:900px;
				margin:auto;
				background-color:antiquewhite;
				
			}
		</style>
	</head>

补充——JS与JQuery的加载问题：

js的加载是要等到整个界面的文件加载完毕才执行，而JQuery是在DOM的树结构加载完毕后就开始了。所以说JQ的执行更快，同时JQ也遵守顺序执行的规则。

码涤生

关注

20
点赞
踩
65

收藏

觉得还不错? 一键收藏
2
评论
JavaScript错误之：Uncaught ReferenceError: $ is not defined

相关知识介绍——JS中常见的六种错误：1. SyntaxError：语法错误 1 2 3 4 5 6 // 1. Syntax Error: 语法错误 // 1.1 变量名不符合规范 var 1 // Uncaught SyntaxError: Unexpected number var...
复制链接

扫一扫