Uncaught ReferenceError: Cannot access ‘f1’ before initialization

翻译:未捕获的引用错误:初始化前无法访问“f1”

可知是没有初始化,发生错误的原因很简单,就是在没有预先定义函数的基础上使用了函数。

<!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>事件的添加与删除</title>
</head>
<body><button>元素对象</button><button>元素事件监听器</button><button>事件派发器/广告联盟点击赚钱</button><!-- 目标1:1.事件对象的使用(设置和取消)2.设置监听器(设置和取消)3.搞懂冒泡 --><script>let btn1 = document.querySelector('button:first-of-type');//事件函数只能够用标准的函数let f1 = () => {console.log(123);}btn1.onclick = f1;</script>
</body>
</html>

如上面代码所示,必须先定义函数再使用

其中btn1.onclick = f1; btn1.onclick = f1();有本质区别
btn1.onclick = f1;自定义了事件,及每一次点击按钮,就调用一次函数
btn1.onclick = f1();就是调用一次函数

Uncaught ReferenceError: Cannot access ‘f1‘ before initialization相关推荐

  1. function()默认参数中ReferenceError Cannot access ‘a‘ before initialization的解决方法

    function()默认参数中ReferenceError: Cannot access 'a' before initialization的解决方法 代码 <!DOCTYPE html> ...

  2. ReferenceError Cannot access ‘xxx‘ before initialization

    执行下面代码 let myname= 'kaimo666' {console.log(myname) let myname= 'kaimo777' } 最终打印结果 分析原因 在块作用域内,let声明 ...

  3. ReferenceError: Cannot access ‘xxx‘ before initialization

    执行下面代码 let myname= 'kaimo666' {console.log(myname) let myname= 'kaimo777' } 最终打印结果 分析原因 在块作用域内,let声明 ...

  4. Cannot access ‘phone‘ before initialization

    文章目录 [Vue warn]: Error in v-on handler (Promise/async): "ReferenceError: Cannot access 'phone' ...

  5. CORS Uncaught ReferenceError: is not defined

    CORS 跨域描述 Cross-Origin Resource Sharing (CORS)跨域资源共享.所谓跨域指A页面想获取B页面资源,如果两者的协议.域名.端口或者子域名不同,如A是ip地址,B ...

  6. Uncaught ReferenceError: angular is not defined

    搞了一天关于angularJS的Uncaught ReferenceError: angular is not defined 错误 查了好多资料   有人说是加载引入js顺序的问题   但是把他换做 ...

  7. vue中解决Uncaught ReferenceError: regeneratorRuntime is not defined问题

    问题产生 在使用babel编译es6时,遇到报错Uncaught ReferenceError: regeneratorRuntime is not defined问题 问题原因 脚本使用了ES7的 ...

  8. JS报错修改日记(1):Uncaught ReferenceError: showQRcode is not defined

    为了加一个查看二维码的功能,如: //页面内按钮 <a class="manipulate-btn" href="#" οnclick="sho ...

  9. JS问题Uncaught ReferenceError:XXXX is not defined

    背景: html中一个table,table中进行分页.每行后面有一系列操作,如删除,修改.现在以删除为例说明问题. 实现方式: 使用button,在onclick中调用js函数,js函数中传递参数如 ...

最新文章

  1. 卫星图像分割--Effective Use of Dilated Convolutions for Segmenting Small Object Instances
  2. 某一列高度变化_高度近视,老了后会瞎吗?
  3. 区块链金融应用论坛关于量化的分享
  4. 三十、Java 多线程编程(上篇)
  5. quartz工程容器启动与 Service注入
  6. SpringBoot AOP拦截器
  7. Docker添加或者更改容器的端口映射
  8. 怎么样让用户认为产品更有价值?让他们DIY吧!
  9. android 日历 时间选择,Android--DatePicker和TimePicker(日历选择器与时间选择器)
  10. 上传文件时服务器返回错误信息,上传文件时的错误提示
  11. 软考程序员java_软考程序员难吗?
  12. gdiPlus 显示图片缩放不正确的可能解决方案
  13. 常见的3D打印文件格式都有哪些
  14. 《2020年中国互联网网络安全报告》:90%的小程序存在安全隐患
  15. idea生成函数 的注释快捷键_动态演示解密:Excel随机数生成函数配合F9快捷键即可实现...
  16. 企业微信社群运营必建的4个内容体系
  17. 如何利用springboot快速搭建一个消息推送系统
  18. app每月签到功能简单实现
  19. java直接从数据库读取文件写入FTP服务器
  20. 史莱姆方块java_史莱姆 - Minecraft Wiki,最详细的官方我的世界百科

热门文章

  1. 四、html字体样式,外观属性
  2. python pygame模块按键响应
  3. JavaScript 如何计算两个日期之间的天数
  4. ONVIF Device Test Tool测试工具使用方法(详细)
  5. strcmp,strcpy,strstr函数
  6. zeromq初体验C语言版本测试程序及C++测试程序
  7. PostGIS 快速入门
  8. postgresql + postgis 离线安装
  9. python中代码注释使用的符号是_Python语句中用于注释代码的符号是
  10. Jackson注解:@JsonAlias使用详解