函数myObject() {this。property1 =“value1”;这一点。property2 = value2”;var newValue = this.property1;这一点。performMethod = function() {myMethodValue = newValue;返回myMethodValue;}；} var myObjectInstance = new myObject();警报（MyObjectInstance.performMethod（））;

function showStatistics(name, team, position, average，全垒打，rbi){文件。写(“< p > < >强名称:< / >强”+参数[0]+ < br / >);文档。写(“< >强团队:< / >强”+参数[1]+ < br / >);If (typeof arguments[2] === "string"){文档。写(“< >强位置:< / >强”+位置+ < br / >);} if (typeof arguments[3] === "number"){文档。write("击球平均: " + Average + "
");} if (typeof arguments[4] === "number"){文档。写("全垒打: " +全垒打+ "
");} if (typeof arguments[5] === "number"){文档。write("Runs Batted In: " + rbi + "
"); } } showStatistics("Mark Teixeira"); showStatistics("Mark Teixeira", "New York Yankees"); showStatistics("Mark Teixeira", "New York Yankees", "1st Base", .284, 32, 101);

函数Showstatistics（args）{文档。写(“< p > < >强名称:< / >强”+ args.name + < br / >);document.write（“团队：”+ args.team +“
”）;if（typeof args.position ===“string”）{document.write（“位置：”+ args.position +“
”）;}如果（typeof args.average ===“数字”）{document.write（“平均：”+ args.average +“
”）;}如果（typeof args.homeruns ===“number”）{document.write（“ home运行：”+ args.homeruns +“
”）;}如果（typeof args.rbi === =“number”）{document.write（“运行击球：”+ args.rbi +“”）;｝ ｝showStatistics({名称:“Mark Teixeira”});showStatistics(名字:“Mark Teixeira”，球队:“纽约扬基队”);showStatistics({名称:“Mark Teixeira”，球队:“New York Yankees”，位置:“一垒”，平均成绩:0.284，全垒打:32，打点:101});

< div id = "头" > < h1 >网站标题< / h1 > < / div > < div id =“侧边栏”> < ul > <李> < a href = " # " >测试< / > < /李> <李> < a href = " # " >测试< / > < /李> <李> < a href = " # " >测试< / > < /李> <李> < a href = " # " >测试< / > < /李> <李> < a href = " # " >测试< / > < /李> <李> < a href = " # " >测试< / > < /李> < / ul > < / div > < div id =“内容”> < h2 >页面标题< / h2 > < p > < a href = " # " > Lorum添加链接here. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
 
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.
 

var mylinkcollection =文档。getElementsByTagName(“”)；for (i=0;i
            
但是，如果我们想要仅瞄准页脚中的锚标签，我们将根据其上下文或周围元素来定位它们，如下所示：
            
var myfooterelement =文件.getElementByID（“页脚”）；var mylinksinfooter = myfooterelement.getElementsByTagName(“”)；for（i = 0; i 
            
第一线抓住对页脚元件的引用。第二条线收集所有<一>页脚内的标签。然后我们循环使用它们，并对它们做我们想做的事情。因此，即使它们不是通过类名分组的，也可以访问它们。
            
您可以通过使用节点属性完成相同的任务，如下所示。
            
var mylinkcollection =文档。getElementsByTagName(“”);for (i=0;imyLinkCollection[我].parentNode.parentNode.id=== "footer"){//在这里使用footer锚标记}}
            
类似的代码也可以用于“content”部分中的锚标记。
            
我们还可以将锚标记搜索限制为只包含具有HREF.属性集，以避免找到任何页内链接。我们用getAttribute方法:
            
var mylinkcollection = document.getElementsByTagname（“A”）;for（i = 0; i getAttribute(“href”)){//对这里的锚标记做点什么}}
            
最后，你会注意到有一个< span >内联样式的标签。内联样式可能是通过内容管理系统生成的，因此您可能无法直接编辑它。你可以针对所有< span >元素的内联样式如下:
            
var mylinkcollection =文档。getElementsByTagName(“跨度”)；for (i=0;i
            
上下文定位的可能性是无穷无尽的，如果您使用的是规范化浏览器差异并简化DOM操作的JavaScript库，那么还有更多可用的选项。
            
进一步阅读：
            

             
getElementsByTagName在Sitepoint的JavaScript引用
             
getElementsByTagName在W3Schools
            
            
4.使用名称空间防止冲突
            
如果您正在进行广泛的原始JavaScript编码和可疑，可以将添加到您正在进行的页面上的添加，通过为代码提供自己的命名空间，您可以防止与您的代码的任何未来冲突。
            
面向对象的JavaScript实现了类名称空间的原则，因为属性和方法是在对象内部声明的，因此不太可能发生冲突。然而，通过对象名称可能会产生冲突。而且很有可能，冲突会“悄无声息”地发生，因此您可能不会立即得到这个问题的警告。
            
您可以通过创建一个唯一的名称空间来避免所有冲突。让我们使用showStatistics函数来演示如何将代码封装到它自己的命名空间中:
            
if（typeof my ==“未定义”）{my = new对象（）;my.custom = new object（）;} my.custom.namespace =函数（）{function showstatistics（args）{document.write（“
  name：”+ args.name + 
“）;document.write（“团队：”+ args.team +“
”）;if（typeof args.position ===“string”）{document.write（“位置：”+ args.position +“
”）;}如果（typeof args.average ===“数字”）{document.write（“平均：”+ args.average +“
”）;}如果（typeof args.homeruns ===“number”）{document.write（“ home运行：”+ args.homeruns +“
”）;}如果（typeof args.rbi === =“number”）{document.write（“运行击球：”+ args.rbi +“”）;Showstatistics（{名：“Mark Teixeira”，团队：“纽约洋基队”，位置：“第一基地”，平均：.284，Homeruns：32，RBI：101}）;my.custom.namespace（）;

            
前几行创建名称空间的方法是检查“我的对象已经存在。这个对象可以是任何你想要的。选一个你认为不会再被使用的名字。后我的对象是创建的，然后我们能够创建“自定义“对象作为属性我的对象。那么我们的名称空间函数变成了方法我的。自定义对象。请记住这一点”我的”、“自定义”和“名称空间可以是你自己的名字。我选择这些是为了演示。他们可能会CHEESEBURGER.ONIONS.pickles如果你想要!
            
的showStatistics函数与前面的示例完全相同，它利用对象字面量来传递值。但在本例中，整个函数(包括对象字面量)都被封装在其中my.custom.namespace．最后一行使用点表示法调用整个函数，函数运行与正常情况下完全一样，除了它被保护免于与另一个名为“showStatistics”。
            
进一步阅读：
            

             
面向对象JavaScript:命名空间
             
JavaScript命名空间(Dustin Diaz)
            
            
5.混合应用程序开发
            
如果结合使用JavaScript库和原始JavaScript代码，就可以创建功能强大的JavaScript应用程序。许多JavaScript库被用来实现“漂亮的”动画和其他可定制的效果——有时是通过插件——通常不需要添加太多的东西，除了一些定制值。
            
另一方面，您可能希望您想要完成客户端特定要求的内容的情况。也许它在图书馆中不可用，这需要广泛的编码，可能利用Ajax和各种DOM方法。
            
重新发明轮子是没有意义的。您可以实现您喜欢的JavaScript库，并利用其简化的Ajax调用、DOM方法和浏览器差异的规范化。因此，在创建特定于项目的自定义脚本的同时，您可以利用库的优势。
            
进一步阅读：
            

             
维基百科的JavaScript库列表
             
40个有用的JavaScript库（Smashing杂志）
             
JavaScript库:塑造新网络的工具目录
            
            
6.渲染可读的HTML
            
最后，在需要通过JavaScript动态生成几十行HTML代码的情况下，可以使用这种技术。举个例子:
            
var pageContainer = document.getElementById("容器");var pageTitle = "内容标题";var authorBio = " Lorum Ipsum先生";var pagcontent = "Lorum ipsum line text here. "Lorum ipsum line text在这里。Lorum ipsum line text在这里。Lorum ipsum line text在这里。Lorum ipsum line text在这里。Lorum ipsum line text在这里。Lorum ipsum line text在这里。 Lorum ipsum line text here. Lorum ipsum line text here."; var footerContent = "Copyright 2009"; var HTMLCode = '\n
' + pageTitle + '
\n 
\n 
' + pageContent + '
\n 
\n 
' + authorBio +'
\n 
\n 
\n 
 
' + footerContent + '
\n 
\n'; pageContainer.innerHTML = HTMLCode;
            
注意上面的线是声明HTMLCode变量的值的线。它渲染只在生成的源代码中找到，因为它使用了“新行”字符，因此它看起来非常好的HTML。但是，如果这一行代码更长，则在.js文件中读取和维护是极难的。
            
下面是与上面相同的代码，但是实现了一个更有组织的显示HTML的方法:
            
var pageContainer = document.getElementById("容器");var pageTitle = "内容标题";var authorBio = " Lorum Ipsum先生";var pagcontent = "Lorum ipsum line text here. "Lorum ipsum line text在这里。Lorum ipsum line text在这里。Lorum ipsum line text在这里。Lorum ipsum line text在这里。Lorum ipsum line text在这里。Lorum ipsum line text在这里。 Lorum ipsum line text here. Lorum ipsum line text here."; var HTMLCode = '\n' + '
' + pageTitle + '
\n' '
\n' + '
' + pageContent + '
\n' + '
\n' + '
' + authorBio + '
\n' + '
\n' '
\n' + '
' + '
' + footerContent + '
\n' + '
\n'; pageContainer.innerHTML = HTMLCode;
            
现在代码可读性强多了，并且符合HTML在实际HTML页面中呈现的方式。它甚至包括适当的HTML缩进，并且仍然使用新行字符来正确格式化输出的HTML。
            
结论
            
虽然我没有详细解释本集合中涉及的每个概念，但我希望这个列表为初级和中级程序员提供了一些相当高级的JavaScript策略的概述，他们可以在未来的项目或实验中实现这些策略。
            
请随意评论我提到的任何高级JavaScript概念，以及您在自己的应用程序中使用它们的一些具体方法。
            
相关内容
            

             
IE 6中的JavaScript调试技术
             
10个有前途的JavaScript框架
             
JavaScript程序员的40个优秀资源