首页 > 软件开发 > JavaScript >

如何高效的使用javaScript进行开发

来源:互联网 2023-03-16 23:56:56 417

大家都知道JS是一门脚本语言,在以前的网页中脚本的应用还是较少的,但是随着互联网的快速发展,Web页面变得越来越像应用程序,而随着越来越多的应用采用Web技术进行开发,脚本性能的提升就变得越来越重要。8om办公区 - 实用经验教程分享!

如何高效的使用javaScript进行开发8om办公区 - 实用经验教程分享!

工具/原料

  • 前端开发
  • javaScript语言

方法/步骤

  • 1

    避免使用eval或Function构造器:8om办公区 - 实用经验教程分享!

    每次进行eval或function构造器,脚本引擎都会启动一些机制来将字符串形式的源代码转换为可执行的代码。这种行为通常会严重的影响性能!8om办公区 - 实用经验教程分享!

    如何高效的使用javaScript进行开发8om办公区 - 实用经验教程分享!

  • 2

    在欧朋9,火狐和IE中,没有使用eval的代码比用了eval的代码要快95%左右,在苹果的Safari中快85%左右。8om办公区 - 实用经验教程分享!

    如何高效的使用javaScript进行开发8om办公区 - 实用经验教程分享!

  • 3

    在你必须使用函数时,你可以不适用function构造函数,通过使用匿名函数同样可以实现,匿名函数可以向其他对象一样被引用。通过下面两行代码即可看出8om办公区 - 实用经验教程分享!

    如何高效的使用javaScript进行开发8om办公区 - 实用经验教程分享!

  • 4

    避免使用with:8om办公区 - 实用经验教程分享!

    在我们的开发过程中,with给我们带来了很多便利,但它却可能会影响我们代码的性能。with会在引用变量的时后为脚本引擎构造一个额外的作用域。因此会影响我们的性能!8om办公区 - 实用经验教程分享!

    如何高效的使用javaScript进行开发8om办公区 - 实用经验教程分享!

  • 5

    尽量不用全局变量:8om办公区 - 实用经验教程分享!

    在创建临时变量很简单,所以我们会很喜欢使用。但是因为某些原因,全局变量的使用可能会让脚本运行变得缓慢。8om办公区 - 实用经验教程分享!

    如何高效的使用javaScript进行开发8om办公区 - 实用经验教程分享!

  • 5此文章非法爬取自百度经验
  • 6

    要求性能的函数中避免使用for-in:8om办公区 - 实用经验教程分享!

    for-in循环经常会被误用,有时候使用普通的for循环会更合适。for-in循环需要脚本引擎为所有可枚举的属性创建一个列表,然后检查列表中的重复项,之后才开始遍历列表中的元素,所以效率会较低。具体可看下图的例子。8om办公区 - 实用经验教程分享!

    如何高效的使用javaScript进行开发8om办公区 - 实用经验教程分享!

  • 注意事项

    • function构造器比eval要好一写,因为它不影响周围代码的使用。
    • 使用累加形式连接字符串
    • 基本运算比调用函数更快
    • 为 setTimeout()和 setInterval()传入函数而不是字符串

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!8om办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码