网页设计

当前位置:

您应该知道的6种高级JavaScript技术

浏览量:0

        这些年来,已经发表了许多文章,讨论了JavaScript的最佳实践技术。我认为我会超出这些文章的范围,并概述一些我个人使用或阅读过的先进技术和实践,这些技术和实践在某些情况下可能是非常宝贵的。

本文并不一定涵盖我所描述的方法的每一个细节,而是提供了一些实用的JavaScript编码技术的概述以及代码示例。

        1.关闭以扩展可变范围

JavaScript中的闭包是一个非常简单的概念,并且在许多深入的文章中都有在线讨论。正如涉及该主题的大量文章所看到的那样,它们很简单并不一定意味着它们很简单。

简而言之,闭包允许将变量范围扩展到超出函数的通用范围限制。要创建闭包,您可以将一个函数嵌套在一个函数内部。该内部函数可以访问其父函数范围内的所有变量。这是一个简单的示例,演示了闭包的用法:


function myObject() {
  this.property1 = "value1";
  this.property2 = "value2";
  var newValue = this.property1;  this.performMethod = function() {
    myMethodValue = newValue;
    return myMethodValue;  	
  };
  }
  var myObjectInstance = new myObject();  
  alert(myObjectInstance.performMethod());

脚本的关键部分是嵌套的匿名函数,在函数中调用方法(最后一行)。此方法实际上是在调用嵌套函数,所以newValue即使认为该变量不在匿名函数或方法的范围内,该方法也可以读取称为的变量的值。

        2.对象文字传递可选参数

这是一个方便的编码技巧,在处理可以接受大量可选参数的函数时要牢记。与其传递传统的方式传递大量的参数,不如传递一个参数,最终它是在对象常量中声明的参数的集合。

首先,函数本身被简化,因为它仅接受一个参数(args),它是所有从物体传递字面(所述值的集合name,team,position等等)。另外,由于参数和参数引用之间的相关性更直接,因此实际参数值易于阅读,并且易于理解,更新或修改。

如果函数仅需要少量参数,则此方法将不是必需的,并且实际上可能产生相反的效果。因此,请谨慎使用此技术,并且仅在预见到随着时间的推移很难维护参数集合的情况下使用此技术。

进一步阅读

  • 简化了JavaScript对象文字

  • JavaScript和面向对象编程(OOP)

        3. DOM元素的上下文定位

在某些情况下,您需要遍历DOM并获得对特定元素或元素组的访问权,但是由于某些限制,您可能无法通过HTML代码中的CSS类名或ID直接访问元素。这可能是由于通过RTF编辑器生成的用户生成的内容,或从数据库提取的动态内容。

无论如何,都不可能通过JavaScript访问那些未标识的DOM元素。使用所谓的“上下文定位”,您可以访问和修改DOM中的几乎所有元素。只要您具有包含要定位的元素的常规模板的映射,就可以访问该元素并对其进行操作,就像使用具有类名或ID的元素一样。

现在的代码更具可读性,并且符合在实际HTML页面中呈现HTML的方式。它甚至包括适当的HTML缩进,并且仍然使用换行符来正确格式化输出的HTML。

       以上是悟空云互联网为您整理的资料。



 

 

[声明]本网整理的媒体稿件是为了分享更多的讯息。此类稿件不代表本网立场,本网不承担此类稿件侵权行为的连带责任。故此,如果您发现本网站的某些内容侵犯了您的版权,请把您的相关内容发至此邮箱【wukongclouds@163.com】,我们在确认后,会立即删除,保证您的版权。