文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

JavaScript开发技巧有哪些

2023-06-04 07:21

关注

本篇内容介绍了“JavaScript开发技巧有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

  使用很多javascript代码的Web页面会加载很慢,过多的使用javascript使得网页丑陋和拖沓。很快如何有效地使用javascript成为一个非常火热的话题。

  1、尽可能的保持代码简洁

  可能大家都听到过了N遍这个代码简洁问题了。作为一个开发人员你可能在你的代码开发过程中使用了很多次,但千万不要在js开发中忘记这点。

  尽量在开发模式中添加注释和空格,这样保持代码的可读性

  在发布到产品环境前请将空格和注释都删除,并且尽量缩写变量和方法名

  使用第三方工具帮助你实现压缩javascript。

  2、思考后再修改prototypes

  添加新的属性到对象prototype中是导致脚本出错的常见原因。

  yourObject.prototype.anotherFunction='Hello';

  yourObject.prototype.anotherMethod=function(){...}

  在上面代码中,所有的变量都会被影响,因为他们都继承于yourObject。这样的使用会导致意想不到的行为。所以建议在使用完后删除类似的修改。

  yourObject.prototype.anotherFunction='Hello';

  yourObject.prototype.anotherMethod=function(){…};

  test.anotherMethod();

  deleteyourObject.prototype.anotherFunction='Hello';

  deleteyourObject.prototype.anotherMethod=function(){…};

  3、DebugJavascript代码

  即使最好的开发人员都会犯错。为了最大化的减少类似错误,请在你的debugger中运行你的代码,确认你没有遇到任何细微的错误。

  4、避免Eval

  你的JS在没有eval方法的时候也可以很好的工作。eval允许访问javascript编译器。如果一个字符串作为参数传递到eval,那么它的结果可以被执行。

  这会很大的降低代码的性能。尽量避免在产品环境中使用eval。

  5、最小化DOM访问

  DOM是最复杂的API,会使得代码执行过程变慢。有时候Web页面可能没有加载或者加载不完整。最好避免DOM。

  6、在使用javascript类库之前先学习javascript

  互联网充斥着很多的javascript类库,很多程序员都往往使用js类库而不理解负面影响。强烈建议你在使用第三方类库之前学习基本的JS代码,否则,你就准备着倒霉吧。

  7、不要用“SetTimeOut”和“Setinterval”方法来作为“Eval”的备选

  setTimeOut("document.getID('value')",3000);

  在以上代码中document.getID(‘value’)在setTimeOut方法中被作为字符串来处理。这类似于eval方法,在每个代码执行中来执行一个字符串,因此会降低性能,因此,建议在这些方法中传递一个方法。

  setTimeOut(yourFunction,3000);

  8、[]比newArray();更好

  一个常犯的错误在于使用当需要数组的时候使用一个对象或者该使用对象的时候使用一个数组。但是使用原则很简单:

  “当属性名称是小的连续整数,你应该使用数组。否则,使用一个对象”–DouglasCrockford,JavaScript:GoodParts的作者.

  建议:

  vara=['1A','2B'];

  避免:

  vara=newArray();

  a[0]="1A";

  a[1]="2B";

  9、尽量不要多次使用var

  在初始每一个变量的时候,程序员都习惯使用var关键字。相反,建议你使用逗号来避免多余的关键字,并且减少代码体积。如下:

  varvariableOne='string1',

  variableTwo='string2',

  variableThree='string3';

  10、不要忽略分号“;”

  这往往是大家花费数个小时进行debug的原因之一。

“JavaScript开发技巧有哪些”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站,小编将为大家输出更多高质量的实用文章!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     801人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     348人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     311人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     432人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     220人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯