项目 代码优化 1、合理使用函数 2、减少定义全局变量 3、手工解除变量引用

本文主要是介绍项目 代码优化 1、合理使用函数 2、减少定义全局变量 3、手工解除变量引用,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

有时候要求项目控制在一个固定的大小范围内,而JS的内存问题可能会导致项目的卡顿,内存溢出等现象;那我们应该怎么解决??以我自己角度来给出一些建议

1、合理使用函数

1.1 函数的封装

我们要学会将重复的代码进行封装起来,在一定程度上减少代码,尽量一个功能就只实现一个功能,出错了也容易找错,如果后期业务进行改动,还能尽快的熟悉代码;

函数封装的步骤:

(1)声明和定义一个新的函数 ,给函数取一个见词知意的名字 。

    function add(形参){//add为函数名}

(2)核心代码放入函数体。

(3)提取形参。代码块中的形参对应的变量名需要进行修改

(4)调用。在要使用这个函数功能的地方调用和执行:函数名();例如add()就是调用add函数;

​ 函数都是声明和调用分开,而且可以不限次被调用,这是模块化思想的体现。但是对那些只需要执行一次的函数,怎么办呢?这就要用到立即执行函数。

1.2 立即函数

​ 立即执行函数,其实也可以叫初始化函数,英文名:IIFE,immediately-inovked-function expression。立即执行函数就是在定义的时候就立即执行,执行完以后就释放,包括函数内部的所有变量

​ 比如在页面完成初始化完成后执行的函数一般都是立即执行函数。

2、尽量少使用全局变量

var 定义变量

在JS中常用的定义变量的方式是使用var的方式,但是var变量无论是在for循环还是if等语句中定义,都是全局变量,除非在函数中定义,函数中用var定义的变量是局部变量,只能在函数局部作用域中使用,只要不要使用闭包,就不会出现在全局中,这也是建议使用函数的一个小原因吧。

(局部作用局的变量,只有在局部作用域被调用时,内存中才会临时开辟空间进行声明和使用,但是函数结束了调用,变量空间就会被释放)

let 定义变量

除了使用var定义一个变量,我们还可以使用let定义,let变量有自己的块作用域,在在for循环还是if等语句中用let定义的变量出了for或者if就不能被获取;块作用域生成的场合:if语句,for循环语句,do…while语句,while语句 等。

3、手工解除变量引用

在业务代码中,一个变量已经确切是不在需要了,可以手工解除变量,使得这个变量被回收。

var str = "qwkjrwmefdspolkjmrf";
。。。。。。。。
str = null;//手工解除

这篇关于项目 代码优化 1、合理使用函数 2、减少定义全局变量 3、手工解除变量引用的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/934009

相关文章

使用Python和OpenCV库实现实时颜色识别系统

《使用Python和OpenCV库实现实时颜色识别系统》:本文主要介绍使用Python和OpenCV库实现的实时颜色识别系统,这个系统能够通过摄像头捕捉视频流,并在视频中指定区域内识别主要颜色(红... 目录一、引言二、系统概述三、代码解析1. 导入库2. 颜色识别函数3. 主程序循环四、HSV色彩空间详解

Windows下C++使用SQLitede的操作过程

《Windows下C++使用SQLitede的操作过程》本文介绍了Windows下C++使用SQLite的安装配置、CppSQLite库封装优势、核心功能(如数据库连接、事务管理)、跨平台支持及性能优... 目录Windows下C++使用SQLite1、安装2、代码示例CppSQLite:C++轻松操作SQ

一文详解如何在idea中快速搭建一个Spring Boot项目

《一文详解如何在idea中快速搭建一个SpringBoot项目》IntelliJIDEA作为Java开发者的‌首选IDE‌,深度集成SpringBoot支持,可一键生成项目骨架、智能配置依赖,这篇文... 目录前言1、创建项目名称2、勾选需要的依赖3、在setting中检查maven4、编写数据源5、开启热

Python常用命令提示符使用方法详解

《Python常用命令提示符使用方法详解》在学习python的过程中,我们需要用到命令提示符(CMD)进行环境的配置,:本文主要介绍Python常用命令提示符使用方法的相关资料,文中通过代码介绍的... 目录一、python环境基础命令【Windows】1、检查Python是否安装2、 查看Python的安

C++高效内存池实现减少动态分配开销的解决方案

《C++高效内存池实现减少动态分配开销的解决方案》C++动态内存分配存在系统调用开销、碎片化和锁竞争等性能问题,内存池通过预分配、分块管理和缓存复用解决这些问题,下面就来了解一下... 目录一、C++内存分配的性能挑战二、内存池技术的核心原理三、主流内存池实现:TCMalloc与Jemalloc1. TCM

Python并行处理实战之如何使用ProcessPoolExecutor加速计算

《Python并行处理实战之如何使用ProcessPoolExecutor加速计算》Python提供了多种并行处理的方式,其中concurrent.futures模块的ProcessPoolExecu... 目录简介完整代码示例代码解释1. 导入必要的模块2. 定义处理函数3. 主函数4. 生成数字列表5.

Python中help()和dir()函数的使用

《Python中help()和dir()函数的使用》我们经常需要查看某个对象(如模块、类、函数等)的属性和方法,Python提供了两个内置函数help()和dir(),它们可以帮助我们快速了解代... 目录1. 引言2. help() 函数2.1 作用2.2 使用方法2.3 示例(1) 查看内置函数的帮助(

Linux脚本(shell)的使用方式

《Linux脚本(shell)的使用方式》:本文主要介绍Linux脚本(shell)的使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录概述语法详解数学运算表达式Shell变量变量分类环境变量Shell内部变量自定义变量:定义、赋值自定义变量:引用、修改、删

SpringBoot项目配置logback-spring.xml屏蔽特定路径的日志

《SpringBoot项目配置logback-spring.xml屏蔽特定路径的日志》在SpringBoot项目中,使用logback-spring.xml配置屏蔽特定路径的日志有两种常用方式,文中的... 目录方案一:基础配置(直接关闭目标路径日志)方案二:结合 Spring Profile 按环境屏蔽关

Java使用HttpClient实现图片下载与本地保存功能

《Java使用HttpClient实现图片下载与本地保存功能》在当今数字化时代,网络资源的获取与处理已成为软件开发中的常见需求,其中,图片作为网络上最常见的资源之一,其下载与保存功能在许多应用场景中都... 目录引言一、Apache HttpClient简介二、技术栈与环境准备三、实现图片下载与保存功能1.