js原生---js代码的if else代码有return时的性能优化

最新推荐文章于 2022-05-12 21:31:45 发布
最新推荐文章于 2022-05-12 21:31:45 发布
阅读量1.7k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38603437/article/details/99089926
版权

1.else if可以去除并更改为if

2.else去掉 只留return

原因

if else的else会占用文件四个字节，但此由于代码加入了return，所以return之后的代码不会继续被解释执行，造成了资源浪费，js文件字节数越大，用户从服务器端请求下载的速度就越长，会影响用户体验

优化案例

前端_小柒
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js 时间加减_简单几步让你的 JS 写得更漂亮
weixin_39913422的博客
11-28 145
作者：会编程的银猪http://www.renfed.com/2017/04/29/effective-js-optimize/网上有不少关于 JS 编写优化建议，这里我根据自己的经验提出一些比较有用的意见。1. 按强类型风格写代码JS 是弱类型的，但是写代码的时候不能太随意，写得太随意也体现了编码风格不好。下面分点说明：(1)定义变量的时候要指明类型，告诉 JS 解释器这个变量是什么数...
if return 和 if else
weixin_30814223的博客
01-16 620
最近看Node.js实战中，有一段代码是优化之前使用if else,优化之后是使用if return，我不知道if return是不是效率比if else高。 优化前： if(err){ handleErr(err,res);//handleErr是一个处理错误的方法，res.end("Server error"); }else{ //do something... ...
关于else if 语句和return语句的联系,和while循环语句的坑
qq_53066188的博客
05-12 513
function getsChildrens(pr) { var o = pr; //将参数以另一个形式保存起来方便操作 var result = []; //用数组的方法while语句会一直执行推入进去的,只能return返回出来 // for (var i = 0; i < box.childNodes.length; i++) { while (o.previousSibling != null) { ...
C语言中“指针”和“指针变量”的区别是什么
u011555996的博客
03-09 7590
比较严格的说法是这样的： 系统为每一个内存单元分配一个地址值，C/C++把这个地址值称为“指针”。如有int i=5;，存放变量i的内存单元的编号(地址)&i被称为指针。 “指针变量”则是存放前述“地址值”的变量，也可以表述为，“指针变量”是存放变量所占内存空间“首地址”的变量(因为一个变量通常要占用连续的多个字节空间)。比如在int i=5;后有一句int *p=&i;，就把i的指针&i赋给
JavaScript 优化 if-else 代码
且听风吟的博客
12-08 1028
一、提前return，去除不必要的else 如果 if-else 代码块包含 return 语句，可以将不符合条件的情况提前return，去掉多余的else。 优化前： if (condition) { const a = 300 } else { return; } 优化后： if (!condition) { return } const a = 300 二、使用三目运算符 使用三目运算符，可以将多行代码变为一行代码实现。 优化前： let res = '' if (condition) {
js代码-apply和bind原生实现
07-15
例如，当你有一个数组需要作为参数传递给另一个函数时，`apply`就非常有用： ```javascript let numbers = [1, 2, 3]; let sum = function(a, b, c) { return a + b + c; }; console.log(sum.apply(null, numbers)...
js代码-Javascript 手动实现 Function.call()
07-15
JavaScript中的`Function.prototype.call()`方法是一个非常重要的特性，它允许我们改变函数的上下文（即`this`的指向）并立即执行该函数。这个方法在处理对象方法、继承以及创建元编程解决方案时尤为有用。本篇文章...
js代码-模拟 localStorage 时如何实现过期时间功能
07-15
在JavaScript的Web开发环境中，localStorage是一个非常常用的存储机制，它允许我们存储键值对数据，但默认情况下localStorage并不支持数据的过期时间。为了实现类似的功能，我们需要自己编写代码来模拟localStorage...
VUE-CLI项目代码规范.docx
03-30
* 尽量避免 if(...){..} else if(...){...} else if(...){...} 的存在，使 用 if(..){ ...return} if(..){ ... return} ...的逻辑。 * 尽量避免递归函数的调用，如果必须使用，使用 let 定义变量，不要使用 var。 * ...
js代码-这是一段测试代码
07-15
6. **类与继承**：虽然JavaScript原生支持面向对象编程，但ES6引入了类的语法糖。例如： ```javascript class Animal { constructor(name) { this.name = name; } speak() { console.log(this.name + " makes...
js if else return不管用_js浅拷贝深拷贝
weixin_35819549的博客
12-26 220
// implements Object.assign // fix `Cannot resolve module 'babel-runtime/core-js/object/assign'` export function assign(dest, ...srcs) { srcs.reverse().forEach(src => { for (const k in src) {...
18.增强for循环
qq_39393387的博客
07-19 170
增强for循环 Java5引入了一种主要用于数组或集合型for循环。 Java增强for循环语法格式如下： for(声明语句:表达式){ //代码语句 } 声明语句：声明新的局部变量，该变量的类型必须和数组元素的类型匹配。其作用域限定在循环语句块，其值与此时数组元素的值相等。 表达式：表达式是要访问的数组名，或者是返回值为数组的方法。 ForDemo05.java package com.more.struct; public class ForDemo05 { public stati
优化if-else代码的八种方案
JiuTianCopl的博客
11-02 338
非原创，仅学习，转载自：https://blog.csdn.net/weiwenhou/article/details/104726034 文章目录前言1. 提前return，去除不必要的else2. 三目运算符3. 使用枚举4. 合并条件表达式5. 使用 Optional6. 优化逻辑结构，让正常流程走主干7. 表驱动法8. 策略模式+工厂方法消除if else总结 前言 代码中如果if-else比较多，阅读起来比较困难，维护起来也比较困难。 提示：以下是本篇文章正文内容，下面案例可供参考 1
if中使用return
热门推荐
weixin_38098192的博客
11-23 1万+
如果在if-else或者if-else-if中使用return，那么必须在将这些条件语句放在函数中，否则会报错。 同for循环中使用return一样，使用了return后，将返回到函数外边。...
JS 基础（二）if 分支语句
weixin_48772566的博客
04-30 910
一、语法形式: 概念: 根据条件决定是否执行某一段代码, 或者决定执行哪一段代码 1. if 语句 语法：if (条件) { 代码段 } 意义: 条件为 ture 的时候, { } 内的代码段执行, 否则不执行 var age = 19; if (age >= 18) { console.log('去网吧'); } //打印结果：去网吧 2. if else 语句 语法：if (条件) { 代码段 } else { 代码段 } 意义: 条件为 true, 执行 if 后面的 { } 内
js if else return不管用_前端知识013 学会异步，JS不再烧脑
weixin_42489589的博客
12-25 1003
01 同步和异步0101 认识同步异步0102 前端经常遇到的异步操作（三个经典例子）0103 拿到异步的结果 ---轮询和回调 0104 回调的几种方式02 Promise0201 Promise基本用法0202 Promise 基本API0203 自己写一个Promise的套路0204 await/ async0205 手写Promise面试的时候经常问到JS异步的理解，那究竟什么是异...
iOS开发细节 | "if else" VS "if return"
iOS学习的博客
10-28 1042
背景 最近敲代码的时候对if else和if return有点纠结，因为这两种写法可以互换，最开始我是用的if else，后面看别人的代码很多用的if return，然后我也开始用if return，然而慢慢我感觉用if return好像有时还不如用if else来得更直观形象。于是我请教了一下老司机。 问题如下： if else与if return的选择问题 这两种写法可
太多if判断会不会影响性能
lb6514052的博客
04-08 3061
面试官问太多if会不会影响性能 根据大量实践，多if并不会影响性能,因为底层他也是if的，程序设计(c，C++，java等)书中有写，if相比较于其他的判断性能要高很多。如果非要说影响，那就是渲染方面了，渲染层从.创建开始到渲染完成过程中，如果用if进行---些渲染判断(加载不同端的代码和设备判定之类的)会存在渲染阻塞和重新渲染，这部分的性能损耗是最明显和最大的，至于js层面的，如果实在觉得if不好看可以考虑换其他的判定语句， 对于性能影响不大因为有限步骤时间复杂度就是0(1)，主...
js中return的用法
zhangyubababa的博客
09-02 3594
js中return的用法 今天看到一篇文章，介绍的是js中return的用法，感触很深。(类似于JAVA return) 在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个元素,页面会跳转到该元素href属性指定的页. Return False 就相当于终止符，Return True 就相当于执行符。 在js中return false的作用一般是用来取消默认动作的。比如你单击一个链接除了触发你的 onclick时间（如果你指定的话）以外还要触发一个默认事件就是
使用原生ajax完成有账号，密码，确认密码的代码
最新发布
06-09
JavaScript代码： ``` function register() { var username = document.getElementById("username").value; var password = document.getElementById("password").value; var confirmPassword = document....

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值