ES5中, 函数未注册(Uncaught ReferenceError: fn is not defined)

最新推荐文章于 2024-09-18 18:15:42 发布
最新推荐文章于 2024-09-18 18:15:42 发布
阅读量1.8k 收藏
点赞数
分类专栏： 系统默认 文章标签： 函数 JS原生
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gong_zhe_511/article/details/65629170
版权 
正常浏览器环境下, 如果在不加载babel等转义文件的前提下, 开发者如果在准备就绪函数中(如:onload() 或者 $.jQuery.ready())注册函数(fn), 那么调用的时候可能找不到(实例化对象除外).

原因就在于, 事件和函数的绑定关系. DOM渲染完毕之前, JS的onload和ready方法肯定没有运行; 但是渲染的时候就已经在JS中寻找已经注册过的函数,去和DOM绑定在一起. 此时, 由于fn仍未在JS中注册, 故绑定在DOM上的函数其实为空(也就是"未注册").

注意: 渲染引擎和JS加载引擎是同时运行的

其实说穿了就是加载顺序的问题, DOM在JS准备就绪函数之前加载, 所以找不到注册函数.解决办法也很简单:

函数注册写到顶级作用域(window)下面

门_玻璃_天花板
关注
专栏目录
Uncaught ReferenceError: exports is not defined 解决办法
木子聊前端
06-10 2万+
缘由 在不借助任何框架，单纯在浏览器运行，学习typescript ，开始一切都很美好，在命令行输入 tsc xxx.ts 然后把编译好都代码放到html，在浏览器运行，得出了预期结果。心情很舒畅，眼看就要顺利学完ts了。准备迎接毕业典礼，升职加薪； 突然的报错 模块是一个让人兴奋的区域，我们充分理解了模块带来的好处并切 对import和export 有很大期待，开始写入测试代码 test.ts import {hi} from './hello'; // import 的使用 console.log(
ES6快速入门
bugs4j的博客
09-10 548
ES6快速指南 let/const let 变量声明标识，与var类似，但是***let***声明的变量只在所在的代码块中有效，不存在作用域提升 { var a = 20; let b = 10; } console.log(a); // 20; console.log(b); // Uncaught ReferenceError: b is not defined 同一个名称的变量再同一个作用域内只能用let申明一次， 被var 声明过的变量可以被let二次声明，但是被let声明
js出现Uncaught ReferenceError: XXX is not defined错误的解决办法
weixin_57666779的博客
07-15 5万+
1.window.onload事件是在整个页面包括dom结构、图片等等全部加载完成之后才会触发。2.如果将你自己的函数写在window.onload里，那么这个函数的作用域就仅仅是window.onload中，该函数是在一个匿名函数内部的局部函数，并不是全局函数，所以你调用时会显示未定义，类似java那个内部类。3.HTML加载时由上往下的，在HTML加载的时候，遇到function关键字，声明一个函数的时候，就会在内存中开辟一个新的空间来对函数进行存储，方便以后进行调用。
报错：Uncaught ReferenceError: $ is not defined 的解决方法
weixin_45395283的博客
06-13 3154
2.jQuery的jar包放进了WEB-INF里，jQuery的jar包最好放在WebContent下，跟WEB-INF同级。Uncaught ReferenceError: $ is not defined 的几个原因。3.导入jQuery的路径名没有写对。1.没有导入jQuery的jar包。
完美解决 Uncaught ReferenceError: X is not defined 的正确解决方法，亲测有效！！！
最新发布
fanchen4139的博客
09-18 4266
完美解决 Uncaught ReferenceError: X is not defined 的正确解决方法，亲测有效！！！
undefined和is not defined一样吗？
Sfh的博客
06-22 2368
https://blog.csdn.net/sheldon178/article/details/48298151/ undefined和is not defined，字面意思看来没什么两样，不都是未定义吗？ 在JavaScript中，可并非如此。 undefined定义如下： undefined是javascript的一种基本数据类型，变量未赋值或者函数没有返回值时返回。 xx is not defined: xxx is not defined是一种错误类型，其完整形式是：Uncaught Refere
每日一题12/15之闭包作用域匿名函数具名化问题
一起学习呀
12-15 165
题目：下面代码输出的结果是多少，为什么？如何改造一下，就能让其输出 20 10？ var b = 10; (function b() { b = 20; console.log(b); })(); console.log(b);
【深度学习】日常笔记10
努力学习的DS
07-07 1743
常常使⽤L2范数的⼀个原因是它对权重向量的⼤分量施加了巨⼤的惩罚，因为开了平方，那大分量开平方会更大，那么惩罚力度也就越大，这使得学习算法偏向于训练出一个在大量特征上均匀分布权重的模型。而L2正则化通过惩罚大型参数，迫使模型在进行优化时更倾向于选择较小的参数值，从而限制了模型的复杂度，减少了过拟合的风险。),会导致训练模型时出现数值不稳定的情况，因为每个特征的尺度不同，可能会导致某些特征对模型的影响更大，从而影响模型的性能。，而不是计算后的结果。较小的λ值对权重w的约束小，较大的λ值对权重w的约束大。
ts ren.js:17 Uncaught ReferenceError: exports is not defined
07-27
在使用TypeScript编译后的JavaScript代码中，如果出现"Uncaught ReferenceError: exports is not defined"的错误，这是因为浏览器不支持CommonJS模块的exports属性。要解决这个问题，可以使用打包工具将代码转译为...
Uncaught ReferenceError: exports is not defined at vue.cjs.js:3:23
08-14
引用和提到了解决"Uncaught ReferenceError: exports is not defined"错误的方法是修改Babel的配置或者删除该配置中的"modules"选项。这个错误通常在运行使用模块化语法的代码时出现，因为部分浏览器不支持模块化...
TS报错Uncaught ReferenceError: exports is not defined at 02-basis.js:2:23该怎么解决
05-30
这个错误提示表明你的代码中使用了Node.js的模块导出语法，而在浏览器环境下是无法识别的。因此，你需要将代码中的模块导出语法改为浏览器环境可识别的方式。 一种可行的解决方法是，将你的 TypeScript 代码编译成 ...
解决 Uncaught ReferenceError: $ is not defined 问题
喜羊羊love红太狼
05-04 5万+
原因有两个： 1.没有到处js的包 2.导入了js包但是引用js包时没有找到（地址路径不对） 显然我的项目里引入了js的包 那么就是我的js路径写错了。 第一种 src="/js/jquery-3.5.0.min.js" 第二种 src="js/jquery-3.5.0.min.js" 第一种引用方式发现请求的路径为http://localhost:8080...
ReferenceError: XXX is not defined 错误及解决办法
A_Zeng_的博客
06-08 6万+
ReferenceError: XXX is not defined 错误及解决办法 我这里是报错是忘记了引入此方法所在的js文件 ， 解决办法： 引入所需的js文件， 此错误 另外一种情况就是 jQuery引入先后顺序不对，要先引入jQuery文件 ...
解决Uncaught TypeError: Cannot read property 'fn' of undefined
qq_43224049的博客
11-17 3万+
Uncaught TypeError: Cannot read property 'fn' of undefined 这个意思就是（无法读取位定义的fn属性） 这个错误的出现呢 就是你引入的文件是在jQuery以后引入的 那么解决的办法呢就是把jQuery 的js 文件放在本文件引用的前面就ok了 笔者就是这样解决的 ...
React基础笔记
l529936997的博客
07-26 586
ECMAScript6 1、ES6简介 1.1、什么是ES6 ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。 1.2、ECMAScript和JavaScript的关系 一个常见的问题是，ECMAScript 和 JavaScript 到底是什么关系？ 要讲清楚这个问题，需要回顾历史。1996 年 11 月，JavaScript
Laya Note 常见Bug及解决方法，Laya常用API, 资源加载,getChildAt()有Bug,用this._children[0].visible = false替代
qq_42838904的博客
06-28 3981
//****************************************** 1）搭建Http服务器 ******************************************// $ npm i -g http-server $ http-server ./ TypeError: Laya.Templet is not a constructor laya.core.js:17243 TypeError: Laya.Templet is not a constructor 【
出现这个错误Uncaught ReferenceError: $ is not defined该如何解决思路
我是泛滥
07-03 7万+
当看到这个错误时Uncaught ReferenceError: $ is not defined不要慌（这就是一个非常非常小的错误） 1.当你遇到结果不是你所预料的效果时，同时页面上也没有给你反馈任何错误； 2.查看检查元素（F12）里面就会反馈给你信息是哪里不对（上面反馈出的信息来看什么什么未定义，思考…是不是你库jquery.min.js文件没引入了，还是代码有错）。 结论 引入的路径不正确，确保script的src引用路径正确 ...
JQuery中"Uncaught ReferenceError: $ is not defined"解决方法
热门推荐
cao199408的博客
04-06 14万+
在编写一个小的jquery程序后，运行html页面，发现浏览器报错： 检查发现自己没有引入jquery的js文件，于是在js代码下引入该文件： 保存后运行页面，发现依然会报错。将对jquery的js文件引用提前即可解决该问题。 总结如下： 1.jQuery库文件的路径不对，检查文件路径是否正确一般就能解决该错误。       2.如果库文件的路径是正确
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值