首页 > 其他分享 >前端js方法的书写顺序,比如有内部方法,外部方法,用户触发的动作方法,监听事件方法,等等,

前端js方法的书写顺序,比如有内部方法,外部方法,用户触发的动作方法,监听事件方法,等等,

时间:2024-01-21 16:13:08浏览次数:30  
标签:初始化 定义 外部 js 事件 方法 监听

在前端JS开发中,通常的方法书写顺序如下:

变量声明和初始化
内部方法定义
外部方法定义
初始化函数
事件监听方法定义
用户触发的动作方法定义

这个顺序的主要目的是提高代码的可读性和可维护性。按照这个顺序,可以使代码更加清晰、易于理解和修改。

变量声明和初始化应该在前面,因为它们是代码中最基本的部分,我们需要在后面的方法中使用这些变量。

内部方法定义和外部方法定义应该分别放在变量声明和事件监听方法的后面。内部方法会被外部方法调用,所以内部方法需要在外部方法之前定义,而事件监听方法通常在外部方法中使用,所以应该在外部方法之后定义。

初始化函数应该在事件监听方法的前面。因为初始化函数通常用于页面加载时执行的操作,例如DOM元素的获取和设置等,而这些操作需要在事件监听方法之前完成。同时,将初始化函数放在事件监听方法之后可能会导致页面未正确初始化就被用户操作,从而产生不可预期的结果。注意,若初始化函数中需要用到事件监听,那么事件监听的方法应写到前面,然后调用初始化函数

最后,用户触发的动作方法应该在事件监听方法后面定义。这些方法通常是由用户交互触发的,例如点击按钮或输入表单等。

当然,这只是一种推荐的方法书写顺序,实际上也可以根据项目的需求和开发者的习惯进行调整。

标签:初始化,定义,外部,js,事件,方法,监听
From: https://www.cnblogs.com/longmo666/p/17977954

相关文章

  • Java中遍历方法对比
    DemopublicclassTest{publicstaticvoidmain(String[]args){test(10);test(100);test(1000);test(10000);}publicstaticvoidtest(intsize){//1.组装数组List<String>list=list(siz......
  • JUC并发编程 线程中断介绍及相关Api方法
    什么是中断机制首先,一个线程不应该由其他线程来强制中断或停止,而是应该由线程自己自行停止,自己来决定自己的命运,所以,Thread.stop,Thread.suspend,Thread.resume都已经被废弃了其次,在Java中没有办法立即停止一条线程,然而停止线程却显得尤为重要,如取消一个耗时操作。因此,Java提供......
  • 50csv表格转换为json文件
     importcsvimportjson#常规csv表格转换为json文件,表头作为字典key字段。defconvert_csv_to_json(csv_file_path,json_file_path):data=[]withopen(csv_file_path,'r',encoding='utf-8-sig')ascsv_file:csv_reader=csv.DictReader(cs......
  • 无涯教程-Node.js - 全局对象
    Node.js全局对象本质上是全局的,并且在所有模块中都可用,无涯教程不需要在应用程序中包含这些对象,而是可以直接使用它们。__filename__filename表示正在执行的代码的文件名,这是此代码文件的解析绝对路径,对于主程序,此文件名不必与命令行中使用的文件名相同,模块内部的值是该模......
  • 无涯教程-Node.js - Web模块
    Web服务器是一个软件应用程序,它处理HTTP客户端(例如Web浏览器)发送的HTTP请求,并返回网页以响应客户端,Web服务器通常提供html文档以及图像,样式表和脚本。Web应用架构Web应用程序通常分为四层-Client         -该层由Web浏览器,移动浏览器或可以向Web服务器......
  • 【Dynamics365-Finance&Operations学习】Chain of Command Feature使用方法与使用场景
    前提微软在PlatformUpdate9之后引入了ChainofCommand(CoC),通过支持像Public和Protected类型的拓展,来为技术顾问和编程人员减少过度分层(overlayering)。在PU15(Dynamic365的某一版本)中,在Form、Table和Class的CoC已经被实现,但在表单数据源(FormDataSource)和表单数据字段(Formdat......
  • Java将json字符串转换为数组的方法
    Java将json字符串转换为数组的方法在Java开发中,经常会遇到将json字符串转换为数组的需求。JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式,常用于前后端数据传输和存储。而Java中的JSONArray类可以用来处理json数组。下面将介绍一种常用的方法,用于将json字符串转换为......
  • 无涯教程-Node.js - 事件发送
    Node中的许多对象都会发出事件,例如net.Server每次对等点连接到它时都会发出一个事件,而fs.readStream在文件打开时会发出一个事件。发出事件的所有对象都是events.EventEmitter的实例。EventEmitter类如上一节所述,EventEmitter类位于事件模块中。可通过以下代码访问-//导入事件......
  • js设计模式之观察者模式
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>观察者模式</title></head><body><script>classEvent{constructor(){}//事件容器,可以是一个也可以是......
  • 无涯教程-Node.js - IO系统
    Node使用围绕标准POSIX函数的简单包装器来实现文件I/O,可以使用以下语法导入节点文件系统(fs)模块-varfs=require("fs")同步与异步fs模块中的每个方法都有同步形式和异步方式,异步方法将最后一个参数作为完成函数回调,并将回调函数的第一个参数作为错误。最好使用异步方法而不是......