tag:blogger.com,1999:blog-18525476322054010542024-03-14T10:37:42.709+08:00Eric Xiao Blogger:ericssonxiaohttp://www.blogger.com/profile/05880131723631345428noreply@blogger.comBlogger114125tag:blogger.com,1999:blog-1852547632205401054.post-44167088577211135612013-07-23T20:03:00.000+08:002013-07-23T20:03:15.205+08:00Pythoner<div dir="ltr" style="text-align: left;" trbidi="on">
<h1 style="font-family: inherit; font-size: 40px; line-height: 36px; margin: 0px 0px 20px; text-rendering: optimizelegibility;">
<span style="background-color: white; color: #4c4c4c; font-family: 'helvetica neue', helvetica, arial, sans-serif; font-size: 13px; line-height: 18px; orphans: 2; widows: 2;">Préfèrez :</span></h1>
<div style="background-color: white; color: #4c4c4c; font-family: 'helvetica neue', helvetica, arial, sans-serif; font-size: 13px; line-height: 18px; margin-bottom: 9px; orphans: 2; widows: 2;">
la beauté à la laideur,<br />l’explicite à l’implicite,<br />le simple au complexe<br />et le complexe au compliqué,<br />le déroulé à l’imbriqué,<br />l’aéré au compact.<br />Prends en compte la lisibilité.<br />Les cas particuliers ne le sont jamais assez pour violer les règles.<br />Mais, à la pureté, privilégie l’aspect pratique.<br />Ne passe pas les erreurs sous silence,<br />... ou bâillonne-les explicitement.<br />Face à l’ambiguïté, à deviner ne te laisse pas aller.<br />Sache qu’il ne devrait avoir qu’une et une seule façon de procéder,<br />même si, de prime abord, elle n’est pas évidente, à moins d’être Néerlandais.<br />Mieux vaut maintenant que jamais.<br />Cependant jamais est souvent mieux qu’immédiatement.<br />Si l’implémentation s’explique difficilement, c’est une mauvaise idée.<br />Si l’implémentation s’explique aisément, c’est peut-être une bonne idée.<br />Les espaces de nommage ! Sacrée bonne idée ! Faisons plus de trucs comme ça.</div>
</div>
ericssonxiaohttp://www.blogger.com/profile/05880131723631345428noreply@blogger.com0tag:blogger.com,1999:blog-1852547632205401054.post-4991601385372199452013-07-18T17:01:00.003+08:002013-07-18T17:01:49.350+08:00Eclipse RCP Technologies and other Technologies related to Eclipse RCP based projects<div dir="ltr" style="text-align: left;" trbidi="on">
<b>Eclipse RCP (Rich Client Platform)</b> is a powerful free open-source platform for developing general purpose applications.<br />
<br />
<b>Eclipse RCP was chosen because of several goals:</b><br />
It is based on OSGi principles. This means that we have a good flexibility between different modules. Eclipse RCP projects are based on plug-ins that provide possibility to easily include or exclude any modules. Or for example make two kinds of application –Trial version that contains only the Core functionality and Real version with the full functionality. Eclipse RCP supports a good Updating mechanism of existing projects with new versions.<br />
<br />
Eclipse RCP platform already contains many solutions for implementing different tasks in GUI, Text handling etc.<br />
<br />
There are many free open-sources Eclipse RCP based projects and plug-ins for many specific technologies and tasks that can be used instead of bootstrapping<br />
<br />
<br />
<b>Directly in our projects we use the following technologies:</b><br />
<b>SWT/JFace</b> – for building GUI.<br />
<b>Resources plugin</b> – provides access to file system.<br />
<b>Eclipse Workbench</b> – to have a good organization of different GUI elements.<br />
<b>Eclipse Debug</b> – organization of launching of different kind of scripts.<br />
<br />
<b>But also in our projects many specific technologies based on Eclipse were used such as:</b><br />
<b>uDIG SDK</b> – Eclipse RCP based project for visualization and working with Geo Information Systems (maps, layers etc.). Particularly it was used to show specific user-defined information on maps.<br />
<b>EMF (Eclipse Modeling Framework)</b> – Eclipse RCP module for Modeling. It was used as alternative for structural information storing (e.g. Map contents).<br />
Neoclipse – Eclipse RCP based project for visualization content of Graph Database Neo4j.<br />
RDT (Ruby Development Tool) – Ruby IDE based on Eclipse RCP.<br />
GEF – framework to create different user-specific editors.<br />
AWT-SWT Bridge – was used to create a powerful alternative of Excel – Splash.<br />
<br />
<b>Also in Eclipse RCP based projects many specific technologies that are not related to Eclipse RCP were used:</b><br />
<b>Neo4j Database</b> - is a graph database. It is an embedded, disk-based, fully transactional Java persistence engine that stores data structured in graphs rather than in tables.<br />
jRuby – Java based interpreter of Ruby language. Ruby was used as a scripting language for Splash (analog of Excel) and console. Directly jRuby was used to have access to Java classes.<br />
jTestR – Junit based testing framework for Ruby.<br />
Maven and Tycho maven plugin – automatic building of Eclipse RCP based applications.</div>
ericssonxiaohttp://www.blogger.com/profile/05880131723631345428noreply@blogger.com0tag:blogger.com,1999:blog-1852547632205401054.post-4917360446838190642013-07-17T11:21:00.004+08:002013-07-17T11:21:57.428+08:00Hash tree (tiger tree)在大量文件实时同步中的应用<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; border: 0px; color: #333333; font-family: Georgia, 'Bitstream Charter', serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
大型集群系统常需要进行多个服务器的大量文件的内容同步。</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Georgia, 'Bitstream Charter', serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
传统的文件同步方案有rsync(单向) 和 unison(双向)等,它们需要扫描所有文件后进行比对,差量传输。文件扫描计算摘要是非常耗时的,我用rsync同步maven中央仓库的内容,每次同步都要花至少几十分钟的时间计算本地的文件摘要后,才会开始从远程取新的内容。</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Georgia, 'Bitstream Charter', serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
在受控的服务器(有权限管理)的环境中,可以通过Hash Tree,就是tiger tree来实现变化文件的同步。 Sun的ZFS,Amazon的Dynamo中都有用到这种结构。</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Georgia, 'Bitstream Charter', serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
可参考<br /><a href="http://en.wikipedia.org/wiki/Hash_tree" style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; color: #743399; margin: 0px; padding: 0px; vertical-align: baseline;">http://en.wikipedia.org/wiki/Hash_tree</a></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Georgia, 'Bitstream Charter', serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<a href="http://blog.daviesliu.net/2008/04/24/sync/" style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; color: #743399; margin: 0px; padding: 0px; vertical-align: baseline;">http://blog.daviesliu.net/2008/04/24/sync/</a></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Georgia, 'Bitstream Charter', serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
简言之,Hash Tree是将所有数据的摘要信息存储成树状结构,每个节点的Hash是其所有子节点的Hash的Hash,叶子节点的Hash是其内容的Hash。这样一旦某个节点发生变化,其Hash的变化会迅速传播到根节点。需要同步的系统只需要不断查询根节点的hash,一旦有变化,顺着树状结构就能够在logN级别的时间找到发生变化的内容,马上同步。</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Georgia, 'Bitstream Charter', serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
Linux下可利用2.6内核的新特性inotify来自动感知某个目录内文件发生变化的信息,当应用程序感知到变化时,更新Hash tree的所有父节点。Windows下可使用文件系统的hook来感知文件的变化。</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Georgia, 'Bitstream Charter', serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
在需要同步时,若发现根目录的Hash值有变化,顺着目录结构往下找即可有变化的文件,再做同步。</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Georgia, 'Bitstream Charter', serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
原文:<a href="http://www.beyondlinux.com/2011/04/03/hash-tree-tiger-tree%E5%9C%A8%E5%A4%A7%E9%87%8F%E6%96%87%E4%BB%B6%E5%AE%9E%E6%97%B6%E5%90%8C%E6%AD%A5%E4%B8%AD%E7%9A%84%E5%BA%94%E7%94%A8/" style="background-color: transparent;">http://www.beyondlinux.com/2011/04/03/hash-tree-tiger-tree%E5%9C%A8%E5%A4%A7%E9%87%8F%E6%96%87%E4%BB%B6%E5%AE%9E%E6%97%B6%E5%90%8C%E6%AD%A5%E4%B8%AD%E7%9A%84%E5%BA%94%E7%94%A8/</a></div>
</div>
ericssonxiaohttp://www.blogger.com/profile/05880131723631345428noreply@blogger.com0tag:blogger.com,1999:blog-1852547632205401054.post-61219017998965555122013-07-17T11:13:00.002+08:002013-07-17T11:14:02.566+08:00Speed up your eclipse as a super fast IDE<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="background-color: white; border: 0px; color: #333333; font-family: Georgia, 'Bitstream Charter', serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
Follow these steps to speed up your eclipse as a super fast IDE , it works for 32 & 64 bit version eclipse/jdk on my windows 7 x64.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Georgia, 'Bitstream Charter', serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<strong style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">1.Disable antivirus software, or add your jdk & eclipse & workspace & other related folder to white list in your antivirus software.</strong></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Georgia, 'Bitstream Charter', serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<strong style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">2.Disable unecessary validations and startup action in eclipse reference.</strong></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Georgia, 'Bitstream Charter', serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
For validations: on eclipse menu Windows -> Preferences -> Validation, click “Disable All”, and then select the validator which you need. I selected “Classpath Dependency Validator” only.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Georgia, 'Bitstream Charter', serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<span style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; color: black; margin: 0px; padding: 0px; vertical-align: baseline;">For startup action: on eclipse menu Windows -> Preferences, type “startup”, select “Startup and Shutdown”, untick the options you don’t need. (Thanks for David’s suggest, I’ve added the above 2 detail steps for readers)</span></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Georgia, 'Bitstream Charter', serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<strong style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">3.Modify eclipse.ini to set the Xmn(new generation size), Xms and Xmx, enable parallel GC</strong><br />-vm<br />C:/jdk1.6.0_25/bin<br />-startup<br />plugins/org.eclipse.equinox.launcher_1.2.0.v20110502.jar<br />–launcher.library<br />plugins/org.eclipse.equinox.launcher.win32.win32.x86_64_1.1.100.v20110502<br />-product<br />org.eclipse.epp.package.jee.product<br />–launcher.defaultAction<br />openFile<br />–launcher.XXMaxPermSize<br />256M<br />-showsplash<br />org.eclipse.platform<br />–launcher.XXMaxPermSize<br />256m<br />–launcher.defaultAction<br />openFile<br />-vmargs<br /><strong style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">-server</strong><br />-Dosgi.requiredJavaVersion=1.5<br /><strong style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">-Xmn128m</strong><br /><strong style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">-Xms1024m</strong><br /><strong style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">-Xmx1024m</strong><br /><strong style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">-Xss2m</strong><br /><strong style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">-XX:PermSize=128m</strong><br /><strong style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">-XX:MaxPermSize=128m</strong><br /><strong style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">-XX:+UseParallelGC</strong></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Georgia, 'Bitstream Charter', serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<strong style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">4.Create a ram disk(virtual disk) on memory, and put your jdk on the ram disk.</strong><br />You can use imdisk to create ram disk. Firstly download it from: <a href="http://www.ltr-data.se/opencode.html/#ImDisk" style="background-color: transparent; background-position: initial initial; background-repeat: initial initial; border: 0px; color: #743399; margin: 0px; padding: 0px; vertical-align: baseline;" target="_blank" title="im disk">http://www.ltr-data.se/opencode.html/#ImDisk</a>, and install it.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Georgia, 'Bitstream Charter', serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
Then set the ImDisk driver to auto-load at Command Prompt with administrative privileges (for example right-click, start as Administrator), type:</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Georgia, 'Bitstream Charter', serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
sc config imdisk start= auto<br />net start imdisk</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Georgia, 'Bitstream Charter', serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
create a 200m ram disk as driver n by:<br />imdisk -a -t vm -s 300m -m n:</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Georgia, 'Bitstream Charter', serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
then you should format the ram disk manually.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Georgia, 'Bitstream Charter', serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
later ,if you would like to remove the ram disk, just run the command:<br />imdisk -D -m n:</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Georgia, 'Bitstream Charter', serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
<strong style="background-color: transparent; border: 0px; margin: 0px; padding: 0px; vertical-align: baseline;">5.Make sure you are using sun jdk, not open jdk/gcj nor other jdk on linux.</strong><br />If you are not satified with the after the above steps, install jrockit instead of sun jdk, and change some of the vm options by jrocket specification,<br />jrockit is faster than sun jdk.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Georgia, 'Bitstream Charter', serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
Some note:</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Georgia, 'Bitstream Charter', serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
On my laptop(Aspire 4745G 4G mem ), windows 7 x64, by default, it takes more than 30 seconds to start eclipse. After the vm options tuned, takes only 15 seconds.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Georgia, 'Bitstream Charter', serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
And after jdk moved to ram disk, it takes 10 seconds to startup.</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: Georgia, 'Bitstream Charter', serif; font-size: 16px; line-height: 24px; margin-bottom: 24px; padding: 0px; vertical-align: baseline;">
see:<a href="http://www.beyondlinux.com/2011/06/25/speed-up-your-eclipse-as-a-super-fast-ide/" style="background-color: transparent;">http://www.beyondlinux.com/2011/06/25/speed-up-your-eclipse-as-a-super-fast-ide/</a></div>
</div>
ericssonxiaohttp://www.blogger.com/profile/05880131723631345428noreply@blogger.com0tag:blogger.com,1999:blog-1852547632205401054.post-59448409544753563372013-07-17T11:09:00.003+08:002013-07-17T11:12:22.832+08:00How to improve eclipse performance for starting<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: left;">
Increase the following Java virtual memory (-vmargs) settings:</div>
<div style="text-align: left;">
Xms Initial size (bytes) of the memory allocation pool. This value must be a multiple of 1024, greater than 1 MB. Append the letter k or K to indicate kilobytes, or m or M to indicate megabytes. </div>
<div style="text-align: left;">
Xmx Maximum size (bytes) of the memory allocation pool. This value must a multiple of 1024, greater than 2 MB. Append the letter k or K to indicate kilobytes, or m or M to indicate megabytes.</div>
<div style="text-align: left;">
XX:MaxPermSize Maximum size of Permanent Generation</div>
<div style="text-align: left;">
XX:PermSize Initial size of Permanent Generation</div>
<div style="text-align: left;">
Follow these steps to increase the Java virtual memory settings.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
Ensure that Eclipse is not running on your computer.</div>
<div style="text-align: left;">
Locate and open the eclipse.ini file, as applicable, on your computer. The .ini file is located within your Eclipse installation directory.</div>
<div style="text-align: left;">
Change or add the following Java -vmargs settings in the eclipse.ini file:</div>
<div style="text-align: left;">
Xms256m</div>
<div style="text-align: left;">
Xmx512m</div>
<div style="text-align: left;">
XX:MaxPermSize=256m</div>
<div style="text-align: left;">
XX:PermSize=64m</div>
<div style="text-align: left;">
Save the file and restart Eclipse, as applicable.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
For more information:</div>
<ul style="background-color: white; border: 0px; list-style-image: initial; list-style-position: initial; margin-bottom: 8px; margin-left: 1em !important; margin-right: 100px; margin-top: 2px; outline: 0px; padding: 0px 0px 0px 10px;">
<li style="border: 0px; margin: 0px 0px 4px; outline: 0px; padding: 0px;"><span style="color: #3399cc; font-family: myriad-pro-1, myriad-pro-2, Helvetica, Arial, sans-serif;"><span style="font-size: 14px; line-height: 19px;">http://wiki.eclipse.org/Eclipse.ini</span></span></li>
<li style="border: 0px; margin: 0px 0px 4px; outline: 0px; padding: 0px;"><span style="color: #3399cc; font-family: myriad-pro-1, myriad-pro-2, Helvetica, Arial, sans-serif;"><span style="font-size: 14px; line-height: 19px;">http://wiki.eclipse.org/FAQ_How_do_I_increase_the_heap_size_available_to_Eclipse</span></span></li>
<li style="border: 0px; margin: 0px 0px 4px; outline: 0px; padding: 0px;"><span style="color: #3399cc; font-family: myriad-pro-1, myriad-pro-2, Helvetica, Arial, sans-serif;"><span style="font-size: 14px; line-height: 19px;">http://wiki.eclipse.org/FAQ_How_do_I_increase_the_permgen_size_available_to_Eclipse</span></span></li>
<li style="border: 0px; margin: 0px 0px 4px; outline: 0px; padding: 0px;"><span style="color: #3399cc; font-family: myriad-pro-1, myriad-pro-2, Helvetica, Arial, sans-serif;"><span style="font-size: 14px; line-height: 19px;">http://www.oracle.com/technetwork/java/javase/tech/vmoptions-jsp-140102.html</span></span></li>
</ul>
</div>
ericssonxiaohttp://www.blogger.com/profile/05880131723631345428noreply@blogger.com0tag:blogger.com,1999:blog-1852547632205401054.post-80734680866044408272013-07-16T09:45:00.000+08:002013-07-16T09:51:12.457+08:00Hibernate 3.5.0-Final release Features<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="wikiPara" style="background-color: white; font-family: 'Lucida Sans', Arial, Helvetica, sans-serif; font-size: small; line-height: 19px; text-align: justify;">
hello, everbody,</div>
<div class="wikiPara" style="background-color: white; font-family: 'Lucida Sans', Arial, Helvetica, sans-serif; font-size: small; line-height: 19px; text-align: justify;">
Here is the list of the major accomplishments embodied in 3.5.0-Final</div>
<ul class="wikiUnorderedList" style="background-color: white; font-family: 'Lucida Sans', Arial, Helvetica, sans-serif; font-size: small; line-height: 19px; list-style: square; margin: 10px 0px 10px 6px; text-align: justify;">
<li class="wikiUnorderedListItem" style="margin: 10px 12px;">JSR 317 (JPA2) support.</li>
<li class="wikiUnorderedListItem" style="margin: 10px 12px;">Integration of hibernate-annotations, hibernate-entitymanager and hibernate-envers into the core project. See <a class="regularLink" href="http://in.relation.to/14172.lace" style="color: #666666;" target="">http://in.relation.to/14172.lace</a> for details</li>
<li class="wikiUnorderedListItem" style="margin: 10px 12px;">Added <a class="regularLink" href="http://www.jboss.org/infinispan" style="color: #666666;" target="">Infinispan</a> as a standard second-level cache. See <a class="regularLink" href="http://infinispan.blogspot.com/2009/10/infinispan-based-hibernate-cache.html" style="color: #666666;" target="">http://infinispan.blogspot.com/2009/10/infinispan-based-hibernate-cache.html</a> for details</li>
<li class="wikiUnorderedListItem" style="margin: 10px 12px;">Improvements to the new second-level caching SPI introduced in 3.3 based on feedback from implementers including Ehcache, Inifinispan and JBoss Cache.</li>
<li class="wikiUnorderedListItem" style="margin: 10px 12px;">Far better <q style="font-style: italic;">read only</q> / <q style="font-style: italic;">immutable</q> support. See the new chapter added to the core reference manual dedicated to the subject.</li>
<li class="wikiUnorderedListItem" style="margin: 10px 12px;">Support for <a class="regularLink" href="http://opensource.atlassian.com/projects/hibernate/browse/HHH-2412" style="color: #666666;" target="">JDBC 4</a> such that Hibernate can be used in JDK 1.6 JVMs and make use of JDBC4-compliant drivers.'</li>
<li class="wikiUnorderedListItem" style="margin: 10px 12px;">Support for <a class="regularLink" href="http://opensource.atlassian.com/projects/hibernate/browse/HHH-4440" style="color: #666666;" target="">column-level read/write</a> fragments (HBM only for now)</li>
<li class="wikiUnorderedListItem" style="margin: 10px 12px;">Initial support for <a class="regularLink" href="http://opensource.atlassian.com/projects/hibernate/browse/HHH-4047" style="color: #666666;" target="">fetch profiles</a></li>
</ul>
<div class="wikiPara" style="background-color: white; font-family: 'Lucida Sans', Arial, Helvetica, sans-serif; font-size: small; line-height: 19px; text-align: justify;">
Check out the <a class="regularLink" href="http://opensource.atlassian.com/projects/hibernate/browse/HHH/fixforversion/11022" style="color: #666666;" target="">release page</a> for the full list of changes (just in 3.5.0-Final, aka not cumulative).</div>
<div class="wikiPara" style="background-color: white; font-family: 'Lucida Sans', Arial, Helvetica, sans-serif; font-size: small; line-height: 19px; text-align: justify;">
<br /></div>
<div class="wikiPara" style="background-color: white; font-family: 'Lucida Sans', Arial, Helvetica, sans-serif; font-size: small; line-height: 19px; text-align: justify;">
you can see <a href="http://relation.to/15040.lace" style="background-color: transparent; text-align: left;">http://relation.to/15040.lace</a> for details.</div>
<div class="wikiPara" style="background-color: white; font-family: 'Lucida Sans', Arial, Helvetica, sans-serif; font-size: small; line-height: 19px; text-align: justify;">
<br /></div>
<div class="wikiPara" style="background-color: white; font-family: 'Lucida Sans', Arial, Helvetica, sans-serif; font-size: small; line-height: 19px; text-align: justify;">
ericssonxiao</div>
</div>
ericssonxiaohttp://www.blogger.com/profile/05880131723631345428noreply@blogger.com0tag:blogger.com,1999:blog-1852547632205401054.post-18003049133250754062012-08-29T13:30:00.001+08:002012-08-29T23:36:48.071+08:00jdk1.5、1.6、1.7新特性详细介绍(整理)<span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">jdk1.5新特性 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">1.泛型 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">2.foreach </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">3.自动拆箱装箱 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">4.枚举 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">5.静态导入(Static import) </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">6.元数据(Metadata) </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">7.线程池 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">8.Java Generics </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">让我们详细讨论每个新特性,并看一些例子。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">1、泛型(Generics) </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 泛型是JDK1.5中一个最“酷”的特征。通过引入泛型,我们将获得编译时类型的安全和运行时更小地抛出ClassCastExceptions的可能。在JDK1.5中,你可以声明一个集合将接收/返回的对象的类型。在JDK1.4中,创建雇员名字的清单(List)需要一个集合对象,像下面的语句: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> List listOfEmployeeName = new ArrayList(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 在JDK1.5中,你将使用下面语句 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> List<String> listOfEmployeeName = new ArrayList<String>(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 最“酷”的是,如果你试图插入非string类型的值,你将在编译时发现并且修正这类问题。没有泛型,你会发现这样一个bug,当你的客户调用后会告诉你,你所编写的程序抛出ClassCastException异常而崩溃。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 另外,当你从集合中得到一个元素时你无需进行强制转换。故原先为: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> String employeeName = ((String) listOfEmployee.get(i)); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 而下面的语句将比上面的更加简单: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> String employeeName = listOfEmployee.get(i); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 不清楚对象的类型而强制转换对象是不合理的,并且更重要的是,它将在运行时失败。假使用户无意间传入一个包含string buffers类型而非string类型的集合,那结果会怎样呢。在Listing A中,客户被要求传入一个编译器无法强制的strings类型集合。Listing B中显示了同样的方法使用泛型是如何实现的。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Listing A </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> staticbooleancheckName(Collection employeeNameList, String name) { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> for (Iteratori = employeeNamList.iterator(); i.hasNext(); ) { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> String s = (String) i.next(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> if(s.equals(name)){ </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> return true; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> //print employee name here ...... </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> return false; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Listing B </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> staticbooleancheckName(Collection<String> employeeNameList, String name) { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> for (Iteratori = employeeNamList.iterator(); i.hasNext(); ) { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> if(i.next().equals(name)){ </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> return true; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> //print employee name here ...... </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> return false; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 现在,通过方法签名可以清楚知道输入集合必须只能包含strings。如果客户试图传入一个包含string buffers的集合,程序将不会编译。同时注意,该方法不包含任何强制转换。它只需要短短一行,一旦你习惯泛型后,它也更加清晰。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">2、在JDK当前版本下的For循环语法如下: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> void printAll(Collection c) { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> for (Iteratori = c.iterator(); i.hasNext(); ) { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Employee emp = (Employee)i.next(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> System.out.println(emp.getName()); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 现在,用增强的For语句实现相同方法: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> voidprintAll(Collection c) { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> for (Object o : c) </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> System.out.println((TimerTask)o).getName()); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 在这类For循环中,你应该将":"看成"in",所以,在该例中可以看成"for Object o in c"。你可以发现这种For循环更具可读性。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">3、自动置入/自动取出(Autoboxing/unboxing) </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Java有基本数据类型,在这些基本数据类型周围又有包装类。通常,编程人员需要将一种类型转换成另一种。看看Listing C.中的代码片断。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Listing C </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> public class Employee { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> private static final Integer CHILD = new Integer(0); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> public static void main(String args[]) { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> //code for adding n to an Integer </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> int n=10; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Integer age= new Integer(30); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Integer ageAfterTenYear= new Integer(age.intValue +10); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 请注意,用于计算ageAfterTenYear的内循环代码看上去是多么杂乱。现在,在Listing D.中看看相同的程序使用autoboxing重写后的样子。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Listing D </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> public class Employee { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> public static void main(String args[]) { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> int n=10; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Integer age= new Integer(30); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Integer ageAfterTenYear= age +10; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 有一件事值得注意的:在先前,如果你取出(unbox)Null值,它将变为0。在次代码中,编译器将自动地转换Integer为int然后加上10,接着将其转换回Integer.。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">4、类型安全的枚举(Typesafeenums) </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 类型安全枚举提供下列特性: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 他们提供编译时类型安全。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 他们都是对象,因此你不需要将他们放入集合中。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 他们作为一种类的实现,因此你可以添加一些方法。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 他们为枚举类型提供了合适的命名空间。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 他们打印的值具有情报性(informative)― 如果你打印一个整数枚举(intenum),你只是看见一个数字,它可能并不具有情报性。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 例一: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> enum Season { winter, spring, summer, fall } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 例二: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> public enum Coin { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> penny(1), nickel(5), dime(10), quarter(25); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Coin(int value) { this.value = value; } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> private final int value; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> public int value() { return value; } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">5、静态导入(Static import) </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 静态导入使代码更易读。通常,你要使用定义在另一个类中的常量(constants),像这样: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> importorg.yyy.pkg.Increment; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> class Employee { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> public Double calculateSalary(Double salary{ </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> return salary + Increment.INCREMENT * salary; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 当时使用静态导入,我们无需为常量名前缀类名就能使用这些常量,像这样: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> import static org.yyy.pkg.Increment; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> class Employee { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> public Double calculateSalary(Double salary{ </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> return salary + INCREMENT * salary; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 注意,我们可以调用INCREMENT这一常量而不要使用类名Increment.。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">6、元数据(Metadata) </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 元数据特征志于使开发者们借助厂商提供的工具可以进行更简易的开发。看一看Listing E.中的代码。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Listing E </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <a href="http://importorg.yyy.hr">importorg.yyy.hr</a>; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> public interface EmployeeI extends Java.rmi.Remote { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> public String getName() </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> throwsJava.rmi.RemoteException; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> public String getLocation () </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> throwsJava.rmi.RemoteException; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> public class EmployeeImpl implements EmployeeI { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> public String getName(){ </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> public String getLocation (){ </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 通过元数据的支持,你可以改写Listing E中的代码为: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <a href="http://importorg.yyy.hr">importorg.yyy.hr</a>; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> public class Employee { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> @Remote public String getName() { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> ... </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> @Remote public public String getLocation() { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> ... </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">7线程池 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">Java5中,对Java线程的类库做了大量的扩展,其中线程池就是Java5的新特征之一,除了线程池之外,还有很多多线程相关的内容,为多线程的编程带来了极大便利。为了编写高效稳定可靠的多线程程序,线程部分的新增内容显得尤为重要。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">有关Java5线程新特征的内容全部在java.util.concurrent下面,里面包含数目众多的接口和类,熟悉这部分API特征是一项艰难的学习过程。目前有关这方面的资料和书籍都少之又少,大所属介绍线程方面书籍还停留在java5之前的知识层面上。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">当然新特征对做多线程程序没有必须的关系,在java5之前通用可以写出很优秀的多线程程序。只是代价不一样而已。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">线程池的基本思想还是一种对象池的思想,开辟一块内存空间,里面存放了众多(未死亡)的线程,池中线程执行调度由池管理器来处理。当有线程任务时,从池中取一个,执行完成后线程对象归池,这样可以避免反复创建线程对象所带来的性能开销,节省了系统的资源。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">在Java5之前,要实现一个线程池是相当有难度的,现在Java5为我们做好了一切,我们只需要按照提供的API来使用,即可享受线程池带来的极大便利。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">Java5的线程池分好多种:固定尺寸的线程池、可变尺寸连接池、。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">在使用线程池之前,必须知道如何去创建一个线程池,在Java5中,需要了解的是java.util.concurrent.Executors类的API,这个类提供大量创建连接池的静态方法,是必须掌握的。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">一、固定大小的线程池 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">import java.util.concurrent.Executors; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">import java.util.concurrent.ExecutorService; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">/** </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">* Java线程:线程池- </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">* </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">* @author Administrator 2009-11-4 23:30:44 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">*/ </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">public class Test { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> public static void main(String[] args) { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> //创建一个可重用固定线程数的线程池 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> ExecutorService pool = Executors.newFixedThreadPool(2); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> //创建实现了Runnable接口对象,Thread对象当然也实现了Runnable接口 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Thread t1 = new MyThread(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Thread t2 = new MyThread(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Thread t3 = new MyThread(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Thread t4 = new MyThread(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Thread t5 = new MyThread(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> //将线程放入池中进行执行 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> pool.execute(t1); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> pool.execute(t2); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> pool.execute(t3); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> pool.execute(t4); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> pool.execute(t5); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> //关闭线程池 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> pool.shutdown(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">} </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">class MyThread extends Thread{ </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> @Override </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> public void run() { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> System.out.println(Thread.currentThread().getName()+"正在执行。。。"); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">} </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-1正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-1正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-1正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-1正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-2正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">Process finished with exit code 0 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">二、单任务线程池 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">在上例的基础上改一行创建pool对象的代码为: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> //创建一个使用单个 worker 线程的 Executor,以无界队列方式来运行该线程。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> ExecutorService pool = Executors.newSingleThreadExecutor(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">输出结果为: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-1正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-1正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-1正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-1正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-1正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">Process finished with exit code 0 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">对于以上两种连接池,大小都是固定的,当要加入的池的线程(或者任务)超过池最大尺寸时候,则入此线程池需要排队等待。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">一旦池中有线程完毕,则排队等待的某个线程会入池执行。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">三、可变尺寸的线程池 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">与上面的类似,只是改动下pool的创建方式: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> //创建一个可根据需要创建新线程的线程池,但是在以前构造的线程可用时将重用它们。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> ExecutorService pool = Executors.newCachedThreadPool(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-5正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-1正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-4正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-3正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-2正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">Process finished with exit code 0 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">四、延迟连接池 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">import java.util.concurrent.Executors; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">import java.util.concurrent.ScheduledExecutorService; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">import java.util.concurrent.TimeUnit; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">/** </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">* Java线程:线程池- </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">* </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">* @author Administrator 2009-11-4 23:30:44 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">*/ </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">public class Test { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> public static void main(String[] args) { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> //创建一个线程池,它可安排在给定延迟后运行命令或者定期地执行。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> ScheduledExecutorService pool = Executors.newScheduledThreadPool(2); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> //创建实现了Runnable接口对象,Thread对象当然也实现了Runnable接口 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Thread t1 = new MyThread(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Thread t2 = new MyThread(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Thread t3 = new MyThread(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Thread t4 = new MyThread(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Thread t5 = new MyThread(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> //将线程放入池中进行执行 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> pool.execute(t1); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> pool.execute(t2); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> pool.execute(t3); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> //使用延迟执行风格的方法 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> pool.schedule(t4, 10, TimeUnit.MILLISECONDS); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> pool.schedule(t5, 10, TimeUnit.MILLISECONDS); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> //关闭线程池 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> pool.shutdown(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">} </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">class MyThread extends Thread { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> @Override </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> public void run() { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> System.out.println(Thread.currentThread().getName() + "正在执行。。。"); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">} </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-1正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-2正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-1正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-1正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-2正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">Process finished with exit code 0 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">五、单任务延迟连接池 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">在四代码基础上,做改动 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> //创建一个单线程执行程序,它可安排在给定延迟后运行命令或者定期地执行。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> ScheduledExecutorService pool = Executors.newSingleThreadScheduledExecutor(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-1正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-1正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-1正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-1正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-1正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">Process finished with exit code 0 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">六、自定义线程池 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">import java.util.concurrent.ArrayBlockingQueue; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">import java.util.concurrent.BlockingQueue; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">import java.util.concurrent.ThreadPoolExecutor; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">import java.util.concurrent.TimeUnit; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">/** </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">* Java线程:线程池-自定义线程池 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">* </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">* @author Administrator 2009-11-4 23:30:44 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">*/ </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">public class Test { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> public static void main(String[] args) { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> //创建等待队列 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> BlockingQueue<Runnable> bqueue = new ArrayBlockingQueue<Runnable>(20); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> //创建一个单线程执行程序,它可安排在给定延迟后运行命令或者定期地执行。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> ThreadPoolExecutor pool = new ThreadPoolExecutor(2,3,2,TimeUnit.MILLISECONDS,bqueue); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> //创建实现了Runnable接口对象,Thread对象当然也实现了Runnable接口 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Thread t1 = new MyThread(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Thread t2 = new MyThread(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Thread t3 = new MyThread(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Thread t4 = new MyThread(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Thread t5 = new MyThread(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Thread t6 = new MyThread(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Thread t7 = new MyThread(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> //将线程放入池中进行执行 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> pool.execute(t1); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> pool.execute(t2); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> pool.execute(t3); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> pool.execute(t4); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> pool.execute(t5); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> pool.execute(t6); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> pool.execute(t7); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> //关闭线程池 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> pool.shutdown(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">} </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">class MyThread extends Thread { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> @Override </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> public void run() { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> System.out.println(Thread.currentThread().getName() + "正在执行。。。"); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> try { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Thread.sleep(100L); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } catch (InterruptedException e) { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> e.printStackTrace(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">} </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-1正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-2正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-2正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-1正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-2正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-1正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">pool-1-thread-2正在执行。。。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">Process finished with exit code 0 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">创建自定义线程池的构造方法很多,本例中参数的含义如下: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">ThreadPoolExecutor </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">public ThreadPoolExecutor(int corePoolSize, </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> int maximumPoolSize, </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> long keepAliveTime, </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> TimeUnit unit, </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> BlockingQueue<Runnable> workQueue) </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">用给定的初始参数和默认的线程工厂及处理程序创建新的 ThreadPoolExecutor。使用 Executors 工厂方法之一比使用此通用构造方法方便得多。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">参数: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">corePoolSize - 池中所保存的线程数,包括空闲线程。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">maximumPoolSize - 池中允许的最大线程数。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">keepAliveTime - 当线程数大于核心时,此为终止前多余的空闲线程等待新任务的最长时间。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">unit - keepAliveTime 参数的时间单位。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">workQueue - 执行前用于保持任务的队列。此队列仅保持由 execute 方法提交的 Runnable 任务。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">抛出: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">IllegalArgumentException - 如果 corePoolSize 或 keepAliveTime 小于零,或者 maximumPoolSize 小于或等于零,或者 corePoolSize 大于 maximumPoolSize。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">NullPointerException - 如果 workQueue 为 null </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">自定义连接池稍微麻烦些,不过通过创建的ThreadPoolExecutor线程池对象,可以获取到当前线程池的尺寸、正在执行任务的线程数、工作队列等等。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">8.Java Generics </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">在JDK1.5之前的版本中,对于一个Collection类库中的容器类实例,可将任意类型 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">对象加入其中(都被当作Object实例看待);从容器中取出的对象也只是一个Object实例,需要将其强制转型为期待的类型,这种强制转型的运行时正确性由程序员自行保证。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">例如以下代码片断: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">List intList = new ArrayList(); //创建一个List,准备存放一些Integer实例 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">intList.add(new Integer(0)); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">intList.add(“1”); //不小心加入了一个字符串;但在编译和运行时都不报错,只有仔细的代码走 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> //才能揪出 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">Integer i0 = (Integer)intList.get(0); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">Integer i1 = (Integer)intList.get(1); //编译通过,直到运行时才抛ClassCastException </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">而在JDK1.5中,可以创建一个明确只能存放某种特定类型对象的容器类实例,例如如下代码: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">List<Integer> intList = new ArrayList<Integer>(); //intList为存放Integer实例的List </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">intList.add(new Integer(0)); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">Integer i0 = intList.get(0); //无需(Integer)强制转型;List<Integer>的get()返回的就是Integer类 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> //型对象 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">intList.add(“1”); //编译不通过,因为List<Integer>的add()方法只接受Integer类型的参数 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> “List<Integer> intList = new ArrayList<Integer>();”就是最简单且最常用的Generic应用;显然,运用Generic后的代码更具可读性和健壮性。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">2 Generic类 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">JDK1.5中Collection类库的大部分类都被改进为Generic类。以下是从JDK1.5源码中 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">截取的关于List和Iterator接口定义的代码片断: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">public interface List<E> { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> void add(E x); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Iterator<E> iterator; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">} </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">public interface Iterator<E> { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> E next(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> boolean hasNext(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">} </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">以List为例,“public interface List<E>”中的E是List的类型参数,用户在使用List </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">时可为类型参数指定一个确定类型值(如List<Integer>)。类型值为Java编译器所用,确保用户代码类型安全。例如,编译器知道List<Integer>的add()方法只接受Integer类型的参数,因此如果你在代码中将一个字符串传入add()将导致编译错误;编译器知道Iterator<Integer>的next()方法返回一个Integer的实例,你在代码中也就无需对返回结果进行(Integer)强制转型。代码检验通过(语法正确且不会导致运行时类型安全问题)后,编译器对现有代码有一个转换工作。简单的说,就是去除代码中的类型值信息,在必要处添加转型代码。例如如下代码: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">public String demo() { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> List<String> strList = new ArrayList<String>(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> strList.add(“Hello!”); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> return strList.get(0); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">} </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">编译器在检验通过后,将其转换为: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">public String demo() { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> List strList = new ArrayList(); //去除类型值<String> </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> strList.add(“Hello!”); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> return (String)strList.get(0); //添加转型动作代码(String) </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">} </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 可见,类型值信息只为Java编译器在编译时所用,确保代码无类型安全问题;验证通过之后,即被去除。对于JVM而言,只有如JDK1.5之前版本一样的List,并无List<Integer>和List<String>之分。这也就是Java Generics实现中关键技术Erasure的基本思想。以下代码在控制台输出的就是“true”。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">List<String> strList = new ArrayList<String>(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">List<Integer> intList = new ArrayList<Integer>(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">System.out.println(strList.getClass() == intList.getClass()); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 可以将Generic理解为:为提高Java代码类型安全性(在编译时确保,而非等到运行时才暴露),Java代码与Java编译器之间新增的一种约定规范。Java编译器在编译结果*.class文件中供JVM读取的部分里没有保留Generic的任何信息;JVM看不到Generic的存在。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 对于Generic类(设为GenericClass)的类型参数(设为T): </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">1) 由于对于JVM而言,只有一个GenericClass类,所以GenericClass类的静态字段和静态方法的定义中不能使用T。T只能出现在GenericClass的非静态字段或非静态方法中。也即T是与GenericClass的实例相关的信息; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">2) T只在编译时被编译器理解,因此也就不能与运行时被JVM理解并执行其代表的操作的操作符(如instanceof 和new)联用。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">class GenericClass<T> { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> T t1; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> public void method1(T t){ </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> t1 = new T(); //编译错误,T不能与new联用 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> if (t1 instanceof T) {}; //编译错误,T不能与instanceof联用 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> }; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> static T t2; //编译错误,静态字段不能使用T </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> public static void method2(T t){};//编译错误,静态方法不能使用T </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">} </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Generic类可以有多个类型参数,且类型参数命名一般为大写单字符。例如Collection类库中的Map声明为: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">public interface Map<K,V> { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> ……; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">} </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">3 Generic类和原(Raw)类 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">对每一个Generic类,用户在使用时可以不指定类型参数。例如,对于List<E>,用户 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">可以以“List<String> list;”方式使用,也可以以“List list;”方式使用。“List<String>”被称为参数化的Generic类(类型参数被赋值),而“List”称为原类。原类List的使用方式和效果与JDK1.5之前版本List的一样;使用原类也就失去了Generic带来的可读性和健壮性的增强。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 允许原类使用方式的存在显然是为了代码的向前兼容:即JDK1.5之前的代码在JDK1.5下仍然编译通过且正常运行。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 当你在JDK1.5中使用原类并向原类实例中添加对象时,编译器会产生警告,因为它无法保证待添加对象类型的正确性。编译通过是为了保证代码向前兼容,产生警告是提醒潜在的风险。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">public void test () { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> List list = new ArrayList(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> list.add("tt");//JDK1.5编译器对此行产生警告 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">} </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">4 Generic类和子类 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">List<String> ls = new ArrayList<String>(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">List<Object> lo = ls; //编译错误:Type mismatch: cannot convert from List<Dummy> to </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> //List<Object> </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">以上第二行代码导致的编译错误“Type mismatch: cannot convert from List<Dummy> to </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">List<Object>”是不是有点出人意料?直观上看,就像String是Object的子类,因此‘Object o = “String”’合法一样,存放String的List是存放Object的List的子类,因此第二行应该是合法的。反过来分析,如果第二行是合法的,那么如下会导致运行时异常的代码也是合法的: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">lo.add(new Object); //会导致在ls中添加了非String对象 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">String s = ls.get(0); //ls.get(0)返回的实际上只是一个Object实例,会导致ClassCastException </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 编译器显然不允许此种情形发生,因此不允许“List<Object> lo = ls”编译通过。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 因此,直观上的“存放String的List是存放Object的List的子类”是错误的。更一般的说,设Foo是Bar的子类,G是Generic类型声明,G<Foo>不是G<Bar>的子类。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">5 参数化的Generic类和数组 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">我们知道,如果T是S的子类,则T[]也是S[]的子类。因此,如下代码编译通过,只 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">在运行时于第三行代码处抛ArrayStoreException。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">String[] words = new String[10]; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">Object[] objects = words; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">Objects[0] = new Object(); //编译通过,但运行时会抛ArrayStoreException </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">再分析如下代码: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">List<String>[] wordLists = new ArrayList<String>[10]; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">ArrayList<Integer> integerList = new ArrayList<Integer>(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">integerList.add(123); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">Object[] objects = wordLists; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">objects[0] = integerList;//运行时不出错,因为运行时ArrayList<String>和ArrayList<Integer>都 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> //为ArrayList </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">String s = wordlists[0].get(0); //编译通过,运行时抛ClassCastException </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 就出现了“正确使用了Generic,但在运行时仍然出现ClassCastException”的情形。显然Java编译器不允许此种情形的发生。事实上,以上代码的第一行“List<String>[] wordLists = new ArrayList<String>[10];”就是编译不通过的,也就不存在接下来的代码。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">更一般地说,不能创建参数化的Generic类的数组。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">6 类型参数通配符? </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">由“Generic类和子类”节知,Collection<Object>不是存放其它类型对象的Collection(例 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">如Collection<String>)的基类(抽象),那么如何表示任一种参数化的Collection的呢?使用Collection<?>。?即代表任一类型参数值。例如,我们可以很容易写出下面的通用函数printCollection(): </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">public static void printCollection(Collection<?> c) { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> //如此遍历Collection的简洁方式也是JDK1.5新引入的 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> for (Object o : c) { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> System.out.println(o); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">} </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 这样,既可以将Collection<String>的实例,也可以将Collection<Integer>的实例作为参数调用printCollection()方法。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 然而,要注意一点,你不能往Collection<?>容器实例中加入任何非null元素,例如如下代码的第三行编译不通过: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">public static void testAdd(Collection<?> c) { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> c.add(null); //编译通过 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> c.add(“test”); //编译错误 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">} </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 很好理解:c中要存放的对象的具体类型不确定,编译器无法验证待添加对象类型的正确性,因此不能加入对象实例;而null可以看作是任一个类的实例,因而允许加入。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 另外,尽管c中要存放的对象的类型不确定,但我们知道任何类都是Object子类,因此从c中取出的对象都统一作为Object实例。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 更进一步,如果BaseClass代表某个可被继承的类的类名,那么Collection<? extends BaseClass>代表类型参数值为BaseClass或BaseClass某个子类的任一参数化Collection。对于Collection<? extends BaseClass>的实例c,因为c中要存放的对象具体类型不确定,不能往其加入非null对象,但从c中取出的对象都统一作为BaseClass实例。事实上,你可以把Collection<?>看作Collection<? extends Object>的简洁形式。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 另一种情形:如果SubClass代表任一个类的类名,那么Collection<? super SubClass>代表类型参数值为SubClass或SubClass某个祖先类的任一参数化Collection。对于Collection<? super SubClass>的实例c,你可以将SubClass实例加入其中,但从中取出的对象都是Object实例。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">7 Generic方法 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">我们可以定义Generic类,同样可以定义Generic方法,即将方法的一个或多个参数的类型参数化,如代码: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">public static <T> void fromArrayToCollection(T[] a, Collection<T> c) { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> for (T o : a) { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> c.add(o); //合法。注意与Collection<?>的区别 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">} </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">我们可以以如下方式调用fromArrayToCollection(): </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">Object[] oa = new Object[100]; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">Collection<Object> co = new ArrayList<Object>(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">fromArrayToCollection(oa, co); //此时,T即为Object </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">String[] sa = new String[100]; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">Collection<String> cs = new ArrayList<String>(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">fromArrayToCollection(sa, cs); //此时,T即为String </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">fromArrayToCollection(sa, co); //此时,T即为Object </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">Integer[] ia = new Integer[100]; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">Float[] fa = new Float[100]; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">Number[] na = new Number[100]; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">Collection<Number> cn = new ArrayList<Number>(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">fromArrayToCollection(ia, cn); //此时,T即为Number </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">fromArrayToCollection(fa, cn); //此时,T即为Number </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">fromArrayToCollection(na, cn); //此时,T即为Number </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">fromArrayToCollection(na, co); //此时,T即为Object </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">fromArrayToCollection(na, cs); //编译错误 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 通过以上代码可以看出,我们在调用fromArrayToCollection()时,无需明确指定T为何种类型(与Generic类的使用方式不同),而是像调用一般method一样,直接提供参数值,编译器会根据提供的参数值自动为T赋类型值或提示编译错误(参数值不当)。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">考虑如下函数sum() </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">public static long sum(Collection<? extends Number> numbers) { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> long sum = 0; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> for (Number n : numbers) { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> sum += n.longValue(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> return sum; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">} </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">我们也可以将其以Generic方法实现: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">public static <T extends Number> long sum(Collection<T> numbers) { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> long sum = 0; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> for (Number n : numbers) { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> sum += n.longValue(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> return sum; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">} </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 那么对于一个方法,当要求参数类型可变时,是采用Generic方法,还是采用类型参数通配符方式呢?一般而言,如果参数类型间或参数类型与返回值类型间存在某种依赖关系,则采取Generic方法,否则采取类型参数通配符方式。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 这一原则在Collection类库的源代码中得到了很好的体现,例如Collection接口的containsAll()、addAll()和toArray()方法: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">interface Collection<E> { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> public boolean containsAll(Collecion<?> c); //参数间类型以及参数与返回 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> //值间类型无依赖 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <T> T[] toArray(T[] a); //参数a与返回值都是相同类的数组,有依赖 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">} </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">当然,根据需要,二者也可以结合使用,例如Collections中的copy()方法: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">class Collections { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> public static <T> void copy(List<T> dest, List<? extends T> src) { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> ……. </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">} </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">jdk1.6新特性 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">1.Desktop类和SystemTray类 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">2.使用JAXB2来实现对象与XML之间的映射 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">3.StAX </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">4.使用Compiler API </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">5.轻量级Http Server API </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">6.插入式注解处理API(Pluggable Annotation Processing API) </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">7.用Console开发控制台程序 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">8.对脚本语言的支持 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">9.Common Annotations </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">1.Desktop类和SystemTray类 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">在JDK1.6中,AWT新增加了两个类:Desktop和SystemTray. </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">前者可以用来打开系统默认浏览器浏览指定的URL,打开系统默认邮件客户端给指定的邮箱发邮件,用默认应用程序打开或编辑文件(比如,用记事本打开以txt为后缀名的文件),用系统默认的打印机打印文档;后者可以用来在系统托盘区创建一个托盘程序. </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">2.使用JAXB2来实现对象与XML之间的映射 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">JAXB是Java Architecture for XML Binding的缩写,可以将一个Java对象转变成为XML格式,反之亦然. </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">我们把对象与关系数据库之间的映射称为ORM,其实也可以把对象与XML之间的映射称为OXM(Object XML Mapping).原来JAXB是Java EE的一部分,在JDK1.6中,SUN将其放到了Java SE中,这也是SUN的一贯做法.JDK1.6中自带的这个JAXB版本是2.0,比起1.0(JSR 31)来,JAXB2(JSR 222)用JDK5的新特性Annotation来标识要作绑定的类和属性等,这就极大简化了开发的工作量.实际上,在Java EE 5.0中,EJB和Web Services也通过Annotation来简化开发工作.另外,JAXB2在底层是用StAX(JSR 173)来处理XML文档.除了JAXB之外,我们还可以通过XMLBeans和Castor等来实现同样的功能. </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">3.StAX </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">StAX(JSR 173)是JDK1.6.0中除了DOM和SAX之外的又一种处理XML文档的API. </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">StAX 的来历:在JAXP1.3(JSR 206)有两种处理XML文档的方法:DOM(Document Object Model)和SAX(Simple API for XML). </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">JDK1.6.0中的JAXB2(JSR 222)和JAX-WS 2.0(JSR 224)都会用到StAXSun决定把StAX加入到JAXP家族当中来,并将JAXP的版本升级到1.4(JAXP1.4是JAXP1.3的维护版本).JDK1.6里面JAXP的版本就是1.4. </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">StAX是The Streaming API for XML的缩写,一种利用拉模式解析(pull-parsing)XML文档的API.StAX通过提供一种基于事件迭代器(Iterator)的API让程序员去控制xml文档解析过程,程序遍历这个事件迭代器去处理每一个解析事件,解析事件可以看做是程序拉出来的,也就是程序促使解析器产生一个解析事件然后处理该事件,之后又促使解析器产生下一个解析事件,如此循环直到碰到文档结束符; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">SAX也是基于事件处理xml文档,但却是用推模式解析,解析器解析完整个xml文档后,才产生解析事件,然后推给程序去处理这些事件;DOM采用的方式是将整个xml文档映射到一颗内存树,这样就可以很容易地得到父节点和子结点以及兄弟节点的数据,但如果文档很大,将会严重影响性能. </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">4.使用Compiler API </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">现在我 们可以用JDK1.6 的Compiler API(JSR 199)去动态编译Java源文件,Compiler API结合反射功能就可以实现动态的产生Java代码并编译执行这些代码,有点动态语言的特征. </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">这个特性对于某些需要用到动态编译的应用程序相当有用,比如JSP Web Server,当我们手动修改JSP后,是不希望需要重启Web Server才可以看到效果的,这时候我们就可以用Compiler API来实现动态编译JSP文件,当然,现在的JSP Web Server也是支持JSP热部署的,现在的JSP Web Server通过在运行期间通过Runtime.exec或ProcessBuilder来调用javac来编译代码,这种方式需要我们产生另一个进程去做编译工作,不够优雅容易使代码依赖与特定的操作系统;Compiler API通过一套易用的标准的API提供了更加丰富的方式去做动态编译,是跨平台的. </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">5.轻量级Http Server API </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">JDK1.6 提供了一个简单的Http Server API,据此我们可以构建自己的嵌入式Http Server,它支持Http和Https协议,提供了HTTP1.1的部分实现,没有被实现的那部分可以通过扩展已有的Http Server API来实现,程序员自己实现HttpHandler接口,HttpServer会调用HttpHandler实现类的回调方法来处理客户端请求,在这里,我们把一个Http请求和它的响应称为一个交换,包装成HttpExchange类,HttpServer负责将HttpExchange传给HttpHandler实现类的回调方法. </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">6.插入式注解处理API(Pluggable Annotation Processing API) </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">插入式注解处理API(JSR 269)提供一套标准API来处理Annotations(JSR 175) </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">实际上JSR 269不仅仅用来处理Annotation,我觉得更强大的功能是它建立了Java 语言本身的一个模型,它把method,package,constructor,type,variable, enum,annotation等Java语言元素映射为Types和Elements(两者有什么区别?),从而将Java语言的语义映射成为对象,我们可以在javax.lang.model包下面可以看到这些类. 我们可以利用JSR 269提供的API来构建一个功能丰富的元编程(metaprogramming)环境. </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">JSR 269用Annotation Processor在编译期间而不是运行期间处理Annotation,Annotation Processor相当于编译器的一个插件,称为插入式注解处理.如果Annotation Processor处理Annotation时(执行process方法)产生了新的Java代码,编译器会再调用一次Annotation Processor,如果第二次处理还有新代码产生,就会接着调用Annotation Processor,直到没有新代码产生为止.每执行一次process()方法被称为一个"round",这样整个Annotation processing过程可以看作是一个round的序列. </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">JSR 269主要被设计成为针对Tools或者容器的API. 举个例子,我们想建立一套基于Annotation的单元测试框架(如TestNG),在测试类里面用Annotation来标识测试期间需要执行的测试方法. </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">7.用Console开发控制台程序 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">JDK1.6中提供了java.io.Console 类专用来访问基于字符的控制台设备.你的程序如果要与Windows下的cmd或者Linux下的Terminal交互,就可以用Console类代劳.但我们不总是能得到可用的Console,一个JVM是否有可用的Console依赖于底层平台和JVM如何被调用.如果JVM是在交互式命令行(比如Windows的cmd)中启动的,并且输入输出没有重定向到另外的地方,那么就可以得到一个可用的Console实例. </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">8.对脚本语言的支持 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">如: ruby,groovy,javascript </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">9.Common Annotations </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">Common annotations原本是Java EE 5.0(JSR 244)规范的一部分,现在SUN把它的一部分放到了Java SE 6.0中. </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">随着Annotation元数据功能(JSR 175)加入到Java SE 5.0里面,很多Java 技术(比如EJB,Web Services)都会用Annotation部分代替XML文件来配置运行参数(或者说是支持声明式编程,如EJB的声明式事务),如果这些技术为通用目的都单独定义了自己的Annotations,显然有点重复建设,,为其他相关的Java技术定义一套公共的Annotation是有价值的,可以避免重复建设的同时,也保证Java SE和Java EE 各种技术的一致性. </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">下面列举出Common Annotations 1.0里面的10个Annotations Common Annotations Annotation Retention Target Description Generated Source ANNOTATION_TYPE,CONSTRUCTOR,FIELD,LOCAL_VARIABLE,METHOD,PACKAGE,PARAMETER,TYPE 用于标注生成的源代码Resource Runtime TYPE,METHOD,FIELD用于标注所依赖的资源,容器据此注入外部资源依赖,有基于字段的注入和基于setter方法的注入两种方式Resources Runtime TYPE同时标注多个外部依赖,容器会把所有这些外部依赖注入PostConstruct Runtime METHOD标注当容器注入所有依赖之后运行的方法,用来进行依赖注入后的初始化工作,只有一个方法可以标注为PostConstruct PreDestroy Runtime METHOD当对象实例将要被从容器当中删掉之前,要执行的回调方法要标注为PreDestroy RunAs Runtime TYPE用于标注用什么安全角色来执行被标注类的方法,这个安全角色和Container的Security角色一致的.RolesAllowed Runtime TYPE,METHOD用于标注允许执行被标注类或方法的安全角色,这个安全角色和Container的Security角色一致的PermitAll Runtime TYPE,METHOD允许所有角色执行被标注的类或方法DenyAll Runtime TYPE,METHOD不允许任何角色执行被标注的类或方法,表明该类或方法不能在Java EE容器里面运行DeclareRoles Runtime TYPE用来定义可以被应用程序检验的安全角色,通常用isUserInRole来检验安全角色. </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">jdk1.7新特性 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">1 对集合类的语言支持; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">2 自动资源管理; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">3 改进的通用实例创建类型推断; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">4 数字字面量下划线支持; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">5 switch中使用string; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">6 二进制字面量; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">7 简化可变参数方法调用。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 下面我们来仔细看一下这7大新功能: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 1 对集合类的语言支持 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Java将包含对创建集合类的第一类语言支持。这意味着集合类的创建可以像Ruby和Perl那样了。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 原本需要这样: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> List<String> list = new ArrayList<String>(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> list.add("item"); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> String item = list.get(0); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Set<String> set = new HashSet<String>(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> set.add("item"); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Map<String, Integer> map = new HashMap<String, Integer>(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> map.put("key", 1); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> int value = map.get("key"); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 现在你可以这样: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> List<String> list = ["item"]; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> String item = list[0]; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Set<String> set = {"item"}; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Map<String, Integer> map = {"key" : 1}; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> int value = map["key"]; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 这些集合是不可变的。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 2 自动资源管理 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Java中某些资源是需要手动关闭的,如InputStream,Writes,Sockets,Sql classes等。这个新的语言特性允许try语句本身申请更多的资源, </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 这些资源作用于try代码块,并自动关闭。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 这个: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> BufferedReader br = new BufferedReader(new FileReader(path)); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> try { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> return br.readLine(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } finally { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> br.close(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 变成了这个: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> try (BufferedReader br = new BufferedReader(new FileReader(path)) { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> return br.readLine(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 你可以定义关闭多个资源: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> try ( </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> InputStream in = new FileInputStream(src); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> OutputStream out = new FileOutputStream(dest)) </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> // code </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 为了支持这个行为,所有可关闭的类将被修改为可以实现一个Closable(可关闭的)接口。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 3 增强的对通用实例创建(diamond)的类型推断 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 类型推断是一个特殊的烦恼,下面的代码: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Map<String, List<String>> anagrams = new HashMap<String, List<String>>(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 通过类型推断后变成: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> Map<String, List<String>> anagrams = new HashMap<>(); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 这个<>被叫做diamond(钻石)运算符,这个运算符从引用的声明中推断类型。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 4 数字字面量下划线支持 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 很长的数字可读性不好,在Java 7中可以使用下划线分隔长int以及long了,如: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> int one_million = 1_000_000; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 运算时先去除下划线,如:1_1 * 10 = 110,120 – 1_0 = 110 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 5 switch中使用string </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 以前你在switch中只能使用number或enum。现在你可以使用string了: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> String s = ... </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> switch(s) { </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> case "quux": </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> processQuux(s); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> // fall-through </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> case "foo": </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> case "bar": </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> processFooOrBar(s); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> break; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> case "baz": </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> processBaz(s); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> // fall-through </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> default: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> processDefault(s); </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> break; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> } </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 6 二进制字面量 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 由于继承C语言,Java代码在传统上迫使程序员只能使用十进制,八进制或十六进制来表示数(numbers)。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 由于很少的域是以bit导向的,这种限制可能导致错误。你现在可以使用0b前缀创建二进制字面量: </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> int binary = 0b1001_1001; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 现在,你可以使用二进制字面量这种表示方式,并且使用非常简短的代码,可将二进制字符转换为数据类型,如在byte或short。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> byte aByte = (byte)0b001; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> short aShort = (short)0b010; </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"><span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 7 简化的可变参数调用 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> 当程序员试图使用一个不可具体化的可变参数并调用一个*varargs* (可变)方法时,编辑器会生成一个“非安全操作”的警告。 </span><br style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> <span style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> JDK 7将警告从call转移到了方法声明(methord declaration)的过程中。这样API设计者就可以使用vararg,因为警告的数量大大减少了。</span><br> <br> ericssonxiaohttp://www.blogger.com/profile/05880131723631345428noreply@blogger.com0tag:blogger.com,1999:blog-1852547632205401054.post-66894962210300385192012-08-24T10:47:00.000+08:002012-08-29T23:36:48.124+08:00呼叫中心市场技术发展点评及趋势分析(来源:http://fanmingtaoyg.blog.sohu.com/153371494.html)<span style>在全球金融危机情况下,我相信2009年是比较艰难的一年,但同时也是呼叫中心技术发展精益求精的一年。呼叫中心技术发展的趋势不会有改变,基于软交换的融合通讯将会越来越多地主导国内呼叫中心市场,注重呼叫中心人力资源优化的排班及运营管理系统将会得到快速增长。</span><br style><span style> 2008年,也是呼叫中心行业变化巨大的一年。呼叫中心从十年前一个默默无闻的行业成功转变为各级政府全力以赴支持发展的新兴产业,全国各地呼叫中心服务基地如雨后春笋般地冒了出来,电购直销等呼叫中心新型业务也正如火如荼地展开。面对巨大的发展机遇和挑战,呼叫中心行业的同仁们撒下了泪水汗水,也收获了欢声笑语。</span><br style> <span style> 2008年,是呼叫中心技术发生重要转变的一年。从事呼叫中心技术的同仁们一次又一次经受着考验,把传统的交换技术成功地切换到了软交换和融合通讯,托管平台的出现和软交换普及使得CTI平台厂商生存空间越来越小,但排班及人力资源优化技术得到了普遍增长和认同,电话营销技术也有了蓬勃发展。最终呼叫中心技术适应了市场的驱动,并且完成了技术华丽转身,满足了呼叫中心业务发展需要。</span><br style><span style> 一、呼叫中心技术发展回顾及总体特点</span><br style> <span style> 大家都知道,呼叫中心是指通过多种接触媒介(电话、传真、互联网访问、E-mail、视频、短信、WAP等)为客户提供交互式自助服务和人工服务的系统;呼叫中心通常提供业务咨询、信息查询、帐务查询、投诉与建议、业务受理、交易处理、电话回访、客户关怀、市场调查、数据清洗、电话营销等综合性服务;它是集电信语音技术、呼叫处理技术、计算机网络技术、数据库技术、WFM技术于一体的跨信息技术和电信技术的系统。</span><br style> <span style> 呼叫中心作为提升客户服务水平和沟通效率的基本手段,最初是由大型电信运营商和银行等高端行业的客户服务、大型的外包呼叫中心发展而来。由于市场竞争越来越激烈,提升客户服务的质量和效率成为越来越多、各行各业、各种规模的企业和政府的迫切需求;更重要的是呼叫中心可以作为新型营销渠道给企业带来巨额收入,而成本相比传统营销却低很多。所以,我们不难理解十年来呼叫中心以前所未有的速度,在企业级用户中普及。</span><br style> <span style> 为了顺应技术发展潮流、节省成本、减低风险,企业开始逐渐采用软交换、融合通信等方式来构建自己的呼叫中心,丰富获取客户信息的渠道,传统通信方式、网络虚拟呼叫中心、点击呼叫中心等等,软交换和融合通信成为呼叫中心发展的必然趋势。在呼叫中心建设完成以后,如何有效地进行数字化运营管理一直困扰着众多呼叫中心,随着呼叫中心的普及和大规模化,排班等人力资源优化技术得到了普遍认同,正迎来一个新的发展机遇。</span><br style> <span style> 国内呼叫中心经过10多年的长足发展,呼叫中心技术一直以市场驱动和特有的前瞻性,不断地发生变革,推动呼叫中心行业的发展,普及呼叫中心各种应用。</span><br style><span style> 1、传统交换技术已经全面走向软交换及融合通讯时代</span><br style><span style> 去年,中国呼叫中心行业的软交换和融合通讯市场仍处于导入期,市场并未出现井喷式的增长。尽管软交换和融合通讯已成为不可避免的发展趋势,融合数据、语音、视频以及移动功能的数据传输网络将成为未来市场需求与发展的重点,然而国内用户对于统一通信的部署情况并不乐观,主要原因在于产品的成熟度、用户的认可程度不高。</span><br style> <span style> 但到了2008年,全年中国软交换和融合通讯市场保持了快速的增长势头,到目前为止基本保持了40%的平均比例增长,虽然第三季度在由美国次贷危机引发的全球金融海啸环境下,增长趋势有所放缓,但全球金融危机的反作用将进一步提高企业对减低成本的追求,对统一通信产品的认知,所以会更有助于呼叫中心行业软交换和融合通讯的发展。</span><br style><span style> 根据赛迪顾问统计和预测,2008年全年中国融合通信市场规模将达到46.6亿元,同比增长超过50%。第四季度市场将出现反弹趋势,增长速度超过12%,市场规模13.53亿元。</span><br style> <span style> 2、人力资源管理优化技术正成为行业关注焦点</span><br style><span style> 在呼叫中心技术领域里面,大家一直关注着呼叫中心的建设。关于国内呼叫中心建设的现状和所处的阶段,从技术的角度来说有大家较为一致的关于第一代、第二代、第三代、第四代的说法,目前已经到了第五代(基于软交换和融合通讯的呼叫中心)。但实际上在2008年,国内呼叫中心的技术领域的关注点已经悄悄地发生了变化。</span><br style> <span style> 前几年大家关注点是:能否成功地进行呼叫中心系统建设,以满足自己的业务需求,都比较担心呼叫中心系统建设失败所引发的投资风险。至于建设完成以后,呼叫中心的日常运营和管理,呼叫中心管理人员都在自己摸索前进。</span><br style><span style> 现在尽管呼叫中心使用了多种产品,但这些产品技术已经非常成熟,目前几乎不存在呼叫中心建设失败的风险。越来越多的人在深入研究呼叫中心的运营和管理,管理人员也越来越认识到:运营管理才是呼叫中心成功的关键。</span><br style> <span style> 例如:如何提高客户满意度?并不是大量增加中继线提高接通率就能解决的,这涉及到人员培训、质量监控、劳动力排班管理、成本管理、ATT和SL等方方面面,而通常的呼叫中心系统集成解决不了这些问题。再例如:如何有效控制呼叫中心运营成本?从长期的角度来看,一个典型的呼叫中心只有10%的成本是花在系统建设上的,全部运营费用的90%以上用于支付工资、网络成本和日常的项目开支。呼叫中心运营和管理水平的高低,直接影响到企业的成本。</span><br style> <span style> 在2008年呼叫中心普及化和大规模化的背景下,基于人力资源优化技术的排班及运营管理软件越来越得到关注和普及,是呼叫中心行业发展的必然。</span><br style><span style> 3、电话营销技术得以迅猛发展</span><br style><span style> 过去这么多年,国内呼叫中心行业在业务层面上一直比较侧重于客户服务中心,侧重通过呼叫中心提升客户服务的质量和效率。但是在2008年,基于呼叫中心的电视购物、保险营销等业务疯狂地展开,使得电话营销技术在呼叫中心技术发展上有了浓重的一笔。</span><br style> <span style> 十年前,规划和建设一个呼叫中心核算成本大约是20万/个席位,也就是说当时的呼叫中心技术和建设成本是非常高的。但现在呼叫中心的技术和建设成本已经大幅度降低了,甚至我们看到在外包公司谈论呼叫中心的每个席位(包含电脑、席位和电话)等等一个月是不到1000块钱了,所以说传统设备已经不是最重要的了。2008年呼叫中心行业重要的是两个方面,一是我在前面所归纳的:呼叫中心的运营管理更加有效更加精致;另外一个就是价值的创造,实际上就是如何把呼叫中心成为一个利润中心。2008年呼叫中心技术的革新和发展也正是主要围绕这两点展开的。</span><br style> <span style> 电话营销成功的关键因素主要有:品牌、数据、产品、系统、团队及管理。其中系统是电话营销的内部引擎,如果你的引擎不好,这个车子就算会动也会动的很慢,因为你花很大的力气把这个车子推动。电话营销引擎,实际上就是CRM通过外拨技术。一个强有力的技术引擎可以使你快速清洗客户数据,提高接通率;可以使你的外呼脚本流程更加灵活,提高成交率;可以帮助你实现预览拨号和预测拨号,有效降低成本;可以帮助你及时了解和掌握库存、配送等全部业务流程环节,实现以电销为中心高效率运转。</span><br style> <span style> 二、呼叫中心技术发展驱动因素分析</span><br style><span style> 1、全球化IT/CT的融合发展趋势</span><br style><span style> 全球网络宽带化全球IP化的发展,极大地促进了ICT融合通信的发展。企业完全可以根据自己的实际需要来选择何种方式来部署自己的融合通信系统。</span><br style><span style> 呼叫中心的发展趋势是由传统的呼叫中心向多媒体呼叫中心发展,由单一技术向综合技术发展,所实现的功能将更多、更复杂。企业面临着如何使呼叫中心在技术发展上更进一步的问题。基于传统的PBX的呼叫中心由于对新兴的融合通讯技术和VoIP技术支持不够,其在建设数量明显呈下降趋势,而基于IP协议的软交换和融合通讯呼叫中心逐年增长是必然的趋势。基于软交换和融合通讯的呼叫中心将呼叫中心与Internet、多媒体、企业通讯融为一体,不仅能支持语音电话,还能提供包括音频、视频在内的多媒体通信;不仅能支持传统的电话终端,还能支持来自Internet的文字、语音、短消息等交互方式;不仅提供了完整的座席功能,还具有实用的呼叫中心管理体系。因此与传统呼叫中心比较,这种呼叫中心将更具成本优势,达到节省成本的目的,同时处理能力也将大幅度提升。随着时间的推移,基于软交换和融合通讯的呼叫中心因其联网逻辑结构简单,更易于实现联网、智能路由和统一管理将成为未来呼叫中心发展的主流趋势。</span><br style> <span style> 2、呼叫中心精细化管理驱动</span><br style><span style> 在过去多年的发展中,中国呼叫中心产业比较偏重的是技术和设备等硬件因素,往往将呼叫中心看成是一个由硬件设备组成的系统,而很少研究如何有效地运营和管理呼叫中心。这样,虽然有不少企业创建了呼叫中心,但只有为数不多的呼叫中心在发挥其极致作用。呼叫中心的根本意义在于提高服务质量和客户满意度,并使之成为企业的利润源泉,而实现这一重要转变的关键在于有效的运营管理措施的实施。只有运营管理到位了,才能挖掘更大的应用空间。</span><br style> <span style> 以前由于呼叫中心运营管理工具和系统的缺乏,话务预测、自动排班、质检分析、培训管理、考勤、人力资源管理、绩效考核等各个环节占用了管理层的大量时间和精力,每个月的预测排班都是一个难题,每个月几百名员工的绩效计算也是一个巨大的挑战,呼叫中心运营管理和自身效能发挥都受到了严重的影响。</span><br style><span style> 为了满足呼叫中心精细化管理需要,国内已经有优秀的企业投入巨资研究相关技术,这些技术(如排班等人力资源优化等)的发展对整个产业的发展将起着至关重要的作用,也是呼叫中心产业走向良性循环、向更大规模发展的关键。</span><br style> <span style> 3、竞争的加剧促使改善客户服务质量并降低成本</span><br style><span style> 在产品及价格日益趋同的今天,服务质量的高低、服务的多元化及差异化已显得尤为重要。企业为了争夺客户资源,必须能够准确把握消费者的需求,并以最快的速度做出响应。多数企业越来越通过呼叫中心为客户提供优质服务。</span><br style><span style> 2008年的今天,虽然说通过呼叫中心提供客户服务已经是企业普遍采用的一种手段,这种现象已经成为一种共识。但发展依然在继续,新的挑战又出来了。因为呼叫中心服务也是有差异的,呼叫中心服务也是有成本的,如何用低成本做最优质的服务,这是目前企业对呼叫中心行业技术从业人员提出的最新挑战。</span><br style> <span style> 正是有了这些挑战,呼叫中心技术总是在变革,从传统排队机到一体机再到融合通讯软交换,从单个CTI中间件、IVR等产品演变为CTI同一平台(包含CTI、IVR、Fax、Recording、PDS),从混合型呼叫中心应用到专业电话营销应用平台,从人工预测和排班到专业排班工具使用等等,呼叫中心技术的发展无时无刻不被新的业务需求所驱动着。</span><br style><span style> 4、利润化呼叫中心</span><br style> <span style> 利润化呼叫中心是一个老生常谈的话题,也依然是2008年呼叫中心行业技术发展的重要驱动因素。利润化呼叫中心的手段主要有两个:一是作为BPO重要环节的呼叫中心外包服务;二是电话营销中心。</span><br style><span style> 为了支持中国服务外包的进一步发展,商务部首先启动了“千百十工程”。从前年开始,商务部、信息产业部和科技部先后联合公布了两批共11城市为服务外包示范基地城市。目前从深圳到上海、西安、成都、北京、杭州、天津、南京、武汉、济南、苏州,呼叫中心外包服务已经成为BPO中非常重要的一环,截止到现在全国外包服务基地加上各省级别的呼叫中心服务基地已经多大40个。这些政府主导的外包服务基地给呼叫中心技术发展带来了新的生命力。</span><br style> <span style> 2008年的电视购物、保险电话营销中心等直销中心,成为了影响呼叫中心技术发展的一道亮丽的风景。越来越多的呼叫中心应用软件厂商进入到直销这个领域,衍生了多种多样的呼叫中心业务平台,也促进了呼叫中心外拨技术的长足发展。</span><br style><span style> 三、呼叫中心技术产品及厂商透视与分析</span><br style><span style> 1、接入和交换平台</span><br style> <span style> 近些年来,中国潜力巨大的呼叫中心市场吸引了世界范围内越来越多的优秀交换接入设备提供商的加入。他们带来了先进的技术与设备,使中国在呼叫中心硬件设备方面迅速与世界先进水平接轨。目前,中国相当比例的呼叫中心在系统设备配置上已十分高端,在很长一段时间内完全可以满足业务运行的需求。</span><br style><span style> 呼叫中心在接入技术上,已经由单一信息交互通道——电话,转变为多种形式的多媒体信息通道——电话、传真、Email、Web、VoIP。呼叫中心已不再简单地用电话与客户实现互动,而是要将电话、传真、Email、Web、VoIP、短信等多媒体通道与客户实现互动。但就实际应用而言,传统的电话接入处理和IVR应答仍然是使用率最高的技术方式。</span><br style> <span style> 目前,呼叫中心市场上主要基于四种接入技术:基于交换机、基于板卡、和基于一体化技术呼叫中心、基于软交换的呼叫中心。</span><br style><span style> 基于交换机的呼叫中心是由PBX、CTI服务器、IVR服务器、传真服务器等一连串的设备外挂连接而成。要适应呼叫中心发展的趋势,就必须将更多的外挂设备囊括进来通过软件智能实现,大幅降低其成本。</span><br style><span style> 而基于板卡的呼叫中心是由系统集成商按照客户的具体需求,将不同厂家的板卡集成到一个系统中,按照客户要求的专项定制,其成本低廉、设计灵活,但其实现的功能较专用,功能的升级以及规模的稳定性难于保障。</span><br style> <span style> 基于一体化技术的呼叫中心结合了以上两者的优势,这种形式是以上两者力求发展的方向。既有电信级的稳定性和强大的交换功能,又有实施便捷和成本相对较合理的优点。</span><br style><span style> 基于软交换和融合通讯的呼叫中心将呼叫中心与Internet、多媒体、企业通讯融为一体。这样系统不但可以保证稳定性,而且还可充分利用IP技术,达到节省成本的目的。目前基于软交换和融合通讯的呼叫中心已经有成为主流的趋势。</span><br style> <span style> 在2008年的呼叫中心接入和交换平台市场,虽然大家所熟悉的Avaya、Cisco、中兴、华为、Alcatel-Lucent、Nortel、奥迪坚英立讯、西门子、eOn等知名厂商依然存在,但最活跃的主要是基于软交换和融合通讯的Avaya、中兴、Cisco等厂商。</span><br style><span style> 2、CTI平台产品</span><br style><span style> CTI平台产品主要包括CTI中间件、IVR、Fax、Recording、PDS等。在呼叫中心发展的初期,这些产品都是相对独立的。我记得在1998年从事呼叫中心行业的时候,CTI中间件主要有HPCCM、IBMCallpath,IVR和Recording等产品是其他厂商单独开发和提供的,后来HP把CCM卖给了Cisco,IBM把Callpath卖给了Genesys,经过多年技术发展和整合以及市场的大浪淘沙,呼叫中心CTI平台产品和厂商已经比较稳定,目前活跃在呼叫中心市场的厂商主要有:Genesys、AvayaAIC、青牛、讯鸟、信普飞科、商路通、三友亚星等。</span><br style> <span style> 目前生存下来的CTI厂商基本上有一个共同的特点,那就是提供整体统一的CTI平台,包含了CTI中间件、IVR、Fax、Recoding、PDS等,基本上不需要第三方厂商进行补充,消除了集成风险并降低了实施成本。</span><br style><span style> 2008年由于托管呼叫中心平台的出现和扩张,以及基于软交换和融合通讯的呼叫中心成为主流,CTI厂商的价值和生存空间被大大压缩了,所以今年CTI厂商已经开始重新定义CTI内涵:“C”是计算能力,代表着已经融入到人们日常生活的方方面面的普适计算;“T”是通信系统,代表着一种可控、可管、可靠、无处不在的通信网络;“I”就是互联网。</span><br style> <span style> CTI厂商希望把这个新概念传达给整个业界乃至相关产业,共同来探索CTI未来的技术方向、应用方向和服务对象,充分融合创新,以实现新的突破。</span><br style><span style> 3、排班及人力资源优化</span><br style><span style> 现在中国呼叫中心已经慢慢进入一个阶段,就是呼叫中心已经不再强调说接入设备有多知名,也不再强调说自己用的CTI有多稳定和方便,慢慢的已经进入了运营管理的精致化管理阶段。</span><br style> <span style> 一个月前问及台湾的同仁,大陆呼叫中心与台湾呼叫中心的最大区别,几个台湾同仁都说规模。由于人口因素,台湾呼叫中心最大规模是1000多座席,而目前国内呼叫中心动则就是几百、几千座席。随着呼叫中心规模的逐渐扩大,原有的手工排班等运营管理方式已不能适应这种增长。国际上大部分呼叫中心采用了专业排班管理系统,据国外研究机构的研究报告表明,约86%的欧洲呼叫中心都采用了排班系统,企业使用排班管理系统后通常可以实现座席代表排班计划的制定时间缩减45%~90%,服务水平提高10%~13%,呼叫放弃率降低3%。</span><br style> <span style> 2008年国内呼叫中心在排班等人力资源优化方面的需求明显开始旺盛。目前除了国外知名厂商Verint、Aspect外,国内主要有七星蓝图、杭州远传等知名厂商可以提供专业的产品和服务。</span><br style><span style> 相比较国外产品,国内厂商的产品不但是全中文界面,而且在功能全面性、实用性、本地化服务方面做得更灵活一些。以七星蓝图公司产品RuntoWFM为例,是国内首创全面的完整的呼叫中心运营管理解决方案,包含智能话务预测、自动排班管理、质检管理与分析、绩效衡量与分析、员工培训管理、考勤流程管理、人力资源闭环管理、运营指标分析、话务处理技巧、成本控制方案等,是一个融合创新的符合国内习惯的完整解决方案。</span><br style> <span style> 来源:全球IP通信联盟网2009年3月12日</span><br><br><br> ericssonxiaohttp://www.blogger.com/profile/05880131723631345428noreply@blogger.com0tag:blogger.com,1999:blog-1852547632205401054.post-43313786427525244982012-08-23T15:24:00.000+08:002012-08-29T23:36:48.116+08:00清除svn 脚本<p style>对于使用TortoiseSVN的人来说,如果需要文件的话可以直接导出来保证文件中不含有.svn的文件</p><p style>但如果不幸,没有这样而又想去除里面的一个个小的只读文件,搜集了一些脚本以供参考。</p><p style>LINUX :</p><p style>方式1:find . -name .svn | xargs rm -rf</p><p style>方式2:find . -depth -type d -name '.svn' -exec rm -rf {} \;</p> <p style>WINDOWS:</p><p style>方式3:del /s /q *.svn</p><p style>方式4:</p><p style>新建delsvn.bat,将下面的内容加进去,保存后将文件放置需要清除的根目录中,双击,比命令行好很多</p><p style>@echo on<br>color 2f<br>mode con: cols=80 lines=25<br>@REM<br>@echo 正在清理SVN文件,请稍候......<br> @rem 循环删除当前目录及子目录下所有的SVN文件<br>@rem for /r . %%a in (.) do @if exist "%%a\.svn" @echo "%%a\.svn"<br>@for /r . %%a in (.) do @if exist "%%a\.svn" rd /s /q "%%a\.svn"<br>@echo 清理完毕!!!<br> @pause</p><p style> </p><p style>资料来源:<a href="http://www.javaeye.com/topic/834737?page=2#1834206" style="color:rgb(248,112,112)">http://www.javaeye.com/topic/834737?page=2#1834206</a></p><br><br> ericssonxiaohttp://www.blogger.com/profile/05880131723631345428noreply@blogger.com0tag:blogger.com,1999:blog-1852547632205401054.post-1795682369758758762012-08-22T13:59:00.001+08:002012-08-29T23:36:48.062+08:00Google JavaScript Style Guide<h1>Google JavaScript Style Guide</h1> <p class="revision">Revision 2.28 </p> <address>Aaron Whyte<br>Bob Jervis<br>Dan Pupius<br>Eric Arvidsson<br>Fritz Schneider<br>Robby Walker<br></address> <div style="MARGIN-LEFT:50%;FONT-SIZE:75%"> <p>Each style point has a summary for which additional information is available by toggling the accompanying arrow button that looks this way: <span style="FLOAT:none;MARGIN-LEFT:0px" class="showhide_button">▶</span>. You may toggle all summaries with the big arrow button: </p> <div style="MARGIN-LEFT:2em;FONT-SIZE:larger"><span style="FLOAT:none;FONT-SIZE:180%" id="show_hide_all_button" class="showhide_button" name="show_hide_all_button">▶</span> Toggle all summaries </div></div> <div class="toc"> <div class="toc_title">Table of Contents</div> <table> <tbody> <tr valign="top"> <td> <div class="toc_category"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#JavaScript_Language_Rules">JavaScript Language Rules</a></div></td> <td> <div class="toc_stylepoint"><span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#var">var</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Constants">Constants</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Semicolons">Semicolons</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Nested_functions">Nested functions</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Function_Declarations_Within_Blocks">Function Declarations Within Blocks</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Exceptions">Exceptions</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Custom_exceptions">Custom exceptions</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Standards_features">Standards features</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Wrapper_objects_for_primitive_types">Wrapper objects for primitive types</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Multi-level_prototype_hierarchies">Multi-level prototype hierarchies</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Method_definitions">Method definitions</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Closures">Closures</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#eval__">eval()</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#with___{}">with() {}</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#this">this</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#for-in_loop">for-in loop</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Associative_Arrays">Associative Arrays</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Multiline_string_literals">Multiline string literals</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Array_and_Object_literals">Array and Object literals</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Modifying_prototypes_of_builtin_objects">Modifying prototypes of builtin objects</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Internet_Explorer_s_Conditional_Comments">Internet Explorer's Conditional Comments</a></span> </div></td></tr> <tr valign="top"> <td> <div class="toc_category"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#JavaScript_Style_Rules">JavaScript Style Rules</a></div></td> <td> <div class="toc_stylepoint"><span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Naming">Naming</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Custom_toString___methods">Custom toString() methods</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Deferred_initialization">Deferred initialization</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Explicit_scope">Explicit scope</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Code_formatting">Code formatting</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Parentheses">Parentheses</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Strings">Strings</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Visibility__private_and_protected_fields_">Visibility (private and protected fields)</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#JavaScript_Types">JavaScript Types</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Comments">Comments</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Inner_Classes_and_Enums">Inner Classes and Enums</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Compiling">Compiling</a></span> <span style="PADDING-RIGHT:1em;WHITE-SPACE:nowrap"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Tips_and_Tricks">Tips and Tricks</a></span> </div></td></tr></tbody></table></div> <div> <h2 id="Important_Note" name="Important_Note">Important Note</h2> <div> <h3><a id="Displaying_Hidden_Details_in_this_Guide" name="Displaying_Hidden_Details_in_this_Guide">Displaying Hidden Details in this Guide</a></h3><span id="link-Displaying_Hidden_Details_in_this_Guide__button" class="link_button" name="link-Displaying_Hidden_Details_in_this_Guide__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=Displaying_Hidden_Details_in_this_Guide#Displaying_Hidden_Details_in_this_Guide">link </a></span><span id="Displaying_Hidden_Details_in_this_Guide__button" class="showhide_button" name="Displaying_Hidden_Details_in_this_Guide__button">▶</span> <div style="DISPLAY:inline">This style guide contains many details that are initially hidden from view. They are marked by the triangle icon, which you see here on your left. Click it now. You should see "Hooray" appear below. </div> <div> <div style id="Displaying_Hidden_Details_in_this_Guide__body" class="stylepoint_body" name="Displaying_Hidden_Details_in_this_Guide__body"> <p>Hooray! Now you know you can expand points to get more details. Alternatively, there's a "toggle all" at the top of this document. </p></div></div></div></div> <div> <h2 id="Background" name="Background">Background</h2> <p>JavaScript is the main client-side scripting language used by many of Google's open-source projects. This style guide is a list of <em>do</em>s and <em>don't</em>s for JavaScript programs. </p></div> <div> <h2 id="JavaScript_Language_Rules" name="JavaScript_Language_Rules">JavaScript Language Rules</h2> <div> <h3><a id="var" name="var">var</a></h3><span style="DISPLAY:block" id="link-var__button" class="link_button" name="link-var__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=var#var">link </a></span><span id="var__button" class="showhide_button" name="var__button">▽</span> <div style="DISPLAY:inline">Declarations with <code>var</code>: Always </div> <div> <div style="DISPLAY:inline" id="var__body" class="stylepoint_body" name="var__body"> <p><span class="stylepoint_section">Decision: </span>When you fail to specify <code>var</code>, the variable gets placed in the global context, potentially clobbering existing values. Also, if there's no declaration, it's hard to tell in what scope a variable lives (e.g., it could be in the Document or Window just as easily as in the local scope). So always declare with <code>var</code>. </p></div></div></div> <div> <h3><a id="Constants" name="Constants">Constants</a></h3><span style="DISPLAY:block" id="link-Constants__button" class="link_button" name="link-Constants__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=Constants#Constants">link </a></span><span id="Constants__button" class="showhide_button" name="Constants__button">▽</span> <div style="DISPLAY:inline">>Use <code>NAMES_LIKE_THIS</code> for constants. Use <code>@const</code> where appropriate. Never use the <code>const</code> keyword. </div> <div> <div style="DISPLAY:inline" id="Constants__body" class="stylepoint_body" name="Constants__body"> <p><span class="stylepoint_section">Decision: </span> </p><p>For simple primitive value constants, the naming convention is enough.</p> <div><pre>/** * The number of seconds in a minute. * @type {number} */ goog.example.SECONDS_IN_A_MINUTE = 60;</pre></div> <p>For non-primitives, use the <code>@const</code> annotation.</p> <div><pre>/** * The number of seconds in each of the given units. * @type {Object.<number>} * @const */ goog.example.SECONDS_TABLE = { minute: 60, hour: 60 * 60 day: 60 * 60 * 24 }</pre></div> <p>This allows the compiler to enforce constant-ness.</p> <p>As for the <code>const</code> keyword, Internet Explorer doesn't parse it, so don't use it.</p> <p></p></div></div></div> <div> <h3><a id="Semicolons" name="Semicolons">Semicolons</a></h3><span style="DISPLAY:block" id="link-Semicolons__button" class="link_button" name="link-Semicolons__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=Semicolons#Semicolons">link </a></span><span id="Semicolons__button" class="showhide_button" name="Semicolons__button">▽</span> <div style="DISPLAY:inline">Always use semicolons. </div> <div> <div style="DISPLAY:inline" id="Semicolons__body" class="stylepoint_body" name="Semicolons__body"> <p>Relying on implicit insertion can cause subtle, hard to debug problems. Don't do it. You're better than that.</p> <p>There are a couple places where missing semicolons are particularly dangerous:</p> <div><pre class="badcode">// 1. MyClass.prototype.myMethod = function() { return 42; } // No semicolon here. (function() { // Some initialization code wrapped in a function to create a scope for locals. })(); var x = { 'i': 1, 'j': 2 } // No semicolon here. // 2. Trying to do one thing on Internet Explorer and another on Firefox. // I know you'd never write code like this, but throw me a bone. [normalVersion, ffVersion][isIE](); var THINGS_TO_EAT = [apples, oysters, sprayOnCheese] // No semicolon here. // 3. conditional execution a la bash -1 == resultOfOperation() || die();</pre></div> <p><span class="stylepoint_subsection">So what happens?</span> </p><ol> <li>JavaScript error - first the function returning 42 is called with the second function as a parameter, then the number 42 is "called" resulting in an error. </li><li>You will most likely get a 'no such property in undefined' error at runtime as it tries to call <code>x[ffVersion][isIE]()</code>. </li><li><code>die</code> is called unless <code>resultOfOperation()</code> is <code>NaN</code> and <code>THINGS_TO_EAT</code> gets assigned the result of <code>die()</code>. </li></ol> <p></p> <p><span class="stylepoint_subsection">Why?</span> </p><p>JavaScript requires statements to end with a semicolon, except when it thinks it can safely infer their existence. In each of these examples, a function declaration or object or array literal is used inside a statement. The closing brackets are not enough to signal the end of the statement. Javascript never ends a statement if the next token is an infix or bracket operator.</p> <p>This has really surprised people, so make sure your assignments end with semicolons.</p> <p></p></div></div></div> <div> <h3><a id="Nested_functions" name="Nested_functions">Nested functions</a></h3><span style="DISPLAY:block" id="link-Nested_functions__button" class="link_button" name="link-Nested_functions__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=Nested_functions#Nested_functions">link </a></span><span id="Nested_functions__button" class="showhide_button" name="Nested_functions__button">▽</span> <div style="DISPLAY:inline">Yes</div> <div> <div style="DISPLAY:inline" id="Nested_functions__body" class="stylepoint_body" name="Nested_functions__body"> <p>Nested functions can be very useful, for example in the creation of continuations and for the task of hiding helper functions. Feel free to use them.</p></div></div></div> <div> <h3><a id="Function_Declarations_Within_Blocks" name="Function_Declarations_Within_Blocks">Function Declarations Within Blocks</a></h3><span style="DISPLAY:block" id="link-Function_Declarations_Within_Blocks__button" class="link_button" name="link-Function_Declarations_Within_Blocks__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=Function_Declarations_Within_Blocks#Function_Declarations_Within_Blocks">link </a></span><span id="Function_Declarations_Within_Blocks__button" class="showhide_button" name="Function_Declarations_Within_Blocks__button">▽</span> <div style="DISPLAY:inline">No</div> <div> <div style="DISPLAY:inline" id="Function_Declarations_Within_Blocks__body" class="stylepoint_body" name="Function_Declarations_Within_Blocks__body"> <p>Do not do this:</p> <div><pre class="badcode">if (x) { function foo() {} }</pre></div> <p>While most script engines support Function Declarations within blocks it is not part of ECMAScript (see <a href="http://www.ecma-international.org/publications/standards/Ecma-262.htm">ECMA-262</a>, clause 13 and 14). Worse implementations are inconsistent with each other and with future EcmaScript proposals. ECMAScript only allows for Function Declarations in the root statement list of a script or function. Instead use a variable initialized with a Function Expression to define a function within a block:</p> <div><pre>if (x) { var foo = function() {} }</pre></div></div></div></div> <div> <h3><a id="Exceptions" name="Exceptions">Exceptions</a></h3><span style="DISPLAY:block" id="link-Exceptions__button" class="link_button" name="link-Exceptions__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=Exceptions#Exceptions">link </a></span><span id="Exceptions__button" class="showhide_button" name="Exceptions__button">▽</span> <div style="DISPLAY:inline">Yes</div> <div> <div style="DISPLAY:inline" id="Exceptions__body" class="stylepoint_body" name="Exceptions__body"> <p>You basically can't avoid exceptions if you're doing something non-trivial (using an application development framework, etc.). Go for it.</p></div></div></div> <div> <h3><a id="Custom_exceptions" name="Custom_exceptions">Custom exceptions</a></h3><span style="DISPLAY:block" id="link-Custom_exceptions__button" class="link_button" name="link-Custom_exceptions__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=Custom_exceptions#Custom_exceptions">link </a></span><span id="Custom_exceptions__button" class="showhide_button" name="Custom_exceptions__button">▽</span> <div style="DISPLAY:inline">Yes</div> <div> <div style="DISPLAY:inline" id="Custom_exceptions__body" class="stylepoint_body" name="Custom_exceptions__body"> <p>Without custom exceptions, returning error information from a function that also returns a value can be tricky, not to mention inelegant. Bad solutions include passing in a reference type to hold error information or always returning Objects with a potential error member. These basically amount to a primitive exception handling hack. Feel free to use custom exceptions when appropriate.</p></div></div></div> <div> <h3><a id="Standards_features" name="Standards_features">Standards features</a></h3><span style="DISPLAY:block" id="link-Standards_features__button" class="link_button" name="link-Standards_features__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=Standards_features#Standards_features">link </a></span><span id="Standards_features__button" class="showhide_button" name="Standards_features__button">▽</span> <div style="DISPLAY:inline">Always preferred over non-standards features</div> <div> <div style="DISPLAY:inline" id="Standards_features__body" class="stylepoint_body" name="Standards_features__body"> <p>For maximum portability and compatibility, always prefer standards features over non-standards features (e.g., <code>string.charAt(3)</code> over <code>string[3]</code> and element access with DOM functions instead of using an application-specific shorthand).</p></div></div></div> <div> <h3><a id="Wrapper_objects_for_primitive_types" name="Wrapper_objects_for_primitive_types">Wrapper objects for primitive types</a></h3><span style="DISPLAY:block" id="link-Wrapper_objects_for_primitive_types__button" class="link_button" name="link-Wrapper_objects_for_primitive_types__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=Wrapper_objects_for_primitive_types#Wrapper_objects_for_primitive_types">link </a></span><span id="Wrapper_objects_for_primitive_types__button" class="showhide_button" name="Wrapper_objects_for_primitive_types__button">▽</span> <div style="DISPLAY:inline">No</div> <div> <div style="DISPLAY:inline" id="Wrapper_objects_for_primitive_types__body" class="stylepoint_body" name="Wrapper_objects_for_primitive_types__body"> <p>There's no reason to use wrapper objects for primitive types, plus they're dangerous:</p> <div><pre class="badcode">var x = new Boolean(false); if (x) { alert('hi'); // Shows 'hi'. }</pre></div> <p>Don't do it!</p> <p>However type casting is fine.</p> <div><pre>var x = Boolean(0); if (x) { alert('hi'); // This will never be alerted. } typeof Boolean(0) == 'boolean'; typeof new Boolean(0) == 'object';</pre></div> <p>This is very useful for casting things to <code>number</code>, <code>string</code> and <code>boolean</code>.</p></div></div></div> <div> <h3><a id="Multi-level_prototype_hierarchies" name="Multi-level_prototype_hierarchies">Multi-level prototype hierarchies</a></h3><span style="DISPLAY:block" id="link-Multi-level_prototype_hierarchies__button" class="link_button" name="link-Multi-level_prototype_hierarchies__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=Multi-level_prototype_hierarchies#Multi-level_prototype_hierarchies">link </a></span><span id="Multi-level_prototype_hierarchies__button" class="showhide_button" name="Multi-level_prototype_hierarchies__button">▽</span> <div style="DISPLAY:inline">Not preferred</div> <div> <div style="DISPLAY:inline" id="Multi-level_prototype_hierarchies__body" class="stylepoint_body" name="Multi-level_prototype_hierarchies__body"> <p>Multi-level prototype hierarchies are how JavaScript implements inheritance. You have a multi-level hierarchy if you have a user-defined class D with another user-defined class B as its prototype. These hierarchies are much harder to get right than they first appear! </p> <p>For that reason, it is best to use <code>goog.inherits()</code> from <a href="http://code.google.com/closure/library/">the Closure Library </a>or something similar. </p> <div><pre>function D() { goog.base(this) } goog.inherits(D, B); D.prototype.method = function() { ... };</pre></div></div></div></div> <div> <h3><a id="Method_definitions" name="Method_definitions">Method definitions</a></h3><span style="DISPLAY:block" id="link-Method_definitions__button" class="link_button" name="link-Method_definitions__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=Method_definitions#Method_definitions">link </a></span><span id="Method_definitions__button" class="showhide_button" name="Method_definitions__button">▽</span> <div style="DISPLAY:inline"><code>Foo.prototype.bar = function() { ... };</code></div> <div> <div style="DISPLAY:inline" id="Method_definitions__body" class="stylepoint_body" name="Method_definitions__body"> <p>While there are several methods for attaching methods and properties to a constructor, the preferred style is:</p> <div><pre>Foo.prototype.bar = function() { /* ... */ };</pre></div></div></div></div> <div> <h3><a id="Closures" name="Closures">Closures</a></h3><span style="DISPLAY:block" id="link-Closures__button" class="link_button" name="link-Closures__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=Closures#Closures">link </a></span><span id="Closures__button" class="showhide_button" name="Closures__button">▽</span> <div style="DISPLAY:inline">Yes, but be careful.</div> <div> <div style="DISPLAY:inline" id="Closures__body" class="stylepoint_body" name="Closures__body"> <p>The ability to create closures is perhaps the most useful and often overlooked feature of JS. Here is <a href="http://jibbering.com/faq/faq_notes/closures.html">a good description of how closures work </a>.</p> <p>One thing to keep in mind, however, is that a closure keeps a pointer to its enclosing scope. As a result, attaching a closure to a DOM element can create a circular reference and thus, a memory leak. For example, in the following code:</p> <div><pre class="badcode">function foo(element, a, b) { element.onclick = function() { /* uses a and b */ }; }</pre></div> <p>the function closure keeps a reference to <code>element</code>, <code>a</code>, and <code>b</code> even if it never uses <code>element</code>. Since <code>element</code> also keeps a reference to the closure, we have a cycle that won't be cleaned up by garbage collection. In these situations, the code can be structured as follows:</p> <div><pre>function foo(element, a, b) { element.onclick = bar(a, b); } function bar(a, b) { return function() { /* uses a and b */ } }</pre></div></div></div></div> <div> <h3><a id="eval__" name="eval__">eval()</a></h3><span style="DISPLAY:block" id="link-eval____button" class="link_button" name="link-eval____button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=eval__#eval__">link </a></span><span id="eval____button" class="showhide_button" name="eval____button">▽</span> <div style="DISPLAY:inline">Only for deserialization (e.g. evaluating RPC responses) </div> <div> <div style="DISPLAY:inline" id="eval____body" class="stylepoint_body" name="eval____body"> <p><code>eval()</code> makes for confusing semantics and is dangerous to use if the string being <code>eval()</code>'d contains user input. There's usually a better, more clear, safer way to write your code, so its use is generally not permitted. However <code>eval</code> makes deserialization considerably easier than the non-<code>eval</code> alternatives, so its use is acceptable for this task (for example, to evaluate RPC responses).</p> <p>Deserialization is the process of transforming a series of bytes into an in-memory data structure. For example, you might write objects out to a file as:</p> <div><pre>users = [ { name: 'Eric', id: 37824, email: '<a href="mailto:jellyvore@myway.com">jellyvore@myway.com</a>' }, { name: 'xtof', id: 31337, email: '<a href="mailto:b4d455h4x0r@google.com">b4d455h4x0r@google.com</a>' }, ... ];</pre></div> <p>Reading these data back into memory is as simple as <code>eval</code>ing the string representation of the file.</p> <p>Similarly, <code>eval()</code> can simplify decoding RPC return values. For example, you might use an <code>XMLHttpRequest</code> to make an RPC, and in its response the server can return JavaScript:</p> <div><pre>var userOnline = false; var user = 'nusrat'; var xmlhttp = new XMLHttpRequest(); xmlhttp.open('GET', '<a href="http://chat.google.com/isUserOnline?user=">http://chat.google.com/isUserOnline?user=</a>' + user, false); xmlhttp.send(''); // Server returns: // userOnline = true; if (xmlhttp.status == 200) { eval(xmlhttp.responseText); } // userOnline is now true.</pre></div></div></div></div> <div> <h3><a id="with___{}" name="with___{}">with() {}</a></h3><span style="DISPLAY:block" id="link-with___{}__button" class="link_button" name="link-with___{}__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=with___{}#with___{}">link </a></span><span id="with___{}__button" class="showhide_button" name="with___{}__button">▽</span> <div style="DISPLAY:inline">No</div> <div> <div style="DISPLAY:inline" id="with___{}__body" class="stylepoint_body" name="with___{}__body"> <p>Using <code>with</code> clouds the semantics of your program. Because the object of the <code>with</code> can have properties that collide with local variables, it can drastically change the meaning of your program. For example, what does this do?</p> <div><pre class="badcode">with (foo) { var x = 3; return x; }</pre></div> <p>Answer: anything. The local variable <code>x</code> could be clobbered by a property of <code>foo</code> and perhaps it even has a setter, in which case assigning <code>3</code> could cause lots of other code to execute. Don't use <code>with</code>.</p></div></div></div> <div> <h3><a id="this" name="this">this</a></h3><span style="DISPLAY:block" id="link-this__button" class="link_button" name="link-this__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=this#this">link </a></span><span id="this__button" class="showhide_button" name="this__button">▽</span> <div style="DISPLAY:inline">Only in object constructors, methods, and in setting up closures </div> <div> <div style="DISPLAY:inline" id="this__body" class="stylepoint_body" name="this__body"> <p>The semantics of <code>this</code> can be tricky. At times it refers to the global object (in most places), the scope of the caller (in <code>eval</code>), a node in the DOM tree (when attached using an event handler HTML attribute), a newly created object (in a constructor), or some other object (if function was <code>call()</code>ed or <code>apply()</code>ed).</p> <p>Because this is so easy to get wrong, limit its use to those places where it is required:</p> <ul> <li>in constructors </li><li>in methods of objects (including in the creation of closures) </li></ul></div></div></div> <div> <h3><a id="for-in_loop" name="for-in_loop">for-in loop</a></h3><span style="DISPLAY:block" id="link-for-in_loop__button" class="link_button" name="link-for-in_loop__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=for-in_loop#for-in_loop">link </a></span><span id="for-in_loop__button" class="showhide_button" name="for-in_loop__button">▽</span> <div style="DISPLAY:inline">Only for iterating over keys in an object/map/hash </div> <div> <div style="DISPLAY:inline" id="for-in_loop__body" class="stylepoint_body" name="for-in_loop__body"> <p><code>for-in</code> loops are often incorrectly used to loop over the elements in an <code>Array</code>. This is however very error prone because it does not loop from <code>0</code> to <code>length - 1</code> but over all the present keys in the object and its prototype chain. Here are a few cases where it fails:</p> <div><pre class="badcode">function printArray(arr) { for (var key in arr) { print(arr[key]); } } printArray([0,1,2,3]); // This works. var a = new Array(10); printArray(a); // This is wrong. a = document.getElementsByTagName('*'); printArray(a); // This is wrong. a = [0,1,2,3]; a.buhu = 'wine'; printArray(a); // This is wrong again. a = new Array; a[3] = 3; printArray(a); // This is wrong again.</pre></div> <p>Always use normal for loops when using arrays.</p> <div><pre>function printArray(arr) { var l = arr.length; for (var i = 0; i < l; i++) { print(arr[i]); } }</pre></div></div></div></div> <div> <h3><a id="Associative_Arrays" name="Associative_Arrays">Associative Arrays</a></h3><span style="DISPLAY:block" id="link-Associative_Arrays__button" class="link_button" name="link-Associative_Arrays__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=Associative_Arrays#Associative_Arrays">link </a></span><span id="Associative_Arrays__button" class="showhide_button" name="Associative_Arrays__button">▽</span> <div style="DISPLAY:inline">Never use <code>Array</code> as a map/hash/associative array </div> <div> <div style="DISPLAY:inline" id="Associative_Arrays__body" class="stylepoint_body" name="Associative_Arrays__body"> <p>Associative <code>Array</code>s are not allowed... or more precisely you are not allowed to use non number indexes for arrays. If you need a map/hash use <code>Object</code> instead of <code>Array</code> in these cases because the features that you want are actually features of <code>Object</code> and not of <code>Array</code>. <code>Array</code> just happens to extend <code>Object</code> (like any other object in JS and therefore you might as well have used <code>Date</code>, <code>RegExp</code> or <code>String</code>).</p></div></div></div> <div> <h3><a id="Multiline_string_literals" name="Multiline_string_literals">Multiline string literals</a></h3><span style="DISPLAY:block" id="link-Multiline_string_literals__button" class="link_button" name="link-Multiline_string_literals__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=Multiline_string_literals#Multiline_string_literals">link </a></span><span id="Multiline_string_literals__button" class="showhide_button" name="Multiline_string_literals__button">▽</span> <div style="DISPLAY:inline">No</div> <div> <div style="DISPLAY:inline" id="Multiline_string_literals__body" class="stylepoint_body" name="Multiline_string_literals__body"> <p>Do not do this:</p> <div><pre class="badcode">var myString = 'A rather long string of English text, an error message \ actually that just keeps going and going -- an error \ message to make the Energizer bunny blush (right through \ those Schwarzenegger shades)! Where was I? Oh yes, \ you\'ve got an error and all the extraneous whitespace is \ just gravy. Have a nice day.';</pre></div> <p>The whitespace at the beginning of each line can't be safely stripped at compile time; whitespace after the slash will result in tricky errors; and while most script engines support this, it is not part of ECMAScript. </p> <p>Use string concatenation instead:</p> <div><pre>var myString = 'A rather long string of English text, an error message ' + 'actually that just keeps going and going -- an error ' + 'message to make the Energizer bunny blush (right through ' + 'those Schwarzenegger shades)! Where was I? Oh yes, ' + 'you\'ve got an error and all the extraneous whitespace is ' + 'just gravy. Have a nice day.';</pre></div></div></div></div> <div> <h3><a id="Array_and_Object_literals" name="Array_and_Object_literals">Array and Object literals</a></h3><span style="DISPLAY:block" id="link-Array_and_Object_literals__button" class="link_button" name="link-Array_and_Object_literals__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=Array_and_Object_literals#Array_and_Object_literals">link </a></span><span id="Array_and_Object_literals__button" class="showhide_button" name="Array_and_Object_literals__button">▽</span> <div style="DISPLAY:inline">Yes</div> <div> <div style="DISPLAY:inline" id="Array_and_Object_literals__body" class="stylepoint_body" name="Array_and_Object_literals__body"> <p>Use <code>Array</code> and <code>Object</code> literals instead of <code>Array</code> and <code>Object</code> constructors.</p> <p>Array constructors are error-prone due to their arguments.</p> <div><pre class="badcode">// Length is 3. var a1 = new Array(x1, x2, x3); // Length is 2. var a2 = new Array(x1, x2); // If x1 is a number and it is a natural number the length will be x1. // If x1 is a number but not a natural number this will throw an exception. // Otherwise the array will have one element with x1 as its value. var a3 = new Array(x1); // Length is 0. var a4 = new Array();</pre></div> <p>Because of this, if someone changes the code to pass 1 argument instead of 2 arguments, the array might not have the expected length.</p> <p>To avoid these kinds of weird cases, always use the more readable array literal.</p> <div><pre>var a = [x1, x2, x3]; var a2 = [x1, x2]; var a3 = [x1]; var a4 = [];</pre></div> <p>Object constructors don't have the same problems, but for readability and consistency object literals should be used.</p> <div><pre class="badcode">var o = new Object(); var o2 = new Object(); o2.a = 0; o2.b = 1; o2.c = 2; o2['strange key'] = 3;</pre></div> <p>Should be written as:</p> <div><pre>var o = {}; var o2 = { a: 0, b: 1, c: 2, 'strange key': 3 };</pre></div></div></div></div> <div> <h3><a id="Modifying_prototypes_of_builtin_objects" name="Modifying_prototypes_of_builtin_objects">Modifying prototypes of builtin objects</a></h3><span style="DISPLAY:block" id="link-Modifying_prototypes_of_builtin_objects__button" class="link_button" name="link-Modifying_prototypes_of_builtin_objects__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=Modifying_prototypes_of_builtin_objects#Modifying_prototypes_of_builtin_objects">link </a></span><span id="Modifying_prototypes_of_builtin_objects__button" class="showhide_button" name="Modifying_prototypes_of_builtin_objects__button">▽</span> <div style="DISPLAY:inline">No</div> <div> <div style="DISPLAY:inline" id="Modifying_prototypes_of_builtin_objects__body" class="stylepoint_body" name="Modifying_prototypes_of_builtin_objects__body"> <p>Modifying builtins like <code>Object.prototype</code> and <code>Array.prototype</code> are strictly forbidden. Modifying other builtins like <code>Function.prototype</code> is less dangerous but still leads to hard to debug issues in production and should be avoided.</p></div></div></div> <div> <h3><a id="Internet_Explorer_s_Conditional_Comments" name="Internet_Explorer_s_Conditional_Comments">Internet Explorer's Conditional Comments</a></h3><span style="DISPLAY:block" id="link-Internet_Explorer_s_Conditional_Comments__button" class="link_button" name="link-Internet_Explorer_s_Conditional_Comments__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=Internet_Explorer_s_Conditional_Comments#Internet_Explorer_s_Conditional_Comments">link </a></span><span id="Internet_Explorer_s_Conditional_Comments__button" class="showhide_button" name="Internet_Explorer_s_Conditional_Comments__button">▽</span> <div style="DISPLAY:inline">No</div> <div> <div style="DISPLAY:inline" id="Internet_Explorer_s_Conditional_Comments__body" class="stylepoint_body" name="Internet_Explorer_s_Conditional_Comments__body"> <p>Don't do this:</p> <div><pre class="badcode">var f = function () { /*@cc_on if (@_jscript) { return 2* @*/ 3; /*@ } @*/ };</pre></div> <p>Conditional Comments hinder automated tools as they can vary the JavaScript syntax tree at runtime.</p></div></div></div></div> <div> <h2 id="JavaScript_Style_Rules" name="JavaScript_Style_Rules">JavaScript Style Rules</h2> <div> <h3><a id="Naming" name="Naming">Naming</a></h3><span style="DISPLAY:block" id="link-Naming__button" class="link_button" name="link-Naming__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=Naming#Naming">link </a></span><span id="Naming__button" class="showhide_button" name="Naming__button">▽</span> <div style="DISPLAY:inline"> <p>In general, use <code>functionNamesLikeThis</code>, <code>variableNamesLikeThis</code>, <code>ClassNamesLikeThis</code>, <code>EnumNamesLikeThis</code>, <code>methodNamesLikeThis</code>, and <code>SYMBOLIC_CONSTANTS_LIKE_THIS</code>.</p></div> <div> <div style="DISPLAY:inline" id="Naming__body" class="stylepoint_body" name="Naming__body"> <p><span class="stylepoint_subsection">Properties and methods</span> </p><ul> <li><em>Private</em> properties, variables, and methods (in files or classes) should be named with a trailing underscore. </li><li><em>Protected</em> properties, variables, and methods should be named without a trailing underscore (like public ones). </li></ul> <p>For more information on <em>private</em> and <em>protected</em>, read the section on <a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Visibility__private_and_protected_fields_">visibility </a>.</p> <p></p> <p><span class="stylepoint_subsection">Method and function parameter</span> </p><p>Optional function arguments start with <code>opt_</code>.</p> <p>Functions that take a variable number of arguments should have the last argument named <code>var_args</code>. You may not refer to <code>var_args</code> in the code; use the <code>arguments</code> array.</p> <p>Optional and variable arguments can also be specified in <code>@param</code> annotations. Although either convention is acceptable to the compiler, using both together is preferred.</p> <p></p> <p><span class="stylepoint_subsection">Getters and Setters</span> </p><p>EcmaScript 5 getters and setters for properties are discouraged. However, if they are used, then getters must not change observable state.</p> <div><pre class="badcode">/** * WRONG -- Do NOT do this. */ var foo = { get next() { return this.nextId++; } }; };</pre></div> <p></p> <p><span class="stylepoint_subsection">Accessor functions</span> </p><p>Getters and setters methods for properties are not required. However, if they are used, then getters must be named <code>getFoo()</code> and setters must be named <code>setFoo(value)</code>. (For boolean getters, <code>isFoo()</code> is also acceptable, and often sounds more natural.)</p> <p></p> <p><span class="stylepoint_subsection">Namespaces</span> </p><p>JavaScript has no inherent packaging or namespacing support.</p> <p>Global name conflicts are difficult to debug, and can cause intractable problems when two projects try to integrate. In order to make it possible to share common JavaScript code, we've adopted conventions to prevent collisions. </p> <p><span class="stylepoint_subsubsection">Use namespaces for global code</span> </p><p><em>ALWAYS</em> prefix identifiers in the global scope with a unique pseudo namespace related to the project or library. If you are working on "Project Sloth", a reasonable pseudo namespace would be <code>sloth.*</code>.</p> <div><pre>var sloth = {}; sloth.sleep = function() { ... };</pre></div> <p>Many JavaScript libraries, including <a href="http://code.google.com/closure/library/">the Closure Library </a>and <a href="http://www.dojotoolkit.org/">Dojo toolkit </a>give you high-level functions for declaring your namespaces. Be consistent about how you declare your namespaces.</p> <div><pre>goog.provide('sloth'); sloth.sleep = function() { ... };</pre></div> <p></p> <p><span class="stylepoint_subsubsection">Respect namespace ownership</span> </p><p>When choosing a child-namespace, make sure that the owners of the parent namespace know what you are doing. If you start a project that creates hats for sloths, make sure that the Sloth team knows that you're using <code>sloth.hats</code>.</p> <p></p> <p><span class="stylepoint_subsubsection">Use different namespaces for external code and internal code</span> </p><p>"External code" is code that comes from outside your codebase, and is compiled independently. Internal and external names should be kept strictly separate. If you're using an external library that makes things available in <code>foo.hats.*</code>, your internal code should not define all its symbols in <code>foo.hats.*</code>, because it will break if the other team defines new symbols.</p> <div><pre class="badcode">foo.require('foo.hats'); /** * WRONG -- Do NOT do this. * @constructor * @extend {foo.hats.RoundHat} */ foo.hats.BowlerHat = function() { };</pre></div> <p>If you need to define new APIs on an external namespace, then you should explicitly export the public API functions, and only those functions. Your internal code should call the internal APIs by their internal names, for consistency and so that the compiler can optimize them better.</p> <div><pre>foo.provide('googleyhats.BowlerHat'); foo.require('foo.hats'); /** * @constructor * @extend {foo.hats.RoundHat} */ googleyhats.BowlerHat = function() { ... }; goog.exportSymbol('foo.hats.BowlerHat', googleyhats.BowlerHat);</pre></div> <p></p> <p><span class="stylepoint_subsubsection">Alias long type names to improve readability</span> </p><p>Use local aliases for fully-qualified types if doing so improves readability. The name of a local alias should match the last part of the type.</p> <div><pre>/** * @constructor */ some.long.namespace.MyClass = function() { }; /** * @param {some.long.namespace.MyClass} a */ some.long.namespace.MyClass.staticHelper = function(a) { ... }; myapp.main = function() { var MyClass = some.long.namespace.MyClass; var staticHelper = some.long.namespace.MyClass.staticHelper; staticHelper(new MyClass()); };</pre></div> <p>Do not alias namespaces.</p> <div><pre class="badcode">myapp.main = function() { var namespace = some.long.namespace; namespace.MyClass.staticHelper(new namespace.MyClass()); };</pre></div> <p>Avoid accessing properties of an aliased type, unless it is an enum.</p> <div><pre>/** @enum {string} */ some.long.namespace.Fruit = { APPLE: 'a', BANANA: 'b' }; myapp.main = function() { var Fruit = some.long.namespace.Fruit; switch (fruit) { case Fruit.APPLE: ... case Fruit.BANANA: ... } };</pre></div> <div><pre class="badcode">myapp.main = function() { var MyClass = some.long.namespace.MyClass; MyClass.staticHelper(null); };</pre></div> <p>Never create aliases in the global scope. Use them only in function blocks.</p> <p></p> <p></p> <p><span class="stylepoint_subsection">Filenames</span> </p><p>Filenames should be all lowercase in order to avoid confusion on case-sensitive platforms. Filenames should end in <code>.js</code>, and should contain no punctuation except for <code>-</code> or <code>_</code> (prefer <code>-</code> to <code>_</code>).</p> <p></p></div></div></div> <div> <h3><a id="Custom_toString___methods" name="Custom_toString___methods">Custom toString() methods</a></h3><span style="DISPLAY:block" id="link-Custom_toString___methods__button" class="link_button" name="link-Custom_toString___methods__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=Custom_toString___methods#Custom_toString___methods">link </a></span><span id="Custom_toString___methods__button" class="showhide_button" name="Custom_toString___methods__button">▽</span> <div style="DISPLAY:inline">Must always succeed without side effects. </div> <div> <div style="DISPLAY:inline" id="Custom_toString___methods__body" class="stylepoint_body" name="Custom_toString___methods__body"> <p>You can control how your objects string-ify themselves by defining a custom <code>toString()</code> method. This is fine, but you need to ensure that your method (1) always succeeds and (2) does not have side-effects. If your method doesn't meet these criteria, it's very easy to run into serious problems. For example, if <code>toString()</code> calls a method that does an <code>assert</code>, <code>assert</code> might try to output the name of the object in which it failed, which of course requires calling <code>toString()</code>.</p></div></div></div> <div> <h3><a id="Deferred_initialization" name="Deferred_initialization">Deferred initialization</a></h3><span style="DISPLAY:block" id="link-Deferred_initialization__button" class="link_button" name="link-Deferred_initialization__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=Deferred_initialization#Deferred_initialization">link </a></span><span id="Deferred_initialization__button" class="showhide_button" name="Deferred_initialization__button">▽</span> <div style="DISPLAY:inline">OK</div> <div> <div style="DISPLAY:inline" id="Deferred_initialization__body" class="stylepoint_body" name="Deferred_initialization__body"> <p>It isn't always possible to initialize variables at the point of declaration, so deferred initialization is fine.</p></div></div></div> <div> <h3><a id="Explicit_scope" name="Explicit_scope">Explicit scope</a></h3><span style="DISPLAY:block" id="link-Explicit_scope__button" class="link_button" name="link-Explicit_scope__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=Explicit_scope#Explicit_scope">link </a></span><span id="Explicit_scope__button" class="showhide_button" name="Explicit_scope__button">▽</span> <div style="DISPLAY:inline">Always</div> <div> <div style="DISPLAY:inline" id="Explicit_scope__body" class="stylepoint_body" name="Explicit_scope__body"> <p>Always use explicit scope - doing so increases portability and clarity. For example, don't rely on <code>window</code> being in the scope chain. You might want to use your function in another application for which <code>window</code> is not the content window.</p></div></div></div> <div> <h3><a id="Code_formatting" name="Code_formatting">Code formatting</a></h3><span style="DISPLAY:block" id="link-Code_formatting__button" class="link_button" name="link-Code_formatting__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=Code_formatting#Code_formatting">link </a></span><span id="Code_formatting__button" class="showhide_button" name="Code_formatting__button">▽</span> <div style="DISPLAY:inline">Expand for more information.</div> <div> <div style="DISPLAY:inline" id="Code_formatting__body" class="stylepoint_body" name="Code_formatting__body"> <p>We follow the <a href="http://google-styleguide.googlecode.com/svn/trunk/cppguide.xml#Formatting">C++ formatting rules</a> in spirit, with the following additional clarifications.</p> <p><span class="stylepoint_subsection">Curly Braces</span> </p><p>Because of implicit semicolon insertion, always start your curly braces on the same line as whatever they're opening. For example:</p> <div><pre>if (something) { // ... } else { // ... }</pre></div> <p></p> <p><span class="stylepoint_subsection">Array and Object Initializers</span> </p><p>Single-line array and object initializers are allowed when they fit on a line:</p> <div><pre>var arr = [1, 2, 3]; // No space after [ or before ]. var obj = {a: 1, b: 2, c: 3}; // No space after { or before }.</pre></div> <p>Multiline array initializers and object initializers are indented 2 spaces, just like blocks.</p> <div><pre>// Object initializer. var inset = { top: 10, right: 20, bottom: 15, left: 12 }; // Array initializer. this.rows_ = [ '"Slartibartfast" <<a href="mailto:fjordmaster@magrathea.com">fjordmaster@magrathea.com</a>>', '"Zaphod Beeblebrox" <<a href="mailto:theprez@universe.gov">theprez@universe.gov</a>>', '"Ford Prefect" <<a href="mailto:ford@theguide.com">ford@theguide.com</a>>', '"Arthur Dent" <<a href="mailto:has.no.tea@gmail.com">has.no.tea@gmail.com</a>>', '"Marvin the Paranoid Android" <<a href="mailto:marv@googlemail.com">marv@googlemail.com</a>>', '<a href="mailto:the.mice@magrathea.com">the.mice@magrathea.com</a>' ]; // Used in a method call. goog.dom.createDom(goog.dom.TagName.DIV, { id: 'foo', className: 'some-css-class', style: 'display:none' }, 'Hello, world!');</pre></div> <p>Long identifiers or values present problems for aligned initialization lists, so always prefer non-aligned initialization. For example:</p> <div><pre>CORRECT_Object.prototype = { a: 0, b: 1, lengthyName: 2 };</pre></div> <p>Not like this:</p> <div><pre class="badcode">WRONG_Object.prototype = { a : 0, b : 1, lengthyName: 2 };</pre></div> <p></p> <p><span class="stylepoint_subsection">Function Arguments</span> </p><p>When possible, all function arguments should be listed on the same line. If doing so would exceed the 80-column limit, the arguments must be line-wrapped in a readable way. To save space, you may wrap as close to 80 as possible, or put each argument on its own line to enhance readability. The indentation may be either four spaces, or aligned to the parenthesis. Below are the most common patterns for argument wrapping:</p> <div><pre>// Four-space, wrap at 80. Works with very long function names, survives // renaming without reindenting, low on space. goog.foo.bar.doThingThatIsVeryDifficultToExplain = function( veryDescriptiveArgumentNumberOne, veryDescriptiveArgumentTwo, tableModelEventHandlerProxy, artichokeDescriptorAdapterIterator) { // ... }; // Four-space, one argument per line. Works with long function names, // survives renaming, and emphasizes each argument. goog.foo.bar.doThingThatIsVeryDifficultToExplain = function( veryDescriptiveArgumentNumberOne, veryDescriptiveArgumentTwo, tableModelEventHandlerProxy, artichokeDescriptorAdapterIterator) { // ... }; // Parenthesis-aligned indentation, wrap at 80. Visually groups arguments, // low on space. function foo(veryDescriptiveArgumentNumberOne, veryDescriptiveArgumentTwo, tableModelEventHandlerProxy, artichokeDescriptorAdapterIterator) { // ... } // Parenthesis-aligned, one argument per line. Visually groups and // emphasizes each individual argument. function bar(veryDescriptiveArgumentNumberOne, veryDescriptiveArgumentTwo, tableModelEventHandlerProxy, artichokeDescriptorAdapterIterator) { // ... }</pre></div> <p>When the function call is itself indented, you're free to start the 4-space indent relative to the beginning of the original statement or relative to the beginning of the current function call. The following are all acceptable indentation styles.</p> <div><pre>if (veryLongFunctionNameA( veryLongArgumentName) || veryLongFunctionNameB( veryLongArgumentName)) { veryLongFunctionNameC(veryLongFunctionNameD( veryLongFunctioNameE( veryLongFunctionNameF))); }</pre></div> <p></p> <p><span class="stylepoint_subsection">Passing Anonymous Functions</span> </p><p>When declaring an anonymous function in the list of arguments for a function call, the body of the function is indented two spaces from the left edge of the statement, or two spaces from the left edge of the function keyword. This is to make the body of the anonymous function easier to read (i.e. not be all squished up into the right half of the screen).</p> <div><pre>prefix.something.reallyLongFunctionName('whatever', function(a1, a2) { if (a1.equals(a2)) { someOtherLongFunctionName(a1); } else { andNowForSomethingCompletelyDifferent(a2.parrot); } }); var names = prefix.something.myExcellentMapFunction( verboselyNamedCollectionOfItems, function(item) { return <a href="http://item.name">item.name</a>; });</pre></div> <p></p> <p><span class="stylepoint_subsection">More Indentation</span> </p><p>In fact, except for <a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Array_and_Object_literals">array and object initializers </a>, and passing anonymous functions, all wrapped lines should be indented either left-aligned to the expression above, or indented four spaces, not indented two spaces.</p> <div><pre>someWonderfulHtml = '' + getEvenMoreHtml(someReallyInterestingValues, moreValues, evenMoreParams, 'a duck', true, 72, slightlyMoreMonkeys(0xfff)) + ''; thisIsAVeryLongVariableName = hereIsAnEvenLongerOtherFunctionNameThatWillNotFitOnPrevLine(); thisIsAVeryLongVariableName = 'expressionPartOne' + someMethodThatIsLong() + thisIsAnEvenLongerOtherFunctionNameThatCannotBeIndentedMore(); someValue = this.foo( shortArg, 'Some really long string arg - this is a pretty common case, actually.', shorty2, this.bar()); if (searchableCollection(allYourStuff).contains(theStuffYouWant) && !ambientNotification.isActive() && (client.isAmbientSupported() || client.alwaysTryAmbientAnyways())) { ambientNotification.activate(); }</pre></div> <p></p> <p><span class="stylepoint_subsection">Blank lines</span> </p><p>Use newlines to group logically related pieces of code. For example:</p> <div><pre>doSomethingTo(x); doSomethingElseTo(x); andThen(x); nowDoSomethingWith(y); andNowWith(z);</pre></div> <p></p> <p><span class="stylepoint_subsection">Binary and Ternary Operators</span> </p><p>Always put the operator on the preceding line, so that you don't have to think about implicit semi-colon insertion issues. Otherwise, line breaks and indentation follow the same rules as in other Google style guides.</p> <div><pre>var x = a ? b : c; // All on one line if it will fit. // Indentation +4 is OK. var y = a ? longButSimpleOperandB : longButSimpleOperandC; // Indenting to the line position of the first operand is also OK. var z = a ? moreComplicatedB : moreComplicatedC;</pre></div> <p></p></div></div></div> <div> <h3><a id="Parentheses" name="Parentheses">Parentheses</a></h3><span style="DISPLAY:block" id="link-Parentheses__button" class="link_button" name="link-Parentheses__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=Parentheses#Parentheses">link </a></span><span id="Parentheses__button" class="showhide_button" name="Parentheses__button">▽</span> <div style="DISPLAY:inline">Only where required</div> <div> <div style="DISPLAY:inline" id="Parentheses__body" class="stylepoint_body" name="Parentheses__body"> <p>Use sparingly and in general only where required by the syntax and semantics.</p> <p>Never use parentheses for unary operators such as <code>delete</code>, <code>typeof</code> and <code>void</code> or after keywords such as <code>return</code>, <code>throw</code> as well as others (<code>case</code>, in or <code>new</code>).</p></div></div></div> <div> <h3><a id="Strings" name="Strings">Strings</a></h3><span style="DISPLAY:block" id="link-Strings__button" class="link_button" name="link-Strings__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=Strings#Strings">link </a></span><span id="Strings__button" class="showhide_button" name="Strings__button">▽</span> <div style="DISPLAY:inline">Prefer ' over "</div> <div> <div style="DISPLAY:inline" id="Strings__body" class="stylepoint_body" name="Strings__body"> <p>For consistency single-quotes (') are preferred to double-quotes ("). This is helpful when creating strings that include HTML:</p> <div><pre>var msg = 'This is some HTML';</pre></div></div></div></div> <div> <h3><a id="Visibility__private_and_protected_fields_" name="Visibility__private_and_protected_fields_">Visibility (private and protected fields)</a></h3><span style="DISPLAY:block" id="link-Visibility__private_and_protected_fields___button" class="link_button" name="link-Visibility__private_and_protected_fields___button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=Visibility__private_and_protected_fields_#Visibility__private_and_protected_fields_">link </a></span><span id="Visibility__private_and_protected_fields___button" class="showhide_button" name="Visibility__private_and_protected_fields___button">▽</span> <div style="DISPLAY:inline">Encouraged, use JSDoc annotations <code>@private</code> and <code>@protected</code></div> <div> <div style="DISPLAY:inline" id="Visibility__private_and_protected_fields___body" class="stylepoint_body" name="Visibility__private_and_protected_fields___body"> <p>We recommend the use of the JSDoc annotations <code>@private</code> and <code>@protected</code> to indicate visibility levels for classes, functions, and properties.</p> <p>The --jscomp_warning=visibility compiler flag turns on compiler warnings for visibility violations. See <a href="http://code.google.com/p/closure-compiler/wiki/Warnings">Closure Compiler Warnings</a>. </p> <p><code>@private</code> global variables and functions are only accessible to code in the same file.</p> <p>Constructors marked <code>@private</code> may only be instantiated by code in the same file and by their static and instance members. <code>@private</code> constructors may also be accessed anywhere in the same file for their public static properties and by the <code>instanceof</code> operator.</p> <p>Global variables, functions, and constructors should never be annotated <code>@protected</code>.</p> <div><pre>// File 1. // AA_PrivateClass_ and AA_init_ are accessible because they are global // and in the same file. /** * @private * @constructor */ AA_PrivateClass_ = function() { }; /** @private */ function AA_init_() { return new AA_PrivateClass_(); } AA_init_();</pre></div> <p><code>@private</code> properties are accessible to all code in the same file, plus all static methods and instance methods of that class that "owns" the property, if the property belongs to a class. They cannot be accessed or overridden from a subclass in a different file.</p> <p><code>@protected</code> properties are accessible to all code in the same file, plus any static methods and instance methods of any subclass of a class that "owns" the property.</p> <p>Note that these semantics differ from those of C++ and Java, in that they grant private and protected access to all code in the same file, not just in the same class or class hierarchy. Also, unlike in C++, private properties cannot be overriden by a subclass. </p> <div><pre>// File 1. /** @constructor */ AA_PublicClass = function() { }; /** @private */ AA_PublicClass.staticPrivateProp_ = 1; /** @private */ AA_PublicClass.prototype.privateProp_ = 2; /** @protected */ AA_PublicClass.staticProtectedProp = 31; /** @protected */ AA_PublicClass.prototype.protectedProp = 4; // File 2. /** * @return {number} The number of ducks we've arranged in a row. */ AA_PublicClass.prototype.method = function() { // Legal accesses of these two properties. return this.privateProp_ + AA_PublicClass.staticPrivateProp_; }; // File 3. /** * @constructor * @extends {AA_PublicClass} */ AA_SubClass = function() { // Legal access of a protected static property. AA_PublicClass.staticProtectedProp = this.method(); }; goog.inherits(AA_SubClass, AA_PublicClass); /** * @return {number} The number of ducks we've arranged in a row. */ AA_SubClass.prototype.method = function() { // Legal access of a protected instance property. return this.protectedProp; };</pre></div> <p>Notice that in JavaScript, there is no distinction between a type (like <code>AA_PrivateClass_</code>) and the constructor for that type. There is no way to express both that a type is public and its constructor is private (because the constructor could easily be aliased in a way that would defeat the privacy check).</p></div></div></div> <div> <h3><a id="JavaScript_Types" name="JavaScript_Types">JavaScript Types</a></h3><span style="DISPLAY:block" id="link-JavaScript_Types__button" class="link_button" name="link-JavaScript_Types__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=JavaScript_Types#JavaScript_Types">link </a></span><span id="JavaScript_Types__button" class="showhide_button" name="JavaScript_Types__button">▽</span> <div style="DISPLAY:inline">Encouraged and enforced by the compiler.</div> <div> <div style="DISPLAY:inline" id="JavaScript_Types__body" class="stylepoint_body" name="JavaScript_Types__body"> <p>When documenting a type in JSDoc, be as specific and accurate as possible. The types we support are <a href="http://wiki.ecmascript.org/doku.php?id=spec:spec">JS2 </a>style types and JS1.x types.</p> <p><span class="stylepoint_subsection">The JavaScript Type Language</span> </p><p>The JS2 proposal contained a language for specifying JavaScript types. We use this language in JsDoc to express the types of function parameters and return values.</p> <p>As the JS2 proposal has evolved, this language has changed. The compiler still supports old syntaxes for types, but those syntaxes are deprecated.</p> <p></p> <table style="BORDER-COLLAPSE:collapse" border="1" cellpadding="4"> <tbody> <tr> <th>Operator Name</th> <th>Syntax</th> <th>Description</th> <th>Deprecated Syntaxes</th></tr> <tr> <td>Type Name</td> <td><code>{boolean}</code>, <code>{Window}</code>, <code>{goog.ui.Menu}</code></td> <td>Simply the name of a type.</td> <td></td></tr> <tr> <td>Type Application</td> <td><code>{Array.<string>}</code><br>An array of strings. <p></p><code>{Object.<string, number>}</code><br>An object in which the keys are strings and the values are numbers. </td> <td>Patameterizes a type, by applying a set of type arguments to that type. The idea is analogous to generics in Java. </td> <td></td></tr> <tr> <td>Type Union</td> <td><code>{(number|boolean)}</code><br>A number or a boolean. </td> <td>Indicates that a value might have type A OR type B.</td> <td><code>{(number,boolean)}</code>, <code>{number|boolean}</code>, <code>{(number||boolean)}</code></td></tr> <tr> <td>Record Type</td> <td><code>{{myNum: number, myObject}}</code><br>An anonymous type with the given type members. </td> <td> <p>Indicates that the value has the specified members with the specified types. In this case, <code>myNum</code> with a type <code>number</code> and <code>myObject</code> with any type.</p> <p>Notice that the braces are part of the type syntax. For example, to denote an <code>Array</code> of objects that have a <code>length</code> property, you might write <code>Array.<{length}></code>.</p></td> <td></td></tr> <tr> <td>Nullable type</td> <td><code>{?number}</code><br>A number or NULL. </td> <td>Indicates that a value is type A or <code>null</code>. By default, all object types are nullable. NOTE: Function types are not nullable. </td> <td><code>{number?}</code></td></tr> <tr> <td>Non-nullable type</td> <td><code>{!Object}</code><br>An Object, but never the <code>null</code> value. </td> <td>Indicates that a value is type A and not null. By default, all value types (boolean, number, string, and undefined) are not nullable. </td> <td><code>{Object!}</code></td></tr> <tr> <td>Function Type</td> <td><code>{function(string, boolean)}</code><br>A function that takes two arguments (a string and a boolean), and has an unknown return value.<br></td> <td>Specifies a function.</td> <td></td></tr> <tr> <td>Function Return Type</td> <td><code>{function(): number}</code><br>A function that takes no arguments and returns a number.<br></td> <td>Specifies a function return type.</td> <td></td></tr> <tr> <td>Function <code>this</code> Type</td> <td><code>{function(this:goog.ui.Menu, string)}</code><br>A function that takes one argument (a string), and executes in the context of a goog.ui.Menu. </td> <td>Specifies the context type of a function type.</td> <td></td></tr> <tr> <td>Function <code>new</code> Type</td> <td><code>{function(new:goog.ui.Menu, string)}</code><br>A constructor that takes one argument (a string), and creates a new instance of goog.ui.Menu when called with the 'new' keyword. </td> <td>Specifies the constructed type of a constructor.</td> <td></td></tr> <tr> <td>Variable arguments</td> <td><code>{function(string, ...[number]): number}</code><br>A function that takes one argument (a string), and then a variable number of arguments that must be numbers. </td> <td>Specifies variable arguments to a function.</td> <td></td></tr> <tr> <td><a name="var-args-annotation"></a>Variable arguments (in <code>@param</code> annotations) </td> <td><code>@param {...number} var_args</code><br>A variable number of arguments to an annotated function. </td> <td>Specifies that the annotated function accepts a variable number of arguments. </td> <td></td></tr> <tr> <td>Function <a href="http://google-styleguide.googlecode.com/svn/trunk/optional">optional arguments</a></td> <td><code>{function(?string=, number=)}</code><br>A function that takes one optional, nullable string and one optional number as arguments. The <code>=</code> syntax is only for <code>function</code> type declarations. </td> <td>Specifies optional arguments to a function.</td> <td></td></tr> <tr> <td><a name="optional-arg-annotation"></a>Function <a href="http://google-styleguide.googlecode.com/svn/trunk/optional">optional arguments</a> (in <code>@param</code> annotations) </td> <td><code>@param {number=} opt_argument</code><br>An optional parameter of type <code>number</code>. </td> <td>Specifies that the annotated function accepts an optional argument.</td> <td></td></tr> <tr> <td>The ALL type</td> <td><code>{*}</code></td> <td>Indicates that the variable can take on any type.</td> <td></td></tr> <tr> <td>The UNKNOWN type</td> <td><code>{?}</code></td> <td>Indicates that the variable can take on any type, and the compiler should not type-check any uses of it.</td> <td></td></tr></tbody></table> <p></p> <p><span class="stylepoint_subsection">Types in JavaScript</span> </p><p></p> <table style="BORDER-COLLAPSE:collapse" border="1" cellpadding="4"> <tbody> <tr> <th>Type Example</th> <th>Value Examples</th> <th>Description</th></tr> <tr> <td>number</td> <td> <div><pre>1 1.0 -5 1e5 Math.PI</pre></div></td> <td></td></tr> <tr> <td>Number</td> <td> <div><pre>new Number(true)</pre></div></td> <td><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Wrapper_objects_for_primitive_types">Number object </a></td></tr> <tr> <td>string</td> <td> <div><pre>'Hello' "World" String(42)</pre></div></td> <td>String value </td></tr> <tr> <td>String</td> <td> <div><pre>new String('Hello') new String(42)</pre></div></td> <td><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Wrapper_objects_for_primitive_types">String object </a></td></tr> <tr> <td>boolean</td> <td> <div><pre>true false Boolean(0)</pre></div></td> <td>Boolean value </td></tr> <tr> <td>Boolean</td> <td> <div><pre>new Boolean(true)</pre></div></td> <td><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Wrapper_objects_for_primitive_types">Boolean object </a></td></tr> <tr> <td>RegExp</td> <td> <div><pre>new RegExp('hello') /world/g</pre></div></td> <td></td></tr> <tr> <td>Date</td> <td> <div><pre>new Date new Date()</pre></div></td> <td></td></tr> <tr> <td>null </td> <td> <div><pre>null</pre></div></td> <td></td></tr> <tr> <td>undefined </td> <td> <div><pre>undefined</pre></div></td> <td></td></tr> <tr> <td>void</td> <td> <div><pre>function f() { return; }</pre></div></td> <td>No return value</td></tr> <tr> <td>Array</td> <td> <div><pre>['foo', 0.3, null] []</pre></div></td> <td>Untyped Array</td></tr> <tr> <td>Array.<number></td> <td> <div><pre>[11, 22, 33]</pre></div></td> <td>An Array of numbers </td></tr> <tr> <td>Array.<Array.<string>></td> <td> <div><pre>[['one', 'two', 'three'], ['foo', 'bar']]</pre></div></td> <td>Array of Arrays of strings</td></tr> <tr> <td>Object</td> <td> <div><pre>{} {foo: 'abc', bar: 123, baz: null}</pre></div></td> <td></td></tr> <tr> <td>Object.<string></td> <td> <div><pre>{'foo': 'bar'}</pre></div></td> <td>An Object in which the values are strings. </td></tr> <tr> <td>Object.<number, string></td> <td> <div><pre>var obj = {}; obj[1] = 'bar';</pre></div></td> <td>An Object in which the keys are numbers and the values are strings. <p></p>Note that in JavaScript, the keys are always implicitly coverted to strings, so <code>obj['1'] == obj[1]</code>. So the key wil always be a string in for...in loops. But the compiler will verify the type if the key when indexing into the object. </td></tr> <tr> <td>Function</td> <td> <div><pre>function(x, y) { return x * y; }</pre></div></td> <td><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Wrapper_objects_for_primitive_types">Function object </a></td></tr> <tr> <td>function(number, number): number</td> <td> <div><pre>function(x, y) { return x * y; }</pre></div></td> <td>function value</td></tr> <tr> <td><a name="constructor-tag">SomeClass</a></td> <td> <div><pre>/** @constructor */ function SomeClass() {} new SomeClass();</pre></div></td> <td></td></tr> <tr> <td>SomeInterface</td> <td> <div><pre>/** @interface */ function SomeInterface() {} SomeInterface.prototype.draw = function() {};</pre></div></td> <td></td></tr> <tr> <td>project.MyClass</td> <td> <div><pre>/** @constructor */ project.MyClass = function () {} new project.MyClass()</pre></div></td> <td></td></tr> <tr> <td>project.MyEnum</td> <td> <div><pre>/** @enum {string} */ project.MyEnum = { BLUE: '#0000dd', RED: '#dd0000' };</pre></div></td> <td><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#enums">Enumeration</a></td></tr> <tr> <td>Element</td> <td> <div><pre>document.createElement('div')</pre></div></td> <td>Elements in the DOM.</td></tr> <tr> <td>Node</td> <td> <div><pre>document.body.firstChild</pre></div></td> <td>Nodes in the DOM.</td></tr> <tr> <td>HTMLInputElement</td> <td> <div><pre>htmlDocument.getElementsByTagName('input')[0]</pre></div></td> <td>A specific type of DOM element.</td></tr></tbody></table> <p></p> <p><span class="stylepoint_subsection">Type Casts</span> </p><p>In cases where type-checking doesn't accurately infer the type of an expression, it is possible to add a type cast comment by adding a type annotation comment and enclosing the expression in parentheses. The parentheses are required, and may surround the type annotation comment as well.</p> <div><pre>/** @type {number} */ (x) (/** @type {number} */ x)</pre></div> <p></p> <p><span class="stylepoint_subsection">Nullable vs. Optional Parameters and Properties</span><a name="optional"></a> </p><p>Because JavaScript is a loosely-typed language, it is very important to understand the subtle differences between optional, nullable, and undefined function parameters and class properties.</p> <p>Object types (also known as reference types) are nullable by default. NOTE: Function types are not nullable by default. An object is defined as anything except a string, number, boolean, undefined, or null. For example, the following declaration</p> <div><pre>/** * Some class, initialized with a value. * @param {Object} value Some value. * @constructor */ function MyClass(value) { /** * Some value. * @type {Object} * @private */ this.myValue_ = value; }</pre></div> <p>tells the compiler that the <code>myValue_</code> property holds either an Object or null. If <code>myValue_</code> must never be null, it should be declared like this:</p> <div><pre>/** * Some class, initialized with a non-null value. * @param {!Object} value Some value. * @constructor */ function MyClass(value) { /** * Some value. * @type {!Object} * @private */ this.myValue_ = value; }</pre></div> <p>This way, if the compiler can determine that somewhere in the code <code>MyClass</code> is initialized with a null value, it will issue a warning.</p> <p>Optional parameters to functions may be undefined at runtime, so if they are assigned to class properties, those properties must be declared accordingly:</p> <div><pre>/** * Some class, initialized with an optional value. * @param {Object=} opt_value Some value (optional). * @constructor */ function MyClass(opt_value) { /** * Some value. * @type {Object|undefined} * @private */ this.myValue_ = opt_value; }</pre></div> <p>This tells the compiler that <code>myValue_</code> may hold an Object, null, or remain undefined.</p> <p>Note that the optional parameter <code>opt_value</code> is declared to be of type <code>{Object=}</code>, not <code>{Object|undefined}</code>. This is because optional parameters may, by definition, be undefined. While there is no harm in explicitly declaring an optional parameter as possibly undefined, it is both unnecessary and makes the code harder to read.</p> <p>Finally, note that being nullable and being optional are orthogonal properties. The following four declarations are all different:</p> <div><pre>/** * Takes four arguments, two of which are nullable, and two of which are * optional. * @param {!Object} nonNull Mandatory (must not be undefined), must not be null. * @param {Object} mayBeNull Mandatory (must not be undefined), may be null. * @param {!Object=} opt_nonNull Optional (may be undefined), but if present, * must not be null! * @param {Object=} opt_mayBeNull Optional (may be undefined), may be null. */ function strangeButTrue(nonNull, mayBeNull, opt_nonNull, opt_mayBeNull) { // ... };</pre></div> <p></p> <p><span class="stylepoint_subsection">Typedefs</span><a name="Typedefs"></a> </p><p>Sometimes types can get complicated. A function that accepts content for an Element might look like:</p> <div><pre>/** * @param {string} tagName * @param {(string|Element|Text|Array.<Element>|Array.<Text>)} contents * @return {!Element} */ goog.createElement = function(tagName, contents) { ... };</pre></div> <p>You can define commonly used type expressions with a <code>@typedef</code> tag. For example,</p> <div><pre>/** @typedef {(string|Element|Text|Array.<Element>|Array.<Text>)} */ goog.ElementContent; /** * @param {string} tagName * @param {goog.ElementContent} contents * @return {!Element} */ goog.createElement = function(tagName, contents) { ... };</pre></div> <p></p> <p><span class="stylepoint_subsection">Template types</span><a name="Template_types"></a> </p><p>The compiler has limited support for template types. It can only infer the type of <code>this</code> inside an anonymous function literal from the type of the <code>this</code> argument and whether the <code>this</code> argument is missing.</p> <div><pre>/** * @param {function(this:T, ...)} fn * @param {T} thisObj * @param {...*} var_args * @template T */ goog.bind = function(fn, thisObj, var_args) { ... }; // Possibly generates a missing property warning. goog.bind(function() { this.someProperty; }, new SomeClass()); // Generates an undefined this warning. goog.bind(function() { this.someProperty; });</pre></div> <p></p></div></div></div> <div> <h3><a id="Comments" name="Comments">Comments</a></h3><span style="DISPLAY:block" id="link-Comments__button" class="link_button" name="link-Comments__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=Comments#Comments">link </a></span><span id="Comments__button" class="showhide_button" name="Comments__button">▽</span> <div style="DISPLAY:inline">Use JSDoc</div> <div> <div style="DISPLAY:inline" id="Comments__body" class="stylepoint_body" name="Comments__body"> <p>We follow the <a href="http://google-styleguide.googlecode.com/svn/trunk/cppguide.xml#Comments">C++ style for comments </a>in spirit. </p> <p>All files, classes, methods and properties should be documented with <a href="http://code.google.com/p/jsdoc-toolkit/">JSDoc</a> comments.</p> <p>Inline comments should be of the <code>//</code> variety.</p> <p>Avoid sentence fragments. Start sentences with a properly capitalized word, and end them with punctuation.</p> <p><span class="stylepoint_subsection">Comment Syntax</span> </p><p>The JSDoc syntax is based on <a href="http://www.oracle.com/technetwork/java/javase/documentation/index-137868.html">JavaDoc </a>. Many tools extract metadata from JSDoc comments to perform code validation and optimizations. These comments must be well-formed.</p> <div><pre>/** * A JSDoc comment should begin with a slash and 2 asterisks. * Inline tags should be enclosed in braces like {@code this}. * @desc Block tags should always start on their own line. */</pre></div> <p></p> <p><span class="stylepoint_subsection">JSDoc Indentation</span> </p><p>If you have to line break a block tag, you should treat this as breaking a code statement and indent it four spaces.</p> <div><pre>/** * Illustrates line wrapping for long param/return descriptions. * @param {string} foo This is a param with a description too long to fit in * one line. * @return {number} This returns something that has a description too long to * fit in one line. */ project.MyClass.prototype.method = function(foo) { return 5; };</pre></div> <p>You should not indent the <code>@fileoverview</code> command.</p> <p>Even though it is not preferred, it is also acceptable to line up the description.</p> <div><pre>/** * This is NOT the preferred indentation method. * @param {string} foo This is a param with a description too long to fit in * one line. * @return {number} This returns something that has a description too long to * fit in one line. */ project.MyClass.prototype.method = function(foo) { return 5; };</pre></div> <p></p> <p><span class="stylepoint_subsection">HTML in JSDoc</span> </p><p>Like JavaDoc, JSDoc supports many HTML tags, like <code>, <pre>, <tt>, <strong>, <ul>, <ol>, <li>, <a>, and others.</p> <p>This means that plaintext formatting is not respected. So, don't rely on whitespace to format JSDoc:</p> <div><pre class="badcode">/** * Computes weight based on three factors: * items sent * items received * last timestamp */</pre></div> <p>It'll come out like this:</p> <div><pre class="badcode">Computes weight based on three factors: items sent items received items received</pre></div> <p>Instead, do this:</p> <div><pre>/** * Computes weight based on three factors: * <ul> * <li>items sent * <li>items received * <li>last timestamp * </ul> */</pre></div>The <a href="http://www.oracle.com/technetwork/java/javase/documentation/index-137868.html">JavaDoc</a> style guide is a useful resource on how to write well-formed doc comments. <p></p> <p><span class="stylepoint_subsection">Top/File-Level Comments</span> </p><p>The top level comment is designed to orient readers unfamiliar with the code to what is in this file. It should provide a description of the file's contents, its author(s), and any dependencies or compatibility information. As an example:</p> <div><pre>// Copyright 2009 Google Inc. All Rights Reserved. /** * @fileoverview Description of file, its uses and information * about its dependencies. * @author <a href="mailto:user@google.com">user@google.com</a> (Firstname Lastname) */</pre></div> <p></p> <p><span class="stylepoint_subsection">Class Comments</span> </p><p>Classes must be documented with a description, and appropriate <a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#constructor-tag">type tags</a>. </p> <div><pre>/** * Class making something fun and easy. * @param {string} arg1 An argument that makes this more interesting. * @param {Array.<number>} arg2 List of numbers to be processed. * @constructor * @extends {goog.Disposable} */ project.MyClass = function(arg1, arg2) { // ... }; goog.inherits(project.MyClass, goog.Disposable);</pre></div> <p></p> <p><span class="stylepoint_subsection">Method and Function Comments</span> </p><p>A description must be provided along with parameters. Method descriptions should start with a sentence written in the third person declarative voice.</p> <div><pre>/** * Operates on an instance of MyClass and returns something. * @param {project.MyClass} obj Instance of MyClass which leads to a long * comment that needs to be wrapped to two lines. * @return {boolean} Whether something occured. */ function PR_someMethod(obj) { // ... }</pre></div> <p>For simple getters that take no parameters and have no side effects, the description can be omitted.</p> <p></p> <p><span class="stylepoint_subsection">Property Comments</span> </p><div><pre>/** * Maximum number of things per pane. * @type {number} */ project.MyClass.prototype.someProperty = 4;</pre></div> <p></p> <p><span class="stylepoint_subsection">JSDoc Tag Reference</span> </p><p></p> <table style="BORDER-COLLAPSE:collapse" border="1" cellpadding="4"> <tbody> <tr> <th>Tag</th> <th>Template & Examples</th> <th>Description</th></tr> <tr> <td><a name="tag-author">@author</a></td> <td><code>@author <a href="mailto:username@google.com">username@google.com</a> (first last)</code> <p><i>For example:</i></p> <div><pre>/** * @fileoverview Utilities for handling textareas. * @author <a href="mailto:kuth@google.com">kuth@google.com</a> (Uthur Pendragon) */</pre></div></td> <td>Document the author of a file or the owner of a test, generally only used in the <code>@fileoverview</code> comment. </td></tr> <tr> <td><a name="tag-code">@code</a></td> <td><code>{@code ...}</code> <p><i>For example:</i></p> <div><pre>/** * Moves to the next position in the selection. * Throws {@code goog.iter.StopIteration} when it * passes the end of the range. * @return {Node} The node at the next position. */ goog.dom.RangeIterator.prototype.next = function() { // ... };</pre></div></td> <td>Indicates that a term in a JSDoc description is code so it may be correctly formatted in generated documentation. </td></tr> <tr> <td><a name="tag-const">@const</a></td> <td><code>@const</code> <p><i>For example:</i></p> <div><pre>/** @const */ var MY_BEER = 'stout'; /** * My namespace's favorite kind of beer. * @const * @type {string} */ mynamespace.MY_BEER = 'stout'; /** @const */ MyClass.MY_BEER = 'stout';</pre></div></td> <td> <p>Marks a variable as read-only and suitable for inlining. Generates warnings if it is rewritten.</p> <p>Constants should also be ALL_CAPS, but the annotation should help eliminate reliance on the naming convention. Although @final is listed at <a href="http://jsdoc.org">jsdoc.org</a> and is supported as equivalent to @const in the compiler, it is discouraged. @const is consistent with JS1.5's const keyword. Note that changes to properties of const objects are not currently prohibited by the compiler (inconsistent with C++ const semantics). The type declaration can be omitted if it can be clearly inferred. If present, it must be on its own line. An additional comment about the variable is optional.</p></td></tr> <tr> <td><a name="tag-constructor">@constructor</a></td> <td><code>@constructor</code> <p><i>For example:</i></p> <div><pre>/** * A rectangle. * @constructor */ function GM_Rect() { ... }</pre></div></td> <td>Used in a class's documentation to indicate the constructor. </td></tr> <tr> <td><a name="tag-define">@define</a></td> <td><code>@define {Type} description</code> <p><i>For example:</i></p> <div><pre>/** @define {boolean} */ var TR_FLAGS_ENABLE_DEBUG = true; /** @define {boolean} */ goog.userAgent.ASSUME_IE = false;</pre></div></td> <td>Indicates a constant that can be overridden by the compiler at compile-time. In the example, the compiler flag <code>--define='goog.userAgent.ASSUME_IE=true'</code> could be specified in the BUILD file to indicate that the constant <code>goog.userAgent.ASSUME_IE</code> should be replaced with <code>true</code>. </td></tr> <tr> <td><a name="tag-deprecated">@deprecated</a></td> <td><code>@deprecated Description</code> <p><i>For example:</i></p> <div><pre>/** * Determines whether a node is a field. * @return {boolean} True if the contents of * the element are editable, but the element * itself is not. * @deprecated Use isField(). */ BN_EditUtil.isTopEditableField = function(node) { // ... };</pre></div></td> <td>Used to tell that a function, method or property should not be used any more. Always provide instructions on what callers should use instead. </td></tr> <tr> <td><a name="tag-enum">@enum</a></td> <td><code>@enum {Type}</code> <p><i>For example:</i></p> <div><pre>/** * Enum for tri-state values. * @enum {number} */ project.TriState = { TRUE: 1, FALSE: -1, MAYBE: 0 };</pre></div></td></tr> <tr> <td><a name="tag-export">@export</a></td> <td><code>@export</code> <p><i>For example:</i></p> <div><pre>/** @export */ foo.MyPublicClass.prototype.myPublicMethod = function() { // ... };</pre></div></td> <td> <p>Given the code on the left, when the compiler is run with the <code>--generate_exports</code> flag, it will generate the code:</p> <div><pre>goog.exportSymbol('foo.MyPublicClass.prototype.myPublicMethod', foo.MyPublicClass.prototype.myPublicMethod);</pre></div> <p>which will export the symbols to uncompiled code. Code that uses the <code>@export</code> annotation must either</p> <ol> <li>include <code>//javascript/closure/base.js</code>, or </li><li>define both <code>goog.exportSymbol</code> and <code>goog.exportProperty</code> with the same method signature in their own codebase. </li></ol></td></tr> <tr> <td><a name="tag-extends">@extends</a></td> <td><code>@extends Type<br>@extends {Type} </code> <p><i>For example:</i></p> <div><pre>/** * Immutable empty node list. * @constructor * @extends goog.ds.BasicNodeList */ goog.ds.EmptyNodeList = function() { ... };</pre></div></td> <td>Used with @constructor to indicate that a class inherits from another class. Curly braces around the type are optional. </td></tr> <tr> <td><a name="tag-externs">@externs</a></td> <td><code>@externs</code> <p><i>For example:</i></p> <div><pre>/** * @fileoverview This is an externs file. * @externs */ var document;</pre></div></td> <td> <p>Declares an externs file. </p></td></tr> <tr> <td><a name="tag-fileoverview">@fileoverview</a></td> <td><code>@fileoverview Description</code> <p><i>For example:</i></p> <div><pre>/** * @fileoverview Utilities for doing things that require this very long * but not indented comment. * @author <a href="mailto:kuth@google.com">kuth@google.com</a> (Uthur Pendragon) */</pre></div></td> <td>Makes the comment block provide file level information.</td></tr> <tr> <td><a name="tag-implements">@implements</a></td> <td><code>@implements Type<br>@implements {Type} </code> <p><i>For example:</i></p> <div><pre>/** * A shape. * @interface */ function Shape() {}; Shape.prototype.draw = function() {}; /** * @constructor * @implements {Shape} */ function Square() {}; Square.prototype.draw = function() { ... };</pre></div></td> <td>Used with @constructor to indicate that a class implements an interface. Curly braces around the type are optional. </td></tr> <tr> <td><a name="tag-inheritDoc">@inheritDoc</a></td> <td><code>@inheritDoc</code> <p><i>For example:</i></p> <div><pre>/** @inheritDoc */ project.SubClass.prototype.toString() { // ... };</pre></div></td> <td> <p style="FONT-WEIGHT:bold">Deprecated. Use @override instead.</p>Indicates that a method or property of a subclass intentionally hides a method or property of the superclass, and has exactly the same documentation. Notice that @inheritDoc implies @override. </td></tr> <tr> <td><a name="tag-interface">@interface</a></td> <td><code>@interface</code> <p><i>For example:</i></p> <div><pre>/** * A shape. * @interface */ function Shape() {}; Shape.prototype.draw = function() {}; /** * A polygon. * @interface * @extends {Shape} */ function Polygon() {}; Polygon.prototype.getSides = function() {};</pre></div></td> <td>Used to indicate that the function defines an inteface.</td></tr> <tr> <td><a name="tag-lends">@lends</a></td> <td><code>@lends objectName</code><br><code>@lends {objectName}</code> <p><i>For example:</i></p> <div><pre>goog.object.extend( Button.prototype, /** @lends {Button.prototype} */ { isButton: function() { return true; } });</pre></div></td> <td>Indicates that the keys of an object literal should be treated as properties of some other object. This annotation should only appear on object literals. <p></p>Notice that the name in braces is not a type name like in other annotations. It's an object name. It names the object on which the properties are "lent". For example, <code>@type {Foo}</code> means "an instance of Foo", but <code>@lends {Foo}</code> means "the constructor Foo". <p></p>The <a href="http://code.google.com/p/jsdoc-toolkit/wiki/TagLends">JSDoc Toolkit docs</a> have more information on this annotation. </td></tr> <tr> <td><a name="tag-license">@license</a> or <a name="tag-preserve">@preserve</a></td> <td><code>@license Description</code> <p><i>For example:</i></p> <div><pre>/** * @preserve Copyright 2009 SomeThirdParty. * Here is the full license text and copyright * notice for this file. Note that the notice can span several * lines and is only terminated by the closing star and slash: */</pre></div></td> <td>Anything marked by @license or @preserve will be retained by the compiler and output at the top of the compiled code for that file. This annotation allows important notices (such as legal licenses or copyright text) to survive compilation unchanged. Line breaks are preserved. </td></tr> <tr> <td><a name="tag-noalias">@noalias</a></td> <td><code>@noalias</code> <p><i>For example:</i></p> <div><pre>/** @noalias */ function Range() {}</pre></div></td> <td>Used in an externs file to indicate to the compiler that the variable or function should not be aliased as part of the alias externals pass of the compiler. </td></tr> <tr> <td><a name="tag-nosideeffects">@nosideeffects</a></td> <td><code>@nosideeffects</code> <p><i>For example:</i></p> <div><pre>/** @nosideeffects */ function noSideEffectsFn1() { // ... }; /** @nosideeffects */ var noSideEffectsFn2 = function() { // ... }; /** @nosideeffects */ a.prototype.noSideEffectsFn3 = function() { // ... };</pre></div></td> <td>This annotation can be used as part of function and constructor declarations to indicate that calls to the declared function have no side-effects. This annotation allows the compiler to remove calls to these functions if the return value is not used. </td></tr> <tr> <td><a name="tag-override">@override</a></td> <td><code>@override</code> <p><i>For example:</i></p> <div><pre>/** * @return {string} Human-readable representation of project.SubClass. * @override */ project.SubClass.prototype.toString() { // ... };</pre></div></td> <td>Indicates that a method or property of a subclass intentionally hides a method or property of the superclass. If no other documentation is included, the method or property also inherits documentation from its superclass. </td></tr> <tr> <td><a name="tag-param">@param</a></td> <td><code>@param {Type} varname Description</code> <p><i>For example:</i></p> <div><pre>/** * Queries a Baz for items. * @param {number} groupNum Subgroup id to query. * @param {string|number|null} term An itemName, * or itemId, or null to search everything. */ goog.Baz.prototype.query = function(groupNum, term) { // ... };</pre></div></td> <td>Used with method, function and constructor calls to document the arguments of a function. <p></p>Type names must be enclosed in curly braces. If the type is omitted, the compiler will not type-check the parameter. </td></tr> <tr> <td><a name="tag-private">@private</a></td> <td><code>@private</code> <p><i>For example:</i></p> <div><pre>/** * Handlers that are listening to this logger. * @type Array.<Function> * @private */ this.handlers_ = [];</pre></div></td> <td>Used in conjunction with a trailing underscore on the method or property name to indicate that the member is <a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Visibility__private_and_protected_fields_">private</a>. Trailing underscores may eventually be deprecated as tools are updated to enforce <code>@private</code>. </td></tr> <tr> <td><a name="tag-protected">@protected</a></td> <td><code>@protected</code> <p><i>For example:</i></p> <div><pre>/** * Sets the component's root element to the given element. Considered * protected and final. * @param {Element} element Root element for the component. * @protected */ goog.ui.Component.prototype.setElementInternal = function(element) { // ... };</pre></div></td> <td>Used to indicate that the member or property is <a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Visibility__private_and_protected_fields_">protected</a>. Should be used in conjunction with names with no trailing underscore. </td></tr> <tr> <td><a name="tag-return">@return</a></td> <td><code>@return {Type} Description</code> <p><i>For example:</i></p> <div><pre>/** * @return {string} The hex ID of the last item. */ goog.Baz.prototype.getLastId = function() { // ... return id; };</pre></div></td> <td>Used with method and function calls to document the return type. When writing descriptions for boolean parameters, prefer "Whether the component is visible" to "True if the component is visible, false otherwise". If there is no return value, do not use an <code>@return</code> tag. <p></p>Type names must be enclosed in curly braces. If the type is omitted, the compiler will not type-check the return value. </td></tr> <tr> <td><a name="tag-see">@see</a></td> <td><code>@see Link</code> <p><i>For example:</i></p> <div><pre>/** * Adds a single item, recklessly. * @see #addSafely * @see goog.Collect * @see goog.RecklessAdder#add ...</pre></div></td> <td>Reference a lookup to another class function or method.</td></tr> <tr> <td><a name="tag-supported">@supported</a></td> <td><code>@supported Description</code> <p><i>For example:</i></p> <div><pre>/** * @fileoverview Event Manager * Provides an abstracted interface to the * browsers' event systems. * @supported So far tested in IE6 and FF1.5 */</pre></div></td> <td>Used in a fileoverview to indicate what browsers are supported by the file. </td></tr> <tr> <td><a name="tag-suppress">@suppress</a></td> <td><code>@suppress {warning1|warning2} </code> <p><i>For example:</i></p> <div><pre>/** * @suppress {deprecation} */ function f() { deprecatedVersionOfF(); }</pre></div></td> <td>Suppresses warnings from tools. Warning categories are separated by <code>|</code>. </td></tr> <tr> <td><a name="tag-template">@template</a></td> <td><code>@template</code> <p><i>For example:</i></p> <div><pre>/** * @param {function(this:T, ...)} fn * @param {T} thisObj * @param {...*} var_args * @template T */ goog.bind = function(fn, thisObj, var_args) { ... };</pre></div></td> <td>This annotation can be used to declare a <a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Template_types">template typename</a>. </td></tr> <tr> <td><a name="tag-this">@this</a></td> <td><code>@this Type<br>@this {Type} </code> <p><i>For example:</i></p> <div><pre>pinto.chat.RosterWidget.extern('getRosterElement', /** * Returns the roster widget element. * @this pinto.chat.RosterWidget * @return {Element} */ function() { return this.getWrappedComponent_().getElement(); });</pre></div></td> <td>The type of the object in whose context a particular method is called. Required when the <code>this</code> keyword is referenced from a function that is not a prototype method. </td></tr> <tr> <td><a name="tag-type">@type</a></td> <td><code>@type Type<br>@type {Type} </code> <p><i>For example:</i></p> <div><pre>/** * The message hex ID. * @type {string} */ var hexId = hexId;</pre></div></td> <td>Identifies the type of a variable, property, or expression. Curly braces are not required around most types, but some projects mandate them for all types, for consistency. </td></tr> <tr> <td><a name="tag-typedef">@typedef</a></td> <td><code>@typedef</code> <p><i>For example:</i></p> <div><pre>/** @typedef {(string|number)} */ goog.NumberLike; /** @param {goog.NumberLike} x A number or a string. */ goog.readNumber = function(x) { ... }</pre></div></td> <td>This annotation can be used to declare an alias of a more <a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml#Typedefs">complex type</a>. </td></tr></tbody></table> <p>You may also see other types of JSDoc annotations in third-party code. These annotations appear in the <a href="http://code.google.com/p/jsdoc-toolkit/wiki/TagReference">JSDoc Toolkit Tag Reference </a>but are currently discouraged in Google code. You should consider them "reserved" names for future use. These include: </p><ul> <li>@augments </li><li>@argument </li><li>@borrows </li><li>@class </li><li>@constant </li><li>@constructs </li><li>@default </li><li>@event </li><li>@example </li><li>@field </li><li>@function </li><li>@ignore </li><li>@inner </li><li>@link </li><li>@memberOf </li><li>@name </li><li>@namespace </li><li>@property </li><li>@public </li><li>@requires </li><li>@returns </li><li>@since </li><li>@static </li><li>@version </li></ul> <p></p> <p></p></div></div></div> <div> <h3><a id="Inner_Classes_and_Enums" name="Inner_Classes_and_Enums">Inner Classes and Enums</a></h3><span style="DISPLAY:block" id="link-Inner_Classes_and_Enums__button" class="link_button" name="link-Inner_Classes_and_Enums__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=Inner_Classes_and_Enums#Inner_Classes_and_Enums">link </a></span><span id="Inner_Classes_and_Enums__button" class="showhide_button" name="Inner_Classes_and_Enums__button">▽</span> <div style="DISPLAY:inline">Should be defined in the same file as the top level class. </div> <div> <div style="DISPLAY:inline" id="Inner_Classes_and_Enums__body" class="stylepoint_body" name="Inner_Classes_and_Enums__body">Inner classes and enums defined on another class should be defined in the same file as the top level class. <code>goog.provide</code> statements are only necessary for the top level class. </div></div></div> <div> <h3><a id="Compiling" name="Compiling">Compiling</a></h3><span style="DISPLAY:block" id="link-Compiling__button" class="link_button" name="link-Compiling__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=Compiling#Compiling">link </a></span><span id="Compiling__button" class="showhide_button" name="Compiling__button">▽</span> <div style="DISPLAY:inline">Encouraged</div> <div> <div style="DISPLAY:inline" id="Compiling__body" class="stylepoint_body" name="Compiling__body"> <p>Use of JS compilers such as the <a href="http://code.google.com/closure/compiler/">Closure Compiler</a> is encouraged.</p></div></div></div> <div> <h3><a id="Tips_and_Tricks" name="Tips_and_Tricks">Tips and Tricks</a></h3><span style="DISPLAY:block" id="link-Tips_and_Tricks__button" class="link_button" name="link-Tips_and_Tricks__button"><a href="http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml?showone=Tips_and_Tricks#Tips_and_Tricks">link </a></span><span id="Tips_and_Tricks__button" class="showhide_button" name="Tips_and_Tricks__button">▽</span> <div style="DISPLAY:inline">JavaScript tidbits</div> <div> <div style="DISPLAY:inline" id="Tips_and_Tricks__body" class="stylepoint_body" name="Tips_and_Tricks__body"> <p><span class="stylepoint_subsection">True and False Boolean Expressions</span> </p><p>The following are all false in boolean expressions:</p> <ul> <li><code>null</code> </li><li><code>undefined</code> </li><li><code>''</code> the empty string </li><li><code>0</code> the number </li></ul> <p>But be careful, because these are all true:</p> <ul> <li><code>'0'</code> the string </li><li><code>[]</code> the empty array </li><li><code>{}</code> the empty object </li></ul> <p>This means that instead of this:</p> <div><pre class="badcode">while (x != null) {</pre></div> <p>you can write this shorter code (as long as you don't expect x to be 0, or the empty string, or false):</p> <div><pre>while (x) {</pre></div> <p>And if you want to check a string to see if it is null or empty, you could do this:</p> <div><pre class="badcode">if (y != null && y != '') {</pre></div> <p>But this is shorter and nicer:</p> <div><pre>if (y) {</pre></div> <p>Caution: There are many unintuitive things about boolean expressions. Here are some of them:</p> <ul> <li><code>Boolean('0') == true<br>'0' != true</code> </li><li><code>0 != null<br>0 == []<br>0 == false</code> </li><li><code>Boolean(null) == false<br>null != true<br>null != false</code> </li><li><code>Boolean(undefined) == false<br>undefined != true<br>undefined != false</code> </li><li><code>Boolean([]) == true<br>[] != true<br>[] == false</code> </li><li><code>Boolean({}) == true<br>{} != true<br>{} != false</code> </li></ul> <p></p> <p><span class="stylepoint_subsection">Conditional (Ternary) Operator (?:)</span> </p><p>Instead of this:</p> <div><pre>if (val != 0) { return foo(); } else { return bar(); }</pre></div> <p>you can write this:</p> <div><pre>return val ? foo() : bar();</pre></div> <p>The ternary conditional is also useful when generating HTML:</p> <div><pre>var html = '<input type="checkbox"' + (isChecked ? ' checked' : '') + (isEnabled ? '' : ' disabled') + ' name="foo">';</pre></div> <p></p> <p><span class="stylepoint_subsection">&& and ||</span> </p><p>These binary boolean operators are short-circuited, and evaluate to the last evaluated term.</p> <p>"||" has been called the 'default' operator, because instead of writing this:</p> <div><pre class="badcode">/** @param {*=} opt_win */ function foo(opt_win) { var win; if (opt_win) { win = opt_win; } else { win = window; } // ... }</pre></div> <p>you can write this:</p> <div><pre>/** @param {*=} opt_win */ function foo(opt_win) { var win = opt_win || window; // ... }</pre></div> <p>"&&" is also useful for shortening code. For instance, instead of this:</p> <div><pre class="badcode">if (node) { if (node.kids) { if (node.kids[index]) { foo(node.kids[index]); } } }</pre></div> <p>you could do this:</p> <div><pre>if (node && node.kids && node.kids[index]) { foo(node.kids[index]); }</pre></div> <p>or this:</p> <div><pre>var kid = node && node.kids && node.kids[index]; if (kid) { foo(kid); }</pre></div> <p>However, this is going a little too far:</p> <div><pre class="badcode">node && node.kids && node.kids[index] && foo(node.kids[index]);</pre></div> <p></p> <p><span class="stylepoint_subsection">Use join() to Build Strings</span> </p><p>It is common to see this:</p> <div><pre class="badcode">function listHtml(items) { var html = '<div class="foo">'; for (var i = 0; i < items.length; ++i) { if (i > 0) { html += ', '; } html += itemHtml(items[i]); } html += '</div>'; return html; }</pre></div> <p>but this is slow in Internet Explorer, so it is better to do this:</p> <div><pre>function listHtml(items) { var html = []; for (var i = 0; i < items.length; ++i) { html[i] = itemHtml(items[i]); } return '<div class="foo">' + html.join(', ') + '</div>'; }</pre></div> <p>You can also use an array as a stringbuilder, and convert it into a string with <code>myArray.join('')</code>. Note that since assigning values to an array is faster than using <code>push()</code> you should use assignment where possible.</p> <p></p> <p><span class="stylepoint_subsection">Iterating over Node Lists</span> </p><p>Node lists are often implemented as node iterators with a filter. This means that getting a property like length is O(n), and iterating over the list by re-checking the length will be O(n^2).</p> <div><pre class="badcode">var paragraphs = document.getElementsByTagName('p'); for (var i = 0; i < paragraphs.length; i++) { doSomething(paragraphs[i]); }</pre></div> <p>It is better to do this instead:</p> <div><pre>var paragraphs = document.getElementsByTagName('p'); for (var i = 0, paragraph; paragraph = paragraphs[i]; i++) { doSomething(paragraph); }</pre></div> <p>This works well for all collections and arrays as long as the array does not contain things that are treated as boolean false.</p> <p>In cases where you are iterating over the childNodes you can also use the firstChild and nextSibling properties.</p> <div><pre>var parentNode = document.getElementById('foo'); for (var child = parentNode.firstChild; child; child = child.nextSibling) { doSomething(child); }</pre></div> <p></p></div></div></div></div> <h2>Parting Words</h2> <p><em>BE CONSISTENT</em>. </p> <p>If you're editing code, take a few minutes to look at the code around you and determine its style. If they use spaces around all their arithmetic operators, you should too. If their comments have little boxes of hash marks around them, make your comments have little boxes of hash marks around them too. </p> <p>The point of having style guidelines is to have a common vocabulary of coding so people can concentrate on what you're saying rather than on how you're saying it. We present global style rules here so people know the vocabulary, but local style is also important. If code you add to a file looks drastically different from the existing code around it, it throws readers out of their rhythm when they go to read it. Avoid this. </p> <p align="right">Revision 2.28 </p> <address>Aaron Whyte<br>Bob Jervis<br>Dan Pupius<br>Erik Arvidsson<br>Fritz Schneider<br>Robby Walker<br></address><br> ericssonxiaohttp://www.blogger.com/profile/05880131723631345428noreply@blogger.com0tag:blogger.com,1999:blog-1852547632205401054.post-9197264948009763082012-08-22T13:55:00.000+08:002012-08-29T23:36:48.136+08:00Code Conventions for the JavaScript Programming Language (source: http://javascript.crockford.com/code.html)<h1>Code Conventions for the JavaScript Programming Language </h1> <p>This is a set of coding conventions and rules for use in JavaScript programming. It is inspired by the <a href="http://www.sun.com/" target="_blank">Sun</a> document <a href="http://java.sun.com/docs/codeconv/" target="_blank">Code Conventions for the Java Programming Language</a>. It is heavily modified of course because <a href="http://javascript.crockford.com/javascript.html">JavaScript is not Java</a>. </p> <p>The long-term value of software to an organization is in direct proportion to the quality of the codebase. Over its lifetime, a program will be handled by many pairs of hands and eyes. If a program is able to clearly communicate its structure and characteristics, it is less likely that it will break when modified in the never-too-distant future. </p> <p>Code conventions can help in reducing the brittleness of programs. </p> <p>All of our JavaScript code is sent directly to the public. It should always be of publication quality. </p> <p>Neatness counts. </p> <h2 id="files">JavaScript Files </h2> <p>JavaScript programs should be stored in and delivered as <code>.js</code> files. </p> <p>JavaScript code should not be embedded in HTML files unless the code is specific to a single session. Code in HTML adds significantly to pageweight with no opportunity for mitigation by caching and compression. </p> <p><code><script src=</code><var>filename</var><code>.js></code> tags should be placed as late in the body as possible. This reduces the effects of delays imposed by script loading on other page components. There is no need to use the <code>language</code> or <code>type</code> attributes. It is the server, not the script tag, that determines the MIME type. </p> <h2 id="indentation">Indentation </h2> <p>The unit of indentation is four spaces. Use of tabs should be avoided because (as of this writing in the 21st Century) there still is not a standard for the placement of tabstops. The use of spaces can produce a larger filesize, but the size is not significant over local networks, and the difference is eliminated by <a href="http://yuiblog.com/blog/2006/03/06/minification-v-obfuscation/" target="_blank">minification</a>. </p> <h2 id="line length">Line Length </h2> <p>Avoid lines longer than 80 characters. When a statement will not fit on a single line, it may be necessary to break it. Place the break after an operator, ideally after a comma. A break after an operator decreases the likelihood that a copy-paste error will be masked by semicolon insertion. The next line should be indented 8 spaces.</p> <h2 id="comments">Comments </h2> <p>Be generous with comments. It is useful to leave information that will be read at a later time by people (possibly yourself) who will need to understand what you have done. The comments should be well-written and clear, just like the code they are annotating. An occasional nugget of humor might be appreciated. Frustrations and resentments will not. </p> <p>It is important that comments be kept up-to-date. Erroneous comments can make programs even harder to read and understand. </p> <p>Make comments meaningful. Focus on what is not immediately visible. Don't waste the reader's time with stuff like </p><pre> i = 0; // Set i to zero. </pre> <p>Generally use line comments. Save block comments for formal documentation and for commenting out. </p> <h2 id="variable declarations">Variable Declarations </h2> <p>All variables should be declared before used. JavaScript does not require this, but doing so makes the program easier to read and makes it easier to detect undeclared variables that may become implied <a href="http://yuiblog.com/blog/2006/06/01/global-domination/" target="_blank">globals</a>. Implied global variables should never be used.</p> <p>The <code>var</code> statements should be the first statements in the function body. </p> <p>It is preferred that each variable be given its own line and comment. They should be listed in alphabetical order. </p><pre> var currentEntry; // currently selected table entry var level; // indentation level var size; // size of table </pre> <p>JavaScript does not have block scope, so defining variables in blocks can confuse programmers who are experienced with other C family languages. Define all variables at the top of the function. </p> <p>Use of global variables should be minimized. Implied global variables should never be used.</p> <h2>Function Declarations </h2> <p>All functions should be declared before they are used. Inner functions should follow the <code>var</code> statement. This helps make it clear what variables are included in its scope. </p> <p>There should be no space between the name of a function and the <code>(</code> <small>(left parenthesis)</small> of its parameter list. There should be one space between the <code>)</code> <small>(right parenthesis)</small> and the <code>{</code> <small>(left curly brace)</small> that begins the statement body. The body itself is indented four spaces. The <code>}</code> <small>(right curly brace)</small> is aligned with the line containing the beginning of the declaration of the function. </p><pre> function outer(c, d) { var e = c * d; function inner(a, b) { return (e * a) + b; } return inner(0, 1); }</pre> <p>This convention works well with JavaScript because in JavaScript, functions and object literals can be placed anywhere that an expression is allowed. It provides the best readability with inline functions and complex structures.</p><pre> function getElementsByClassName(className) { var results = []; walkTheDOM(document.body, function (node) { var a; // array of class names var c = node.className; // the node's classname var i; // loop counter // If the node has a class name, then split it into a list of simple names. // If any of them match the requested name, then append the node to the set of results. if (c) { a = c.split(' '); for (i = 0; i < a.length; i += 1) { if (a[i] === className) { results.push(node); break; } } } }); return results; } </pre> <p>If a function literal is anonymous, there should be one space between the word <code>function</code> and the <code>(</code> <small>(left parenthesis)</small>. If the space is omited, then it can appear that the function's name is <code>function</code>, which is an incorrect reading.</p><pre> div.onclick = function (e) { return false; }; that = { method: function () { return this.datum; }, datum: 0 }; </pre> <p>Use of global functions should be minimized. </p> <p>When a function is to be invoked immediately, the entire invocation expression should be wrapped in parens so that it is clear that the value being produced is the result of the function and not the function itself.</p><pre>var collection = (function () { var keys = [], values = []; return { get: function (key) { var at = keys.indexOf(key); if (at >= 0) { return values[at]; } }, set: function (key, value) { var at = keys.indexOf(key); if (at < 0) { at = keys.length; } keys[at] = key; values[at] = value; }, remove: function (key) { var at = keys.indexOf(key); if (at >= 0) { keys.splice(at, 1); values.splice(at, 1); } } }; }());</pre> <h2 id="names">Names </h2> <p>Names should be formed from the 26 upper and lower case letters (<code>A</code> .. <code>Z</code>, <code>a</code> .. <code>z</code>), the 10 digits (<code>0</code> .. <code>9</code>), and <code>_</code> <small>(underbar)</small>. Avoid use of international characters because they may not read well or be understood everywhere. Do not use <code>$</code> <small>(dollar sign)</small> or <code>\</code> <small>(backslash)</small> in names. </p> <p>Do not use <code>_</code> <small>(underbar)</small> as the first character of a name. It is sometimes used to indicate privacy, but it does not actually provide privacy. If privacy is important, use the forms that provide <a href="http://javascript.crockford.com/private.html">private members</a>. Avoid conventions that demonstrate a lack of competence.</p> <p>Most variables and functions should start with a lower case letter. </p> <p>Constructor functions which must be used with the <code><a href="http://yuiblog.com/blog/2006/11/13/javascript-we-hardly-new-ya/">new</a></code><a href="http://yuiblog.com/blog/2006/11/13/javascript-we-hardly-new-ya/"> prefix</a> should start with a capital letter. JavaScript issues neither a compile-time warning nor a run-time warning if a required <code>new</code> is omitted. Bad things can happen if <code>new</code> is not used, so the capitalization convention is the only defense we have. </p> <p>Global variables should be in all caps. (JavaScript does not have macros or constants, so there isn't much point in using all caps to signify features that JavaScript doesn't have.)</p> <h2 id="statements">Statements </h2> <h3 id="simple statements">Simple Statements </h3> <p>Each line should contain at most one statement. Put a <code>;</code> <small>(semicolon)</small> at the end of every simple statement. Note that an assignment statement which is assigning a function literal or object literal is still an assignment statement and must end with a semicolon. </p> <p>JavaScript allows any expression to be used as a statement. This can mask some errors, particularly in the presence of semicolon insertion. The only expressions that should be used as statements are assignments and invocations. </p> <h3 id="compound statements">Compound Statements </h3> <p>Compound statements are statements that contain lists of statements enclosed in <code>{ }</code> <small>(curly braces)</small>. </p> <ul> <li>The enclosed statements should be indented four more spaces. </li><li>The <code>{</code> <small>(left curly brace)</small> should be at the end of the line that begins the compound statement. </li><li>The <code>}</code> <small>(right curly brace)</small> should begin a line and be indented to align with the beginning of the line containing the matching <code>{</code> <small>(left curly brace)</small>. </li><li>Braces should be used around all statements, even single statements, when they are part of a control structure, such as an <code>if</code> or <code>for</code> statement. This makes it easier to add statements without accidentally introducing bugs. </li></ul> <h3 id="labels">Labels </h3> <p>Statement labels are optional. Only these statements should be labeled: <code>while</code>, <code>do</code>, <code>for</code>, <code>switch</code>. </p> <h3 id="return statement"><code>return</code> Statement </h3> <p>A <code>return</code> statement with a value should not use <code>( )</code> <small>(parentheses)</small> around the value. The return value expression must start on the same line as the <code>return</code> keyword in order to avoid semicolon insertion. </p> <h3 id="if statement"><code>if</code> Statement </h3> <p>The <code>if</code> class of statements should have the following form: </p> <p><code> if (</code><var>condition</var><code>) {<br> </code><var>statements</var><code><br> }<br> <br> if (</code><var>condition</var><code>) {<br> </code><var>statements</var><code><br> } else {<br> </code><var>statements</var><code><br> }<br> <br> if (</code><var>condition</var><code>) {<br> </code><var>statements</var><code><br> } else if (</code><var>condition</var><code>) {<br> </code><var>statements</var><code><br> } else {<br> </code><var>statements</var><code><br> }</code> </p> <h3 id="for statement"><code>for</code> Statement </h3> <p>A <code>for</code> class of statements should have the following form: </p> <p><code> for (</code><var>initialization</var><code>; </code><var>condition</var><code>; </code><var>update</var><code>) {<br> </code><var>statements</var><code><br> }<br><br> for (</code><var>variable</var><code> in </code><var>object</var><code>) {<br> if (</code><var>filter</var><code>) {<br> </code><var>statements</var><code><br> } <br> }</code> </p> <p>The first form should be used with arrays and with loops of a predeterminable number of iterations. </p> <p>The second form should be used with objects. Be aware that members that are added to the prototype of the <var>object</var> <code></code>will be included in the enumeration. It is wise to program defensively by using the <code>hasOwnProperty</code> method to distinguish the true members of the <var>object</var>: </p> <p><code> for (</code><var>variable</var><code> in </code><var>object</var><code>) {<br> if </code><code>(</code><var>object</var><code>.hasOwnProperty(</code><var>variable</var><code>))</code><code> {<br> </code><var>statements</var><code><br> } <br> }</code></p> <h3 id="while statement"><code>while</code> Statement </h3> <p>A <code>while</code> statement should have the following form: </p> <p><code> while (</code><var>condition</var><code>) {<br> </code><var>statements</var><code><br> }</code> </p> <h3 id="do statement"><code>do</code> Statement </h3> <p>A <code>do</code> statement should have the following form: </p> <p><code> do {<br> </code><var>statements</var><code><br> } while (</code><var>condition</var><code>);</code> </p> <p>Unlike the other compound statements, the <code>do</code> statement always ends with a <code>;</code> <small>(semicolon)</small>. </p> <h3 id="switch statement"><code>switch</code> Statement </h3> <p>A <code>switch</code> statement should have the following form: </p> <p><code> switch (</code><var>expression</var><code>) {<br> case </code><var>expression</var><code>:<br> </code><var>statements</var><code><br> default:<br> </code><var>statements</var><code><br> }<br></code></p> <p>Each <code>case</code> is aligned with the <code>switch</code>. This avoids over-indentation. </p> <p>Each group of <var>statements</var> (except the <code>default</code>) should end with <code>break</code>, <code>return</code>, or <code>throw</code>. Do not fall through. </p> <h3 id="try statement"><code>try</code> Statement </h3> <p>The <code>try</code> class of statements should have the following form: </p> <p> <code>try {</code><br> <var>statements</var><br> <code>} catch (</code><var>variable</var><code>) {</code><br> <var>statements</var><br> }<br><br> <code>try {</code><br> <var>statements</var><br> <code>} catch (</code><var>variable</var><code>) {</code><br> <var>statements</var><br> <code> } finally {</code><br> <var>statements</var><br> <code>}</code> </p> <h3 id="continue statement"><code>continue</code> Statement </h3> <p>Avoid use of the <code>continue</code> statement. It tends to obscure the control flow of the function. </p> <h3 id="with statement"><code>with</code> Statement </h3> <p>The <code>with</code> statement <a href="http://yuiblog.com/blog/2006/04/11/with-statement-considered-harmful/" target="_blank">should not be used</a>. </p> <h2 id="whitespace">Whitespace </h2> <p>Blank lines improve readability by setting off sections of code that are logically related. </p><p> </p><p>Blank spaces should be used in the following circumstances: </p> <ul> <li>A keyword followed by <code>(</code> <small>(left parenthesis)</small> should be separated by a space. </li></ul><pre> while (true) { </pre> <ul> <li>A blank space should not be used between a function value and its <code>(</code> <small>(left parenthesis)</small>. This helps to distinguish between keywords and function invocations. </li><li>All binary operators except <code>.</code> <small>(period)</small> and <code>(</code> <small>(left parenthesis)</small> and <code>[</code> <small>(left bracket)</small> should be separated from their operands by a space. </li><li>No space should separate a unary operator and its operand except when the operator is a word such as <code>typeof</code>. </li><li>Each ; <small>(semicolon)</small> in the control part of a <code>for</code> statement should be followed with a space. </li><li>Whitespace should follow every , <small>(comma)</small>. </li></ul> <h2 id="bonus">Bonus Suggestions </h2> <h3><code>{}</code> and <code>[]</code> </h3> <p>Use <code>{}</code> instead of <code>new Object()</code>. Use <code>[]</code> instead of <code>new Array()</code>. </p> <p>Use arrays when the member names would be sequential integers. Use objects when the member names are arbitrary strings or names. </p> <h3><code>,</code> <small>(comma)</small> Operator </h3> <p>Avoid the use of the comma operator except for very disciplined use in the control part of <code>for</code> statements. (This does not apply to the comma separator, which is used in object literals, array literals, <code>var</code> statements, and parameter lists.) </p> <h3>Block Scope </h3> <p>In JavaScript blocks do not have scope. Only functions have scope. Do not use blocks except as required by the compound statements. </p> <h3>Assignment Expressions </h3> <p>Avoid doing assignments in the condition part of <code>if</code> and <code>while</code> statements. </p> <p>Is </p><pre> if (a = b) { </pre> <p>a correct statement? Or was </p><pre> if (a == b) { </pre> <p>intended? Avoid constructs that cannot easily be determined to be correct. </p> <h3><code>===</code> and <code>!==</code> Operators. </h3> <p>It is almost always better to use the <code>===</code> and <code>!==</code> operators. The <code>==</code> and <code>!=</code> operators do type coercion. In particular, do not use <code>==</code> to compare against falsy values. </p> <h3>Confusing Pluses and Minuses </h3> <p>Be careful to not follow a <code>+</code> with <code>+</code> or <code>++</code>. This pattern can be confusing. Insert parens between them to make your intention clear. </p><pre> total = subtotal + +myInput.value; </pre> <p>is better written as </p><pre> total = subtotal + (+myInput.value); </pre> <p>so that the <code>+ +</code> is not misread as <code>++</code>. </p> <h3><code>eval</code> is Evil </h3> <p>The <code>eval</code> function is the most misused feature of JavaScript. Avoid it. </p> <p><code>eval</code> has aliases. Do not use the <code>Function</code> constructor. Do not pass strings to <code>setTimeout</code> or <code>setInterval</code>. </p> ericssonxiaohttp://www.blogger.com/profile/05880131723631345428noreply@blogger.com0tag:blogger.com,1999:blog-1852547632205401054.post-64948824114433633462012-08-22T13:02:00.001+08:002012-08-29T23:36:48.120+08:00JS跨域问题解决方法<p style="margin:0px;padding:0px;font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">近日在做web呼叫的时候碰到JS跨域问题,需与华为的服务器交互,用户提交客户号和验证码后,到华为的服务器上去验证用户信息,然后返回用户信息给我们的网页,直接用ajax访问在IE上有安全提示问题,用户信息可返回,调低安全级别可实现,但作为门户网站,让客户去适应我们的要求,这种方法是不可行的,参考了网上一篇“服务器端可控情形JS跨域访问解决方法”,这位老大写了个大概,对我这种低手来说仍然是有点不清不楚的,经过一天痛苦的摸索之后,用动态脚本的方式实现了跨域的解决,现把代码记录下来,以便今后查看。</p> <p style="margin:0px;padding:0px;font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">我启了两个服务,分别是tomcat和weblogic。用tomcat的工程模拟本地,weblogic的工程模拟远程。</p> <p style="margin:0px;padding:0px;font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)">先在本地的页面中这样做</p><div class="code_title" style="font-family:Helvetica,Tahoma,Arial,sans-serif;font-size:14px;line-height:25.200000762939453px;background-color:rgb(255,255,255)"> java 代码</div><div class="dp-highlighter" style="font-family:Monaco,'DejaVu Sans Mono','Bitstream Vera Sans Mono',Consolas,'Courier New',monospace;font-size:12px;background-color:rgb(255,255,255);width:679px;overflow:auto;margin-left:9px;padding:1px;word-break:break-all;word-wrap:break-word;line-height:25.200000762939453px"> <div class="bar"><ol class="dp-j" style="font-size:1em;line-height:1.4em;margin:0px 0px 1px;padding:2px 0px;border:1px solid rgb(209,215,220);list-style-position:initial;color:rgb(43,145,175)"><li class="alt" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"> <span style="color:black">function transTest(){ </span></li><li class="" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"> <span style="color:black"> var username = document.form1.username.value; </span></li><li class="alt" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"> <span style="color:black"> var email = escape(document.form1.email.value); </span></li><li class="" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"> <span style="color:black"> var url = </span><span class="string" style="color:blue">"<a href="http://10.13.78.95:7001/finprog/registerCheckUserByAjax.do?username=">http://10.13.78.95:7001/finprog/registerCheckUserByAjax.do?username=</a>"</span><span style="color:black">+username+</span><span class="string" style="color:blue">"&email="</span><span style="color:black">+email; </span></li> <li class="alt" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"><span style="color:black"> url = encodeURI(url); </span></li> <li class="" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"><span style="color:black"> </span></li> <li class="alt" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"><span style="color:black"> var js_obj = document.createElement( </span><span class="string" style="color:blue">"script"</span><span style="color:black"> ); </span></li> <li class="" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"><span style="color:black"> js_obj.type = </span><span class="string" style="color:blue">"text/javascript"</span><span style="color:black">; </span></li> <li class="alt" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"><span style="color:black">js_obj.setAttribute( </span><span class="string" style="color:blue">"src"</span><span style="color:black"> , url); </span></li> <li class="" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"><span style="color:black">document.body.appendChild(js_obj); </span></li> <li class="alt" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"><span style="color:black">} </span></li> <li class="" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"><span style="color:black"> </span></li> <li class="alt" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"><span style="color:black">function onServerResponse(responseText){ </span></li> <li class="" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"><span style="color:black"> alert(responseText); </span></li> <li class="alt" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"><span style="color:black"> var message = document.getElementById(</span><span class="string" style="color:blue">"message"</span><span style="color:black">); </span></li> <li class="" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"><span style="color:black"> </span><span class="keyword" style="color:rgb(127,0,85);font-weight:bold">if</span><span style="color:black">(message.hasChildNodes()){ </span></li> <li class="alt" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"><span style="color:black"> message.removeChild(message.childNodes[</span><span class="number" style="color:black">0</span><span style="color:black">]); </span></li> <li class="" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"><span style="color:black"> } </span></li> <li class="alt" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"><span style="color:black"> var messagenode=document.createTextNode(responseText);</span><span class="comment" style="color:rgb(0,130,0)">//?????? </span><span style="color:black"> </span></li> <li class="" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"><span style="color:black"> message.appendChild(messagenode); </span></li> <li class="alt" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"><span style="color:black"> </span></li> <li class="" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"><span style="color:black">} </span></li> </ol></div><p style="margin:0px;padding:0px"><strong><em></em></strong></p><p style="font-style:italic;margin:0px;padding:0px">上面jsp页面中,执行transTest()方法后,<em><strong>document.createElement( "script" );</strong></em> 会动态的在页面中生成一段script脚本,然后在脚本中,绕过IE的安全验证,js_obj.setArrribute() 将信息作为 src 的 url 参数提交给了远程servlet,(用的.do请求,名字是finprog工程里的一个servlet,我懒,不想新写)。</p> <p style="font-style:italic;margin:0px;padding:0px">在registerCheckUserByAjax.do中的最末,我返回给建立通信的jsp页面以信息,代码如下:</p><div class="code_title" style="font-style:italic">java 代码</div><div class="dp-highlighter" style="background-color:transparent;width:658.6166381835938px;overflow:auto;margin-left:9px;padding:1px;word-break:break-all;word-wrap:break-word"> <div class="bar" style="font-style:italic"><ol class="dp-j" style="font-size:1em;line-height:1.4em;margin:0px 0px 1px;padding:2px 0px;border:1px solid rgb(209,215,220);list-style-position:initial;color:rgb(43,145,175)"><li class="alt" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"> <span style="color:black">UserInfoDTO userinfoDTO = (UserInfoDTO) serviceModel.get(<span class="string" style="color:blue">"userinfoDTO"</span>); </span></li><li class="" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"> <span style="color:black"> String responseText; </span></li><li class="alt" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"> <span style="color:black"> </span><span class="keyword" style="color:rgb(127,0,85);font-weight:bold">if</span><span style="color:black">(userinfoDTO==</span><span class="keyword" style="color:rgb(127,0,85);font-weight:bold">null</span><span style="color:black">){ </span></li> <li class="" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"><span style="color:black"> responseText=</span><span class="string" style="color:blue">"成功"</span><span style="color:black">; </span></li> <li class="alt" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"><span style="color:black"> }</span><span class="keyword" style="color:rgb(127,0,85);font-weight:bold">else</span><span style="color:black"> </span><span class="keyword" style="color:rgb(127,0,85);font-weight:bold">if</span><span style="color:black"> (userinfoDTO.getUserName().equals(username) && userinfoDTO.getEmail().equals(email)) { </span></li> <li class="" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"><span style="color:black"> responseText=</span><span class="string" style="color:blue">"失败"</span><span style="color:black">; </span></li> <li class="alt" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"><span style="color:black"> } </span><span class="keyword" style="color:rgb(127,0,85);font-weight:bold">else</span><span style="color:black"> { </span></li> <li class="" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"><span style="color:black"> responseText=</span><span class="string" style="color:blue">"成功"</span><span style="color:black">; </span></li> <li class="alt" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"><span style="color:black"> } </span></li> <li class="" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"><span style="color:black"> responseText = </span><span class="keyword" style="color:rgb(127,0,85);font-weight:bold">new</span><span style="color:black"> String(responseText.getBytes(), </span><span class="string" style="color:blue">"ISO-8859-1"</span><span style="color:black">); </span></li> <li class="alt" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"><span style="color:black"> response.getWriter().println(</span><span class="string" style="color:blue">"var a='"</span><span style="color:black"> + responseText + </span><span class="string" style="color:blue">"';"</span><span style="color:black">); </span></li> <li class="" style="font-size:1em;margin:0px 0px 0px 38px;padding:0px 0px 0px 10px;border-left-width:1px;border-left-style:solid;border-left-color:rgb(209,215,220);background-color:rgb(250,250,250);line-height:18px"><span style="color:black"> response.getWriter().println(</span><span class="string" style="color:blue">"onServerResponse(a); "</span><span style="color:black">); </span></li> </ol></div><p style="margin:0px;padding:0px">这里去调JSP页面中的onServerResponse()方法,回显信息给本地。 这样本地网页就会响应服务器结果,通过message节点把服务器端信息给回显出来,如果是中文要先编好码。</p><p style="margin:0px;padding:0px">上面的方法我在IE和FireFox中都测过,大功告成。</p><p style="margin:0px;padding:0px"> 另外参考网上的解决方法,还可以用本地代理页面,涉及到配置Apache的问题,看得我头昏,我想到了一些解决方法,用一个本地的servlet,在JS提交的时候,提交到本地servlet,然后本地servlet去请求远程servlet,至于怎么建立通信传值,可以这样,在远程servlet中再请求本地的servlet,这时本地servlet对于远程来说,也变成服务器端了,本地再response回给JSP,这是个笨办法。不过没试过。另外,可以用socket方案,不过对于我们公司的层层防火墙是个考验,还有可以在本地存放一个临时页面,用HttpURLConnection con = (HttpURLConnection)url.openConnection(); <br> 与远程建立连接,不过也没试过。暂时没有精力去搞了。</p></div></div> ericssonxiaohttp://www.blogger.com/profile/05880131723631345428noreply@blogger.com0tag:blogger.com,1999:blog-1852547632205401054.post-69523553723173723792012-08-22T13:01:00.001+08:002012-08-29T23:36:48.130+08:00Javascript跨域访问解决方案【转帖】<p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;background-color:rgb(255,255,255)">来源:<a href="http://blog.csdn.net/sfdev/archive/2009/02/13/3887006.aspx" style="color:rgb(51,102,153);text-decoration:none">http://blog.csdn.net/sfdev/archive/2009/02/13/3887006.aspx</a></p> <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;background-color:rgb(255,255,255)">由于安全方面的考虑,Javascript被限制了跨域访问的能力,但是有时候我们希望能够做一些合理的跨域访问的事情,那么怎么办呢?<br>这里分两类情况:<br>一、基于同一父域的子域之间页面的访问;参见如下3个domain域:<a href="http://taobao.com">taobao.com</a>、<a href="http://jipiao.taobao.com">jipiao.taobao.com</a>、<a href="http://promotion.taobao.com">promotion.taobao.com</a>;它们有相同的父域<a href="http://taobao.com">taobao.com</a>。<br> 二、基于不同父域页面之间的访问;参见如下3个domain域:<a href="http://taobao.com">taobao.com</a>、<a href="http://baidu.com">baidu.com</a>、<a href="http://sina.com.cn">sina.com.cn</a>;它们具有不同的父域。</p><p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;background-color:rgb(255,255,255)"> 解决它们之间跨域的方案有:<br>方案1:<strong><span style="color:rgb(255,0,0)">服务器Proxy</span></strong><br>域A的页面JS需要访问域B下的链接获取数据,该方案在域A的服务器端建立一个Proxy程序(可能是ASP、servlet等任何服务端程序),域A的页面JS直接调用本域下的Proxy程序,proxy程序负责将请求发送给域B下的链接并获取到数据,最后再通过Proxy将数据返回给页面JS使用。<br> 经过的访问流程就是: 域A下JS --> 域A 下Proxy -- > 域B下的链接<br>例子:<br>第一步:<br>域A: <a href="http://jipiao.taobao.com/test.htm" style="color:rgb(51,102,153);text-decoration:none">http://Jipiao.taobao.com/test.htm</a><br>页面上javascript脚本:<br> </p><div class="dp-highlighter bg_javascript:firstline[1]" style="font-family:Consolas,'Courier New',Courier,mono,serif;font-size:12px;background-color:rgb(231,229,220);width:687.0499877929688px;overflow:auto;padding-top:1px;margin:18px 0px!important"> <div class="bar" style="padding-left:45px"><div class="tools" style="padding:3px 8px 10px 10px;font-size:9px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;color:silver;background-color:rgb(248,248,248);border-left-width:3px;border-left-style:solid;border-left-color:rgb(108,226,108)"> <b>[javascript:firstline[1]]</b> <a href="http://blog.csdn.net/tongdoudpj/article/details/4166096#" class="ViewSource" title="view plain" style="color:rgb(160,160,160);text-decoration:none;background-image:url('http://static.blog.csdn.net/scripts/SyntaxHighlighter/styles/images/default/ico_plain.gif');background-color:inherit;border:none;padding:1px;margin:0px 10px 0px 0px;font-size:9px;display:inline-block;width:16px;height:16px;background-repeat:no-repeat no-repeat">view plain</a><a href="http://blog.csdn.net/tongdoudpj/article/details/4166096#" class="CopyToClipboard" title="copy" style="color:rgb(160,160,160);text-decoration:none;background-image:url('http://static.blog.csdn.net/scripts/SyntaxHighlighter/styles/images/default/ico_copy.gif');background-color:inherit;border:none;padding:1px;margin:0px 10px 0px 0px;font-size:9px;display:inline-block;width:16px;height:16px;background-repeat:no-repeat no-repeat">copy</a><div style="width:18px;height:18px"> </div></div></div><ol start="1" class="dp-c" style="margin:0px 0px 1px 45px!important;padding:0px;border:none;list-style-position:initial;background-color:rgb(255,255,255);color:rgb(92,92,92)"><li class="alt" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;color:inherit;line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"><span style="margin:0px;padding:0px;border:none;background-color:inherit"><mce:script type=</span><span class="string" style="margin:0px;padding:0px;border:none;color:blue;background-color:inherit">"text/javascript"</span><span style="margin:0px;padding:0px;border:none;background-color:inherit">><!-- </span></span></li> <li class="" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;background-color:rgb(248,248,248);line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit">Var sUrl=<span class="string" style="margin:0px;padding:0px;border:none;color:blue;background-color:inherit">"<a href="http://Jipiao.taobao.com/proxy.do">http://Jipiao.taobao.com/proxy.do</a>"</span><span style="margin:0px;padding:0px;border:none;background-color:inherit">; //本域下代理地址 </span></span></li> <li class="alt" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;color:inherit;line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"><span class="keyword" style="margin:0px;padding:0px;border:none;color:rgb(0,102,153);background-color:inherit;font-weight:bold">var</span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> callback = </span></span></li> <li class="" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;background-color:rgb(248,248,248);line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit">{ </span></li><li class="alt" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;color:inherit;line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"> success: <span class="keyword" style="margin:0px;padding:0px;border:none;color:rgb(0,102,153);background-color:inherit;font-weight:bold">function</span><span style="margin:0px;padding:0px;border:none;background-color:inherit">(res) { alert(res.responseText); }, </span></span></li> <li class="" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;background-color:rgb(248,248,248);line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"> failure: <span class="keyword" style="margin:0px;padding:0px;border:none;color:rgb(0,102,153);background-color:inherit;font-weight:bold">function</span><span style="margin:0px;padding:0px;border:none;background-color:inherit">(res) { alert(</span><span class="string" style="margin:0px;padding:0px;border:none;color:blue;background-color:inherit">'failure'</span><span style="margin:0px;padding:0px;border:none;background-color:inherit">);}, </span></span></li> <li class="alt" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;color:inherit;line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"> argument:{} </span></li><li class="" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;background-color:rgb(248,248,248);line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit">} </span></li><li class="alt" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;color:inherit;line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit">YAHOO.util.Connect.asyncRequest(<span class="string" style="margin:0px;padding:0px;border:none;color:blue;background-color:inherit">'GET'</span><span style="margin:0px;padding:0px;border:none;background-color:inherit">, sUrl, callback, </span><span class="keyword" style="margin:0px;padding:0px;border:none;color:rgb(0,102,153);background-color:inherit;font-weight:bold">null</span><span style="margin:0px;padding:0px;border:none;background-color:inherit">); </span></span></li> <li class="" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;background-color:rgb(248,248,248);line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"><span class="comment" style="margin:0px;padding:0px;border:none;color:rgb(0,130,0);background-color:inherit">// --></mce:script></span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> </span></span></li> </ol></div><br>第二步:<br>完成域A服务端的Proxy程序(这里假定是一个servlet),伪码如下:<br><div class="dp-highlighter bg_java:firstline[1]" style="font-family:Consolas,'Courier New',Courier,mono,serif;font-size:12px;background-color:rgb(231,229,220);width:687.0499877929688px;overflow:auto;padding-top:1px;margin:18px 0px!important"> <div class="bar" style="padding-left:45px"><div class="tools" style="padding:3px 8px 10px 10px;font-size:9px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;color:silver;background-color:rgb(248,248,248);border-left-width:3px;border-left-style:solid;border-left-color:rgb(108,226,108)"> <b>[java:firstline[1]]</b> <a href="http://blog.csdn.net/tongdoudpj/article/details/4166096#" class="ViewSource" title="view plain" style="color:rgb(160,160,160);text-decoration:none;background-image:url('http://static.blog.csdn.net/scripts/SyntaxHighlighter/styles/images/default/ico_plain.gif');background-color:inherit;border:none;padding:1px;margin:0px 10px 0px 0px;font-size:9px;display:inline-block;width:16px;height:16px;background-repeat:no-repeat no-repeat">view plain</a><a href="http://blog.csdn.net/tongdoudpj/article/details/4166096#" class="CopyToClipboard" title="copy" style="color:rgb(160,160,160);text-decoration:none;background-image:url('http://static.blog.csdn.net/scripts/SyntaxHighlighter/styles/images/default/ico_copy.gif');background-color:inherit;border:none;padding:1px;margin:0px 10px 0px 0px;font-size:9px;display:inline-block;width:16px;height:16px;background-repeat:no-repeat no-repeat">copy</a><div style="width:18px;height:18px"> </div></div></div><ol start="1" class="dp-j" style="margin:0px 0px 1px 45px!important;padding:0px;border:none;list-style-position:initial;background-color:rgb(255,255,255);color:rgb(92,92,92)"><li class="alt" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;color:inherit;line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"><span style="margin:0px;padding:0px;border:none;background-color:inherit">Public </span><span class="keyword" style="margin:0px;padding:0px;border:none;color:rgb(0,102,153);background-color:inherit;font-weight:bold">class</span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> Proxy </span><span class="keyword" style="margin:0px;padding:0px;border:none;color:rgb(0,102,153);background-color:inherit;font-weight:bold">extends</span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> …….{ </span></span></li> <li class="" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;background-color:rgb(248,248,248);line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit">..doGet(……..){ </span></li><li class="alt" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;color:inherit;line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"> HttpClient client=……; </span></li><li class="" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;background-color:rgb(248,248,248);line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"> GetMethod get=<span class="keyword" style="margin:0px;padding:0px;border:none;color:rgb(0,102,153);background-color:inherit;font-weight:bold">new</span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> GetMethod(</span><span class="string" style="margin:0px;padding:0px;border:none;color:blue;background-color:inherit">"<a href="http://www.baidu.com/xxxxx.do">www.baidu.com/xxxxx.do</a>"</span><span style="margin:0px;padding:0px;border:none;background-color:inherit">);</span><span class="comment" style="margin:0px;padding:0px;border:none;color:rgb(0,130,0);background-color:inherit">//访问域B的链接</span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> </span></span></li> <li class="alt" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;color:inherit;line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"> <span class="keyword" style="margin:0px;padding:0px;border:none;color:rgb(0,102,153);background-color:inherit;font-weight:bold">int</span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> statusCode = client.executeMethod(get); </span></span></li> <li class="" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;background-color:rgb(248,248,248);line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"> <span class="keyword" style="margin:0px;padding:0px;border:none;color:rgb(0,102,153);background-color:inherit;font-weight:bold">if</span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> (statusCode != HttpStatus.SC_OK) { </span></span></li> <li class="alt" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;color:inherit;line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"> <span class="keyword" style="margin:0px;padding:0px;border:none;color:rgb(0,102,153);background-color:inherit;font-weight:bold">byte</span><span style="margin:0px;padding:0px;border:none;background-color:inherit">[] responseBody = get.getResponseBody(); </span></span></li> <li class="" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;background-color:rgb(248,248,248);line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"> String res=<span class="keyword" style="margin:0px;padding:0px;border:none;color:rgb(0,102,153);background-color:inherit;font-weight:bold">new</span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> String(responseBody); </span></span></li> <li class="alt" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;color:inherit;line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"> Httpresponse.getWriter().write(res);<span class="comment" style="margin:0px;padding:0px;border:none;color:rgb(0,130,0);background-color:inherit">//将数据返回给域A </span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> </span></span></li> <li class="" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;background-color:rgb(248,248,248);line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"> } </span></li><li class="alt" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;color:inherit;line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit">} </span></li><li class="" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;background-color:rgb(248,248,248);line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"> </span></li><li class="alt" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;color:inherit;line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit">} </span></li></ol></div><p></p><p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;background-color:rgb(255,255,255)"> 方案2:<span style="color:rgb(255,0,0)"><strong>通过Script标签</strong></span>: <br>在域A页面<a href="http://jipiao.taobao.com/test.htm" style="color:rgb(51,102,153);text-decoration:none">http://Jipiao.taobao.com/test.htm</a> 的head中写一个空的Script标签:<br> </p><div class="dp-highlighter bg_xhtml:firstline[1]" style="font-family:Consolas,'Courier New',Courier,mono,serif;font-size:12px;background-color:rgb(231,229,220);width:687.0499877929688px;overflow:auto;padding-top:1px;margin:18px 0px!important"> <div class="bar" style="padding-left:45px"><div class="tools" style="padding:3px 8px 10px 10px;font-size:9px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;color:silver;background-color:rgb(248,248,248);border-left-width:3px;border-left-style:solid;border-left-color:rgb(108,226,108)"> <b>[xhtml:firstline[1]]</b> <a href="http://blog.csdn.net/tongdoudpj/article/details/4166096#" class="ViewSource" title="view plain" style="color:rgb(160,160,160);text-decoration:none;background-image:url('http://static.blog.csdn.net/scripts/SyntaxHighlighter/styles/images/default/ico_plain.gif');background-color:inherit;border:none;padding:1px;margin:0px 10px 0px 0px;font-size:9px;display:inline-block;width:16px;height:16px;background-repeat:no-repeat no-repeat">view plain</a><a href="http://blog.csdn.net/tongdoudpj/article/details/4166096#" class="CopyToClipboard" title="copy" style="color:rgb(160,160,160);text-decoration:none;background-image:url('http://static.blog.csdn.net/scripts/SyntaxHighlighter/styles/images/default/ico_copy.gif');background-color:inherit;border:none;padding:1px;margin:0px 10px 0px 0px;font-size:9px;display:inline-block;width:16px;height:16px;background-repeat:no-repeat no-repeat">copy</a><div style="width:18px;height:18px"> </div></div></div><ol start="1" class="dp-xml" style="margin:0px 0px 1px 45px!important;padding:0px;border:none;list-style-position:initial;background-color:rgb(255,255,255);color:rgb(92,92,92)"><li class="alt" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;color:inherit;line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold"><</span><span class="tag-name" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">html</span><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">></span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> </span></span></li> <li class="" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;background-color:rgb(248,248,248);line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold"><</span><span class="tag-name" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">head</span><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">></span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> </span></span></li> <li class="alt" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;color:inherit;line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"> <span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold"><</span><span class="tag-name" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">mce:script</span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> </span><span class="attribute" style="margin:0px;padding:0px;border:none;color:red;background-color:inherit">id</span><span style="margin:0px;padding:0px;border:none;background-color:inherit">=</span><span class="attribute-value" style="margin:0px;padding:0px;border:none;color:blue;background-color:inherit">"remoteScript"</span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> </span><span class="attribute" style="margin:0px;padding:0px;border:none;color:red;background-color:inherit">type</span><span style="margin:0px;padding:0px;border:none;background-color:inherit">=</span><span class="attribute-value" style="margin:0px;padding:0px;border:none;color:blue;background-color:inherit">"text/javascript"</span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> </span><span class="attribute" style="margin:0px;padding:0px;border:none;color:red;background-color:inherit">src</span><span style="margin:0px;padding:0px;border:none;background-color:inherit">=</span><span class="attribute-value" style="margin:0px;padding:0px;border:none;color:blue;background-color:inherit">""</span><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">/></span><span style="margin:0px;padding:0px;border:none;background-color:inherit"><!-- </span></span></li> <li class="" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;background-color:rgb(248,248,248);line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold"><</span><span class="tag-name" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">head</span><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">></span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> </span></span></li> <li class="alt" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;color:inherit;line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold"><</span><span class="tag-name" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">body</span><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">></span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> </span></span></li> <li class="" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;background-color:rgb(248,248,248);line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold"><</span><span class="tag-name" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">script</span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> </span><span class="attribute" style="margin:0px;padding:0px;border:none;color:red;background-color:inherit">type</span><span style="margin:0px;padding:0px;border:none;background-color:inherit">=</span><span class="attribute-value" style="margin:0px;padding:0px;border:none;color:blue;background-color:inherit">"text/javascript"</span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> </span><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">></span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> </span></span></li> <li class="alt" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;color:inherit;line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"> Var <span class="attribute" style="margin:0px;padding:0px;border:none;color:red;background-color:inherit">remoteScript</span><span style="margin:0px;padding:0px;border:none;background-color:inherit">=</span><span class="attribute-value" style="margin:0px;padding:0px;border:none;color:blue;background-color:inherit">document</span><span style="margin:0px;padding:0px;border:none;background-color:inherit">.getElementById("remoteScript"); </span></span></li> <li class="" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;background-color:rgb(248,248,248);line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"> <span class="attribute" style="margin:0px;padding:0px;border:none;color:red;background-color:inherit">remoteScript.src</span><span style="margin:0px;padding:0px;border:none;background-color:inherit">=</span><span class="attribute-value" style="margin:0px;padding:0px;border:none;color:blue;background-color:inherit">"<a href="http://www.baidu.com/xxxxx.do">www.baidu.com/xxxxx.do</a>"</span><span style="margin:0px;padding:0px;border:none;background-color:inherit">;//域B的链接 </span></span></li> <li class="alt" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;color:inherit;line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"> alert(remote.test);//使用域B返回的JSON数据 </span></li><li class="" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;background-color:rgb(248,248,248);line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"> alert(f[0]); </span></li><li class="alt" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;color:inherit;line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit">// --<span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">></span><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold"></</span><span class="tag-name" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">mce:script</span><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">></span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> </span></span></li> <li class="" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;background-color:rgb(248,248,248);line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold"></</span><span class="tag-name" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">body</span><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">></span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> </span></span></li> <li class="alt" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;color:inherit;line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold"></</span><span class="tag-name" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">html</span><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">></span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> </span></span></li> </ol></div><p></p><p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;background-color:rgb(255,255,255)">注意:这种方案要求域B返回的数据必须是合法的JSON格式或者如JS文件的格式;比如域B返回的数据格式如下:<br>Var remote={test:’hello’};<br> Var f=[2,1];</p> <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;background-color:rgb(255,255,255)">方案3:<strong><span style="color:rgb(255,0,0)">隐藏iframe、共享domain</span></strong>:<br>即域A页面<a href="http://jipiao.taobao.com/yyyy.htm" style="color:rgb(51,102,153);text-decoration:none">http://jipiao.taobao.com/yyyy.htm</a> 的页面上写一个隐藏的iframe:<br> </p><div class="dp-highlighter bg_xhtml:firstline[1]" style="font-family:Consolas,'Courier New',Courier,mono,serif;font-size:12px;background-color:rgb(231,229,220);width:687.0499877929688px;overflow:auto;padding-top:1px;margin:18px 0px!important"> <div class="bar" style="padding-left:45px"><div class="tools" style="padding:3px 8px 10px 10px;font-size:9px;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;color:silver;background-color:rgb(248,248,248);border-left-width:3px;border-left-style:solid;border-left-color:rgb(108,226,108)"> <b>[xhtml:firstline[1]]</b> <a href="http://blog.csdn.net/tongdoudpj/article/details/4166096#" class="ViewSource" title="view plain" style="color:rgb(160,160,160);text-decoration:none;background-image:url('http://static.blog.csdn.net/scripts/SyntaxHighlighter/styles/images/default/ico_plain.gif');background-color:inherit;border:none;padding:1px;margin:0px 10px 0px 0px;font-size:9px;display:inline-block;width:16px;height:16px;background-repeat:no-repeat no-repeat">view plain</a><a href="http://blog.csdn.net/tongdoudpj/article/details/4166096#" class="CopyToClipboard" title="copy" style="color:rgb(160,160,160);text-decoration:none;background-image:url('http://static.blog.csdn.net/scripts/SyntaxHighlighter/styles/images/default/ico_copy.gif');background-color:inherit;border:none;padding:1px;margin:0px 10px 0px 0px;font-size:9px;display:inline-block;width:16px;height:16px;background-repeat:no-repeat no-repeat">copy</a><div style="width:18px;height:18px"> </div></div></div><ol start="1" class="dp-xml" style="margin:0px 0px 1px 45px!important;padding:0px;border:none;list-style-position:initial;background-color:rgb(255,255,255);color:rgb(92,92,92)"><li class="alt" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;color:inherit;line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold"><</span><span class="tag-name" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">html</span><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">></span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> </span></span></li> <li class="" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;background-color:rgb(248,248,248);line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold"><</span><span class="tag-name" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">head</span><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">></span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> </span></span></li> <li class="alt" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;color:inherit;line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold"><</span><span class="tag-name" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">head</span><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">></span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> </span></span></li> <li class="" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;background-color:rgb(248,248,248);line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold"><</span><span class="tag-name" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">body</span><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">></span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> </span></span></li> <li class="alt" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;color:inherit;line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold"><</span><span class="tag-name" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">mce:script</span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> </span><span class="attribute" style="margin:0px;padding:0px;border:none;color:red;background-color:inherit">type</span><span style="margin:0px;padding:0px;border:none;background-color:inherit">=</span><span class="attribute-value" style="margin:0px;padding:0px;border:none;color:blue;background-color:inherit">"text/javascript"</span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> </span><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">></span><span style="margin:0px;padding:0px;border:none;background-color:inherit"><!-- </span></span></li> <li class="" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;background-color:rgb(248,248,248);line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"> <span class="attribute" style="margin:0px;padding:0px;border:none;color:red;background-color:inherit">Document.domain</span><span style="margin:0px;padding:0px;border:none;background-color:inherit">=</span><span class="attribute-value" style="margin:0px;padding:0px;border:none;color:blue;background-color:inherit">"<a href="http://taobao.com">taobao.com</a>"</span><span style="margin:0px;padding:0px;border:none;background-color:inherit">; </span></span></li> <li class="alt" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;color:inherit;line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"> Var <span class="attribute" style="margin:0px;padding:0px;border:none;color:red;background-color:inherit">remoteHtml</span><span style="margin:0px;padding:0px;border:none;background-color:inherit">=</span><span class="attribute-value" style="margin:0px;padding:0px;border:none;color:blue;background-color:inherit">document</span><span style="margin:0px;padding:0px;border:none;background-color:inherit">.getElementById("remoteHtml"); </span></span></li> <li class="" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;background-color:rgb(248,248,248);line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"> <span class="attribute" style="margin:0px;padding:0px;border:none;color:red;background-color:inherit">remoteHtml.src</span><span style="margin:0px;padding:0px;border:none;background-color:inherit">=</span><span class="attribute-value" style="margin:0px;padding:0px;border:none;color:blue;background-color:inherit">"<a href="http://promotion.taobao.com/xxxx.htm">promotion.taobao.com/xxxx.htm</a>"</span><span style="margin:0px;padding:0px;border:none;background-color:inherit">;//这里访问域B的链接 </span></span></li> <li class="alt" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;color:inherit;line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"> var <span class="attribute" style="margin:0px;padding:0px;border:none;color:red;background-color:inherit">document</span><span style="margin:0px;padding:0px;border:none;background-color:inherit">=</span><span class="attribute-value" style="margin:0px;padding:0px;border:none;color:blue;background-color:inherit">remoteHtml</span><span style="margin:0px;padding:0px;border:none;background-color:inherit">.ContentDocument; //这里就可以使用document来操作域B中页面xxx.htm的数据了 </span></span></li> <li class="" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;background-color:rgb(248,248,248);line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit">// --<span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">></span><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold"></</span><span class="tag-name" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">mce:script</span><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">></span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> </span></span></li> <li class="alt" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;color:inherit;line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold"><</span><span class="tag-name" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">iframe</span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> </span><span class="attribute" style="margin:0px;padding:0px;border:none;color:red;background-color:inherit">id</span><span style="margin:0px;padding:0px;border:none;background-color:inherit">=</span><span class="attribute-value" style="margin:0px;padding:0px;border:none;color:blue;background-color:inherit">"remoteHtml"</span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> </span><span class="attribute" style="margin:0px;padding:0px;border:none;color:red;background-color:inherit">src</span><span style="margin:0px;padding:0px;border:none;background-color:inherit">=</span><span class="attribute-value" style="margin:0px;padding:0px;border:none;color:blue;background-color:inherit">""</span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> </span><span class="attribute" style="margin:0px;padding:0px;border:none;color:red;background-color:inherit">style</span><span style="margin:0px;padding:0px;border:none;background-color:inherit">=</span><span class="attribute-value" style="margin:0px;padding:0px;border:none;color:blue;background-color:inherit">"diapay:none"</span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> </span><span class="attribute" style="margin:0px;padding:0px;border:none;color:red;background-color:inherit">mce_style</span><span style="margin:0px;padding:0px;border:none;background-color:inherit">=</span><span class="attribute-value" style="margin:0px;padding:0px;border:none;color:blue;background-color:inherit">"diapay:none"</span><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">/></span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> </span></span></li> <li class="" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;background-color:rgb(248,248,248);line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold"></</span><span class="tag-name" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">body</span><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">></span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> </span></span></li> <li class="alt" style="margin:0px!important;padding:0px 3px 0px 10px!important;border-style:none none none solid;border-left-width:3px;border-left-color:rgb(108,226,108);list-style:decimal-leading-zero outside;color:inherit;line-height:18px"> <span style="margin:0px;padding:0px;border:none;color:black;background-color:inherit"><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold"></</span><span class="tag-name" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">html</span><span class="tag" style="margin:0px;padding:0px;border:none;color:rgb(153,51,0);background-color:inherit;font-weight:bold">></span><span style="margin:0px;padding:0px;border:none;background-color:inherit"> </span></span></li> </ol></div><p></p><p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;background-color:rgb(255,255,255)">注意:这里<a href="http://promotion.taobao.com/xxxx.htm" style="color:rgb(51,102,153);text-decoration:none">http://promotion.taobao.com/xxxx.htm</a> 页面也需要设置document.domain="<a href="http://taobao.com">taobao.com</a>", 这种方法才能奏效。<br> 之所以这种iframe的方法不适合不同父域之间的跨域,是因为设置document.domain只能设置为自己的父域,而不是能设置为其他域,例如:<a href="http://jiapiao.taobao.com">jiapiao.taobao.com</a>只能设置document.domain="<a href="http://taobao.com">taobao.com</a>",而不能是document.domain="<a href="http://baidu.com">baidu.com</a>";</p> <p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;background-color:rgb(255,255,255)">这里列举的三种方案<strong><span style="color:rgb(255,0,0)">各有优缺点</span></strong>:<br>Proxy方案优点是可以适用用于几乎所有的跨域访问,而且只需要要一个域中进行开发,另一个域可以提供任何类型格式的数据。缺点是这种方案经过了中间Proxy,所以延迟可能稍微大一点,并且会加重本域服务器的负荷,开发工作量也稍微大一点。<br> Script标签的方案可以说是非常简单的,不用几行代码就搞定了事,不过它对返回的数据格式要求有点严格,只能是Json格式数据,如果是其他格式的数据,那么这种方法就无能为力了。<br>隐藏iframe方式也很简单,它可以处理任何返回的数据格式,但它只适用在具有同一个父域下的跨域请求上,并且要求其他域得配合开发,即需要设置document.domain。</p><p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;background-color:rgb(255,255,255)"> 原帖详见:<a href="http://blog.csdn.net/lovingprince/archive/2008/09/20/2954675.aspx" style="color:rgb(51,102,153);text-decoration:none">http://blog.csdn.net/lovingprince/archive/2008/09/20/2954675.aspx</a></p><p style="color:rgb(51,51,51);font-family:Arial;font-size:14px;line-height:26px;background-color:rgb(255,255,255)"> </p><p>对于JS跨域访问的意思,我想再补充几点:</p><ol><li>跨域访问,简单来说就是 A 网站的 javascript 代码试图访问 B 网站,包括<strong><span style="color:rgb(255,0,0)">提交内容和获取内容</span></strong>;比如想从A网站的页面中执行另外一个B网站内某页面中的JS对象、或者想在A网站的页面中用JS去解析B网站内某页面的dom元素等;出现这种跨域访问问题的应用场景一般是iframe中嵌入不同域的页面、或者向不同域发送Ajax请求等;</li> <li>由于安全原因,跨域访问是被各大浏览器所默认禁止的;但是浏览器<span style="color:rgb(255,0,0)"><strong>并不禁止在页面中引用其他域的JS文件,并可以自由执行引入的JS文件中的function</strong></span>;这点个人觉得至关重要!</li><li>是否跨域的判断规则为对三者进行比较:<strong><span style="color:rgb(255,0,0)">域名、协议、端口</span></strong>;三者中若有一个不相同,则会出现跨域问题;我们经常说的跨域问题一般指域名不同,因为这种场景出现的几率最高而且有一些办法可以解决;比如前面提到的<a href="http://taobao.com">taobao.com</a>域下的二级域名跨域问题;</li> <li>对于主域都不一样、或者协议不同(比如https与http)的跨域问题(比如*.<a href="http://taobao.com">taobao.com</a>域想访问*.<a href="http://baidu.com">baidu.com</a>域内的内容),想从Web端来解决是完全不可能的,只能通过服务端Proxy的方案来解决;</li><li>常见的不同域间的页面制约dom元素包括: <br>window.location 可以设置,但不能读取。其它的 location 属性和方法被禁止访问; <br> document.href 可以设置,但不能读取。其它的 document 属性和方法被禁止访问; <br><iframe> 的 src 可以设置,但不能读取;</li></ol><p></p><br><br> ericssonxiaohttp://www.blogger.com/profile/05880131723631345428noreply@blogger.com0tag:blogger.com,1999:blog-1852547632205401054.post-166156595015215472012-08-21T00:04:00.000+08:002012-08-21T00:40:09.686+08:00Backbone JS框架指南<p style="margin:0px;padding:0.6em 0px 0.2em;border:0px;vertical-align:baseline;color:rgb(34,34,34);font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;font-size:14px;line-height:21px"> Backbone 是一个前端 JS 代码 MVC 框架,被著名的 37signals 用来构建他们的移动客户端。它不可取代 Jquery,不可取代现有的 template 库。而是和这些结合起来构建复杂的 web 前端交互应用。<img class="alignright size-medium wp-image-1626" title="backbone" src="http://blog.eood.cn/wp-content/uploads/2011/03/backbone-300x161.png" alt="" width="300" height="161" style="margin: 10px 0px 6px 15px; padding: 0px; border: 0px; vertical-align: baseline; float: right; "></p> <p style="margin:0px;padding:0.6em 0px 0.2em;border:0px;vertical-align:baseline;color:rgb(34,34,34);font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;font-size:14px;line-height:21px"> 如果项目涉及大量的 javascript 代码,实现很多复杂的前端交互功能,首先你会想到把数据和展示分离。使用 Jquery 的 selector 和 callback 可以轻松做到这点。但是对于富客户端的WEB应用大量代码的结构化组织非常必要。</p><p style="margin:0px;padding:0.6em 0px 0.2em;border:0px;vertical-align:baseline;color:rgb(34,34,34);font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;font-size:14px;line-height:21px"> Backbone 就提供了 javascript 代码的组织的功能。Backbone 主要包括 models, collections, views 和 events, controller 。</p><p style="margin:0px;padding:0.6em 0px 0.2em;border:0px;vertical-align:baseline;color:rgb(34,34,34);font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;font-size:14px;line-height:21px"> Models 用来创建数据,校验数据,存储数据到服务器端, Collections 包含你创建的 functions ,Views 用来展示数据。</p><p style="margin:0px;padding:0.6em 0px 0.2em;border:0px;vertical-align:baseline;color:rgb(34,34,34);font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;font-size:14px;line-height:21px"> Models 还可以绑定事件。比如用户动作变化触发 models 的 change 事件,所有展示此model 数据的 views 都会接收到 这个 change 事件,进行重绘。</p><p style="margin:0px;padding:0.6em 0px 0.2em;border:0px;vertical-align:baseline;color:rgb(34,34,34);font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;font-size:14px;line-height:21px"> <strong>事件的绑定和触发</strong></p><p style="margin:0px;padding:0.6em 0px 0.2em;border:0px;vertical-align:baseline;color:rgb(34,34,34);font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;font-size:14px;line-height:21px"> 以下是object 绑定 alert 事件和匿名回调函数的代码例子,object 之后 触发 alert 事件,并且传入参数 “an event”</p><pre style="margin-top:5px;margin-bottom:5px;padding:1em 1.5em;border:1px solid rgb(153,153,153);vertical-align:baseline;color:rgb(34,34,34);overflow:auto;background-color:rgb(245,245,245);font-size:13px;white-space:pre-wrap;font-family:monospace,'Lucida Console','DejaVu Sans Mono',Arial;line-height:21px"> var object = {}; _.extend(object, Backbone.Events); object.bind("alert", function(msg) { alert("Triggered " + msg); }); object.trigger("alert", "an event"); </pre><p style="margin:0px;padding:0.6em 0px 0.2em;border:0px;vertical-align:baseline;color:rgb(34,34,34);font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;font-size:14px;line-height:21px"> 假如你的网页上事件很多也可以用proxy的方式来分发所有事件:</p><pre style="margin-top:5px;margin-bottom:5px;padding:1em 1.5em;border:1px solid rgb(153,153,153);vertical-align:baseline;color:rgb(34,34,34);overflow:auto;background-color:rgb(245,245,245);font-size:13px;white-space:pre-wrap;font-family:monospace,'Lucida Console','DejaVu Sans Mono',Arial;line-height:21px"> proxy.bind("all", function(eventName) { object.trigger(eventName); }); </pre><p style="margin:0px;padding:0.6em 0px 0.2em;border:0px;vertical-align:baseline;color:rgb(34,34,34);font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;font-size:14px;line-height:21px"> <strong>Backbone 的 Models 是应用的核心</strong></p><p style="margin:0px;padding:0.6em 0px 0.2em;border:0px;vertical-align:baseline;color:rgb(34,34,34);font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;font-size:14px;line-height:21px"> 他包含了数据对象的属性,操作数据对象的函数。还实现和服务端交互的动作。</p><p style="margin:0px;padding:0.6em 0px 0.2em;border:0px;vertical-align:baseline;color:rgb(34,34,34);font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;font-size:14px;line-height:21px"> 以下是定时从服务器端更新 channel 的数据:</p><pre style="margin-top:5px;margin-bottom:5px;padding:1em 1.5em;border:1px solid rgb(153,153,153);vertical-align:baseline;color:rgb(34,34,34);overflow:auto;background-color:rgb(245,245,245);font-size:13px;white-space:pre-wrap;font-family:monospace,'Lucida Console','DejaVu Sans Mono',Arial;line-height:21px"> // Poll every 10 seconds to keep the channel model up-to-date. setInterval(function() { channel.fetch(); }, 10000); </pre><p style="margin:0px;padding:0.6em 0px 0.2em;border:0px;vertical-align:baseline;color:rgb(34,34,34);font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;font-size:14px;line-height:21px"> 以下是存储 book 的数据,这里通过重载 sync 函数,只让数据 alert 出来,sync 中的默认触发事件包括 fetch save refresh</p><pre style="margin-top:5px;margin-bottom:5px;padding:1em 1.5em;border:1px solid rgb(153,153,153);vertical-align:baseline;color:rgb(34,34,34);overflow:auto;background-color:rgb(245,245,245);font-size:13px;white-space:pre-wrap;font-family:monospace,'Lucida Console','DejaVu Sans Mono',Arial;line-height:21px"> Backbone.sync = function(method, model) { alert(method + ": " + JSON.stringify(model)); }; var book = new Backbone.Model({ title: "The Rough Riders", author: "Theodore Roosevelt" }); book.save(); </pre><p style="margin:0px;padding:0.6em 0px 0.2em;border:0px;vertical-align:baseline;color:rgb(34,34,34);font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;font-size:14px;line-height:21px"> <strong>Backbone 的 Controller 用来对 URL 和事件进行绑定</strong></p><p style="margin:0px;padding:0.6em 0px 0.2em;border:0px;vertical-align:baseline;color:rgb(34,34,34);font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;font-size:14px;line-height:21px"> 以下下例子中,分别将不同的以#开头的 URL 片段 绑定到不同的函数,实现服务器端 MVC 模型中的 router 一样的功能</p><pre style="margin-top:5px;margin-bottom:5px;padding:1em 1.5em;border:1px solid rgb(153,153,153);vertical-align:baseline;color:rgb(34,34,34);overflow:auto;background-color:rgb(245,245,245);font-size:13px;white-space:pre-wrap;font-family:monospace,'Lucida Console','DejaVu Sans Mono',Arial;line-height:21px"> var Workspace = Backbone.Controller.extend({ routes: { "help": "help", // #help "search/:query": "search", // #search/kiwis "search/:query/p:page": "search" // #search/kiwis/p7 }, help: function() { ... }, search: function(query, page) { ... } }); </pre><p style="margin:0px;padding:0.6em 0px 0.2em;border:0px;vertical-align:baseline;color:rgb(34,34,34);font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;font-size:14px;line-height:21px"> 值得提出的是 Backbone 的 router 也支持正则表达式的匹配</p><pre style="margin-top:5px;margin-bottom:5px;padding:1em 1.5em;border:1px solid rgb(153,153,153);vertical-align:baseline;color:rgb(34,34,34);overflow:auto;background-color:rgb(245,245,245);font-size:13px;white-space:pre-wrap;font-family:monospace,'Lucida Console','DejaVu Sans Mono',Arial;line-height:21px"> initialize: function(options) { // Matches #page/10, passing "10" this.route("page/:number", "page", function(number){ ... }); // Matches /117-a/b/c/open, passing "117-a/b/c" this.route(/^(.*?)\/open$/, "open", function(id){ ... }); } </pre><p style="margin:0px;padding:0.6em 0px 0.2em;border:0px;vertical-align:baseline;color:rgb(34,34,34);font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;font-size:14px;line-height:21px"> <strong>Backbone 的 Sync 默认通过调用Jquery的ajax方法来实现和服务器端的交互,实现数据的 CURD</strong></p><p style="margin:0px;padding:0.6em 0px 0.2em;border:0px;vertical-align:baseline;color:rgb(34,34,34);font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;font-size:14px;line-height:21px"> 比如 fetch 方法会触发 read 事件</p><p style="margin:0px;padding:0.6em 0px 0.2em;border:0px;vertical-align:baseline;color:rgb(34,34,34);font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;font-size:14px;line-height:21px"> <strong>Backbone 的 Views 用来接收用户的操作和修改 Model 的数据 ,另外通过 render 来展示数据</strong></p><p style="margin:0px;padding:0.6em 0px 0.2em;border:0px;vertical-align:baseline;color:rgb(34,34,34);font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;font-size:14px;line-height:21px"> 默认 render 并没有实现,你可以用 <a href="http://github.com/janl/mustache.js" style="margin:0px;padding:0px;border:0px;vertical-align:baseline;color:rgb(45,111,210);text-decoration:none">Mustache.js</a> 或者 <a href="http://documentcloud.github.com/underscore/" style="margin:0px;padding:0px;border:0px;vertical-align:baseline;color:rgb(45,111,210);text-decoration:none">Underscore.js</a> 来实现。</p> <p style="margin:0px;padding:0.6em 0px 0.2em;border:0px;vertical-align:baseline;color:rgb(34,34,34);font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;font-size:14px;line-height:21px"> 以下是接收用户操作的代码例子:</p><pre style="margin-top:5px;margin-bottom:5px;padding:1em 1.5em;border:1px solid rgb(153,153,153);vertical-align:baseline;color:rgb(34,34,34);overflow:auto;background-color:rgb(245,245,245);font-size:13px;white-space:pre-wrap;font-family:monospace,'Lucida Console','DejaVu Sans Mono',Arial;line-height:21px"> var DocumentView = Backbone.View.extend({ events: { "dblclick" : "open", "click .icon.doc" : "select", "contextmenu .icon.doc" : "showMenu", "click .show_notes" : "toggleNotes", "click .title .lock" : "editAccessLevel", "mouseover .title .date" : "showTooltip" }, render: function() { $(this.el).html(this.template(this.model.toJSON())); return this; }, open: function() { window.open(this.model.get("viewer_url")); }, select: function() { this.model.set({selected: true}); }, ... }); </pre><p style="margin:0px;padding:0.6em 0px 0.2em;border:0px;vertical-align:baseline;color:rgb(34,34,34);font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;font-size:14px;line-height:21px"> 以下是数据渲染 render 的例子</p><pre style="margin-top:5px;margin-bottom:5px;padding:1em 1.5em;border:1px solid rgb(153,153,153);vertical-align:baseline;color:rgb(34,34,34);overflow:auto;background-color:rgb(245,245,245);font-size:13px;white-space:pre-wrap;font-family:monospace,'Lucida Console','DejaVu Sans Mono',Arial;line-height:21px"> var Bookmark = Backbone.View.extend({ render: function() { $(this.el).html(this.template(this.model.toJSON())); return this; } }); </pre><p style="margin:0px;padding:0.6em 0px 0.2em;border:0px;vertical-align:baseline;color:rgb(34,34,34);font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;font-size:14px;line-height:21px"> <strong>参考</strong></p><p style="margin:0px;padding:0.6em 0px 0.2em;border:0px;vertical-align:baseline;color:rgb(34,34,34);font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;font-size:14px;line-height:21px"> <a href="http://documentcloud.github.com/backbone/" style="margin:0px;padding:0px;border:0px;vertical-align:baseline;color:rgb(45,111,210);text-decoration:none">http://documentcloud.github.com/backbone/</a></p><p style="margin:0px;padding:0.6em 0px 0.2em;border:0px;vertical-align:baseline;color:rgb(34,34,34);font-family:'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,Helvetica,sans-serif;font-size:14px;line-height:21px"> <a href="http://documentcloud.github.com/backbone/examples/todos/index.html" style="margin:0px;padding:0px;border:0px;vertical-align:baseline;color:rgb(45,111,210);text-decoration:none">http://documentcloud.github.com/backbone/examples/todos/index.html</a></p> <br> ericssonxiaohttp://www.blogger.com/profile/05880131723631345428noreply@blogger.com0tag:blogger.com,1999:blog-1852547632205401054.post-28328216623725219842012-08-20T23:51:00.001+08:002012-08-21T00:40:09.694+08:0015招快速减少页面载入时间<p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)">也许是因为越来越多的人用上了大号的水管,<br style="margin:0px auto;padding:0px"> 前端程序员差不多将网页的优化工作都抛在脑后了。<br style="margin:0px auto;padding:0px">越来越多的 widget 和 javascrīpt 代码被加在网页上,以致网页越来越慢。<br style="margin:0px auto;padding:0px">瞬间的载入速度让你感觉就像呼吸到一口新鲜空气。<br style="margin:0px auto;padding:0px">程序员有时忽略了一些非常简单的规则,导致降低了用户体验。页面的载入速度决定用户的情绪,尤其是电子商务网站。以下是一些它之所以这么重要的原因。</p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)">快速的载入可以提升用户体验。用户关注页面的载入速度,或自觉或不自觉地。就好比一个球队中的球员,只有当他表现差的时候才会引起关注。<br style="margin:0px auto;padding:0px"> 载入迅速的网页让人感觉更清爽。网页的载入速度有可能影响你的搜索引擎排名。Google 已经明确表示他们很关注网页的载入速度,并且会影响到 Adword 网页的索引,所以也不会在排名中占有太大的比重。<br style="margin:0px auto;padding:0px">慢速则赔钱——载入速度过慢会赶走你的访客。据估计每年电子商务网站都会因载入速度过慢,而损失11亿到13亿的收入。</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> 载入龟速就算是最优秀的网页设计也会被埋没。这里有一些很好的方法和工具可以帮助你建立一个快速流畅的网站。</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> </p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)">1. 一个基本的网页分析器</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> 可选的工具有很多,但我总是用“Web Page Analyzer”来检查一般性的错误,并且根据载入速度来判断网站的健康程度。这个分析工具可以显示海量的数据,比如有多少脚本代码、文件有多大等等可能影响到载入速度的因素。(这个工具很小气,100K的图片就警告了 - 译者注)</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> 2. Pingdom</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)">Pingdom 这个网站可以帮你检查损坏的图片链接或链接,测试你的图片和脚本的载入速度。坏链和图片是导致载入缓慢的主要原因。比如,我用这个分析了我的博客 LifeDev 后,我找到了一个错误脚本和2张失效的图片。搞定了这些错误后,网站的载入速度快了一倍。</p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> </p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> 它还有另外一个功能,就是可以看到载入的每一个阶段所用的时间。Pingdom 用不同的颜色表示载入过程的每一个阶段,比如开始连接,载入的第一个字节到最后一个字节等,这样你就可以知道时间究竟是浪费在了哪。</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> 3. 把文件放在本地</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)">虽然这么做会消耗一些带宽,但以本地文件替代照片管理服务(比如 <a href="http://flickr.com">flickr.com</a>),可以省下浏览器从站外下载图片的时间。本地文件总是比外部文件更快。</p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)">4. 设置图片的长度和宽度</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> 这是一个正确设置图片长度和宽度的示例:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"><img src="images/mine.gif" border="0" alt="my image" width=”125″ height=”250″ /></p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)">图片的长度和宽度设置与否简直是天壤之别。若设置了长宽,浏览器会在图片未完成下载前先载入其它内容,并且会在网页预留出图片的空间。否则浏览器会等待图片下载完成,再去载入其余的内容。</p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)">5. 慎用 widget</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> 即使 widget(窗口小插件,小固件,小器件等等,什么译法都有,这里保留英文 - 译者注)非常酷而且有一些非同寻常的功能,但考虑到牺牲掉的载入速度,忘掉它也应该不难。要是你的网站因 widget 而挂掉的话,赶紧删掉吧。</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> 6. 使用静态缓存</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)">关于缓存可以有很多种解决方案。从本质上讲,缓存就是:把用动态语言(比如 PHP)写出的页面转换成最终的静态的网页。服务器难以置信地擅长处理静态页面。把动态页面转换成静态页面可以减轻服务器负荷,并节省载入的时间。这里有一些流行语言的缓存教程可供参考:<br style="margin:0px auto;padding:0px"> * PHP<br style="margin:0px auto;padding:0px"> * Rails<br style="margin:0px auto;padding:0px"> * Perl<br style="margin:0px auto;padding:0px"> * Java<br style="margin:0px auto;padding:0px"> * ASP</p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)">7. 加速器</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> 动态语言通常都有脚本帮助加速运行。如果你使用的是 PHP,这些脚本也许有帮助:APC, Zend cache, Xcache</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> 8. Firebug</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> </p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> Firebug 是火狐浏览器的一个扩展插件,内嵌在浏览器内。Firebug 的一大功能就是分析网页的每一方面,特别是载入速度。</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> 9. 优化CSS</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> </p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> 减小JS和CSS代码可以大幅改善网页的载入速度。可以使用一些在线服务比如“CSS clean”来优化你的CSS代码,删去一些不必要的东西比如:<br style="margin:0px auto;padding:0px"> * 空格<br style="margin:0px auto;padding:0px"> * 换行符<br style="margin:0px auto;padding:0px"> * 多余的字符<br style="margin:0px auto;padding:0px"> * 根据级别更多地压缩代码</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)">10. 使用多个域名</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> 如果你的网页上有很多东西,建议多绑定几个域名,比如 <a href="http://server.example.com">server.example.com</a>,<a href="http://server2.example.com">server2.example.com</a>,等等。你同时只有有限的链接数到浏览器,如果绑定多个域名(即使使用同一IP)就可以同时下载多个对象。</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> 11. 精简 Cookie</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)">就像我们的日常饮食,想要保存健康(载入迅速)就不要吃太多的饼干(Cookie)。多余的 Cookie 会拖慢每个网页的载入速度。确保你的 Cookie 已经精简到最小,同时也优化下 Cookie 的使用。</p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)">12. 为 Cookie 资源使用独立的域名</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> 为了优化 Cookie 的使用,要为资源使用独立的域名。这对于使用顶级 Cookie 的人很有帮助,当你从上面下载文件的同时就会附上一个 Cookie 文件,如果使用不同的域名就可以避免这种情况。例如 Yahoo! 就使用 <a href="http://yimg.com">yimg.com</a> 存放他们的资源。</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> 13. 优化 Javascrīpt</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> </p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> 与优化 CSS(#9)的同理,JS代码同样需要优化。使用“Dean Edward’s packer”精简JS代码中冗余的部分。</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> 14. 合并JS文件</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)">通常来说,下载一堆小脚本比下载一个大脚本要慢得多。就是说,合并JS代码可以提升网页的加载速度。最简单的方法就是打开文件复制粘贴代码(很简单吧)。不过,有时还可以更简单一点:<br style="margin:0px auto;padding:0px"> * PHP<br style="margin:0px auto;padding:0px"> * Smarty (PHP 模板语言)<br style="margin:0px auto;padding:0px"> * Rails<br style="margin:0px auto;padding:0px"> * ASP</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> 15. 使用内容分发网络</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)">如果你的网站有较多的国际访客的话,建议使用内容分发网络(CDN)。内容分发网络可以自动判断访客的位置并选择服务器位置。比如,一头澳大利亚奶牛要通过网络联系中国的远房亲戚,那么网速会卡得她奶都挤不出来。但如果使用内容分发网络,她会被自动登陆到架设在澳大利亚的服务器(或较近的),这样她就会很快发现她的亲戚已经改产三聚氰胺了。</p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> </p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> 结论</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)">有时新增功能会像花钱一样容易,但根据历史经验,更少就是更多。更少的图片、脚本和 widget 意味着迅速的载入,而迅速的载入则意味这更高的用户体验。</p> <br> ericssonxiaohttp://www.blogger.com/profile/05880131723631345428noreply@blogger.com0tag:blogger.com,1999:blog-1852547632205401054.post-42739904848741712982012-08-20T23:48:00.000+08:002012-08-21T00:40:40.577+08:00常用DIV+CSS网页制作布局技术技巧<p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"><strong style="margin:0px auto;padding:0px;font-weight:normal">CSS布局常用的方法:float:none|left|right</strong> <br style="margin:0px auto;padding:0px"> 取值:<br style="margin:0px auto;padding:0px">none: 默认值。对象不飘浮<br style="margin:0px auto;padding:0px">left: 文本流向对象的右边<br style="margin:0px auto;padding:0px">right: 文本流向对象的左边</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> 它是怎样工作的,看个一行两列的例子 <br style="margin:0px auto;padding:0px"><strong style="margin:0px auto;padding:0px;font-weight:normal">xhtml代码:</strong></p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> </p><table cellspacing="0" cellpadding="6" width="95%" align="center" border="0" style="margin:0px auto;padding:0px;border-collapse:collapse;border-spacing:0px;font-size:12px;color:rgb(0,0,0);font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;line-height:20px;text-align:start;background-color:rgb(245,245,245);border:1px dotted rgb(204,204,204);table-layout:fixed"> <tbody style="margin:0px auto;padding:0px"><tr style="margin:0px auto;padding:0px"><td bgcolor="#fdfddf" style="margin:0px auto;padding:0px;word-wrap:break-word"><font color="#ff0000" style="margin:0px auto;padding:0px">以下为引用的内容:</font><br style="margin:0px auto;padding:0px"> <div id="wrap"> <br style="margin:0px auto;padding:0px"><div id="column1">这里是第一列</div> <br style="margin:0px auto;padding:0px"><div id="column2">这里是第二列</div> <br style="margin:0px auto;padding:0px"> <div class="clear"></div> /*这是违背web标准意图的,只是想说明在它下面的元素需要清除浮动*/ <br style="margin:0px auto;padding:0px"></div></td></tr></tbody></table><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> </p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"><strong style="margin:0px auto;padding:0px;font-weight:normal">CSS代码:</strong></p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"></p><table cellspacing="0" cellpadding="6" width="95%" align="center" border="0" style="margin:0px auto;padding:0px;border-collapse:collapse;border-spacing:0px;font-size:12px;color:rgb(0,0,0);font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;line-height:20px;text-align:start;background-color:rgb(245,245,245);border:1px dotted rgb(204,204,204);table-layout:fixed"> <tbody style="margin:0px auto;padding:0px"><tr style="margin:0px auto;padding:0px"><td bgcolor="#fdfddf" style="margin:0px auto;padding:0px;word-wrap:break-word"><font color="#ff0000" style="margin:0px auto;padding:0px">以下为引用的内容:</font><br style="margin:0px auto;padding:0px"> #wrap{width:100;height:auto;} <br style="margin:0px auto;padding:0px">#column1{float:left;width:40;} <br style="margin:0px auto;padding:0px">#column2{float:right;width:60;} <br style="margin:0px auto;padding:0px">.clear{clear:both;}</td> </tr></tbody></table><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"></p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> position:static|absolute|fixed|relative<br style="margin:0px auto;padding:0px">取值:<br style="margin:0px auto;padding:0px">static: 默认值。无特殊定位,对象遵循HTML定位规则<br style="margin:0px auto;padding:0px">absolute: 将对象从文档流中拖出,使用left,right,top,bottom等属性相对于其最接近的一个最有定位设置的父对象进行绝对定位。如果不存在这样的父对象,则依据body对象。而其层叠通过z-index属性定义<br style="margin:0px auto;padding:0px"> fixed: 未支持。对象定位遵从绝对(absolute)方式。但是要遵守一些规范<br style="margin:0px auto;padding:0px">relative: 对象不可层叠,但将依据left,right,top,bottom等属性在正常文档流中偏移位置</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> 它来实现一行两列的例子 <br style="margin:0px auto;padding:0px"><strong style="margin:0px auto;padding:0px;font-weight:normal">xhtml代码:</strong></p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> </p><table cellspacing="0" cellpadding="6" width="95%" align="center" border="0" style="margin:0px auto;padding:0px;border-collapse:collapse;border-spacing:0px;font-size:12px;color:rgb(0,0,0);font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;line-height:20px;text-align:start;background-color:rgb(245,245,245);border:1px dotted rgb(204,204,204);table-layout:fixed"> <tbody style="margin:0px auto;padding:0px"><tr style="margin:0px auto;padding:0px"><td bgcolor="#fdfddf" style="margin:0px auto;padding:0px;word-wrap:break-word"><font color="#ff0000" style="margin:0px auto;padding:0px">以下为引用的内容:</font><br style="margin:0px auto;padding:0px"> <div id="wrap"> <br style="margin:0px auto;padding:0px"><div id="column1">这里是第一列</div> <br style="margin:0px auto;padding:0px"><div id="column2">这里是第二列</div> <br style="margin:0px auto;padding:0px"> </div></td></tr></tbody></table><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"></p><div class="content" id="textbody" style="margin:0px auto;padding:8px 0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> <p style="margin:5px auto;padding:0px"></p><p style="margin:5px auto;padding:0px"><strong style="margin:0px auto;padding:0px;font-weight:normal">CSS代码:</strong></p><p style="margin:5px auto;padding:0px"></p><table cellspacing="0" cellpadding="6" width="95%" align="center" border="0" style="margin:0px auto;padding:0px;border-collapse:collapse;border-spacing:0px;font-size:inherit;border:1px dotted rgb(204,204,204);table-layout:fixed"> <tbody style="margin:0px auto;padding:0px"><tr style="margin:0px auto;padding:0px"><td bgcolor="#fdfddf" style="margin:0px auto;padding:0px;word-wrap:break-word"><font color="#ff0000" style="margin:0px auto;padding:0px">以下为引用的内容:</font><br style="margin:0px auto;padding:0px"> #wrap{position:relative;/*相对定位*/width:770px;} <br style="margin:0px auto;padding:0px">#column1{position:absolute;top:0;left:0;width:300px;} <br style="margin:0px auto;padding:0px">#column2{position:absolute;top:0;right:0;width:470px;} </td> </tr></tbody></table><p style="margin:5px auto;padding:0px"></p><p style="margin:5px auto;padding:0px">他们的区别在哪? <br style="margin:0px auto;padding:0px">显然,float是相对定位的,会随着浏览器的大小和分辨率的变化而改变,而position就不行了,所以一般情况下还是float布局!</p> <p style="margin:5px auto;padding:0px"><strong style="margin:0px auto;padding:0px;font-weight:normal">CSS常用布局实例</strong></p><p style="margin:5px auto;padding:0px"><strong style="margin:0px auto;padding:0px;font-weight:normal">单行一列</strong></p> <p style="margin:5px auto;padding:0px"></p><table cellspacing="0" cellpadding="6" width="95%" align="center" border="0" style="margin:0px auto;padding:0px;border-collapse:collapse;border-spacing:0px;font-size:inherit;border:1px dotted rgb(204,204,204);table-layout:fixed"> <tbody style="margin:0px auto;padding:0px"><tr style="margin:0px auto;padding:0px"><td bgcolor="#fdfddf" style="margin:0px auto;padding:0px;word-wrap:break-word"><font color="#ff0000" style="margin:0px auto;padding:0px">以下为引用的内容:</font><br style="margin:0px auto;padding:0px"> body{margin:0px;padding:0px;text-align:center;} <br style="margin:0px auto;padding:0px">#content{margin-left:auto;margin-right:auto;width:400px;} </td></tr></tbody></table><p style="margin:5px auto;padding:0px"></p><p style="margin:5px auto;padding:0px"> <strong style="margin:0px auto;padding:0px;font-weight:normal">两行一列</strong></p><p style="margin:5px auto;padding:0px"></p><table cellspacing="0" cellpadding="6" width="95%" align="center" border="0" style="margin:0px auto;padding:0px;border-collapse:collapse;border-spacing:0px;font-size:inherit;border:1px dotted rgb(204,204,204);table-layout:fixed"> <tbody style="margin:0px auto;padding:0px"><tr style="margin:0px auto;padding:0px"><td bgcolor="#fdfddf" style="margin:0px auto;padding:0px;word-wrap:break-word"><font color="#ff0000" style="margin:0px auto;padding:0px">以下为引用的内容:</font><br style="margin:0px auto;padding:0px"> body{margin:0px;padding:0px;text-align:center;} <br style="margin:0px auto;padding:0px">#content-top{margin-left:auto;margin-right:auto;width:400px;} <br style="margin:0px auto;padding:0px">#content-end{margin-left:auto;margin-right:auto;width:400px;} </td> </tr></tbody></table><p style="margin:5px auto;padding:0px"></p><p style="margin:5px auto;padding:0px"><br style="margin:0px auto;padding:0px"><strong style="margin:0px auto;padding:0px;font-weight:normal">三行一列</strong></p> <p style="margin:5px auto;padding:0px"></p><table cellspacing="0" cellpadding="6" width="95%" align="center" border="0" style="margin:0px auto;padding:0px;border-collapse:collapse;border-spacing:0px;font-size:inherit;border:1px dotted rgb(204,204,204);table-layout:fixed"> <tbody style="margin:0px auto;padding:0px"><tr style="margin:0px auto;padding:0px"><td bgcolor="#fdfddf" style="margin:0px auto;padding:0px;word-wrap:break-word"><font color="#ff0000" style="margin:0px auto;padding:0px">以下为引用的内容:</font><br style="margin:0px auto;padding:0px"> body{margin:0px;padding:0px;text-align:center;} <br style="margin:0px auto;padding:0px">#content-top{margin-left:auto;margin-right:auto;width:400px;width:370px;} <br style="margin:0px auto;padding:0px">#content-mid{margin-left:auto;margin-right:auto;width:400px;} <br style="margin:0px auto;padding:0px"> #content-end{margin-left:auto;margin-right:auto;width:400px;}</td></tr></tbody></table><p style="margin:5px auto;padding:0px"></p><p style="margin:5px auto;padding:0px"><strong style="margin:0px auto;padding:0px;font-weight:normal">单行两列</strong></p> <p style="margin:5px auto;padding:0px"></p><table cellspacing="0" cellpadding="6" width="95%" align="center" border="0" style="margin:0px auto;padding:0px;border-collapse:collapse;border-spacing:0px;font-size:inherit;border:1px dotted rgb(204,204,204);table-layout:fixed"> <tbody style="margin:0px auto;padding:0px"><tr style="margin:0px auto;padding:0px"><td bgcolor="#fdfddf" style="margin:0px auto;padding:0px;word-wrap:break-word"><font color="#ff0000" style="margin:0px auto;padding:0px">以下为引用的内容:</font><br style="margin:0px auto;padding:0px"> #bodycenter{width:700px;margin-right:auto;margin-left:auto;overflow:auto;} <br style="margin:0px auto;padding:0px">#bodycenter#dv1{float:left;width:280px;} <br style="margin:0px auto;padding:0px">#bodycenter#dv2{float:right;width:420px;} </td> </tr></tbody></table><p style="margin:5px auto;padding:0px"></p><p style="margin:5px auto;padding:0px"><strong style="margin:0px auto;padding:0px;font-weight:normal">两行两列</strong></p><p style="margin:5px auto;padding:0px"> </p><table cellspacing="0" cellpadding="6" width="95%" align="center" border="0" style="margin:0px auto;padding:0px;border-collapse:collapse;border-spacing:0px;font-size:inherit;border:1px dotted rgb(204,204,204);table-layout:fixed"> <tbody style="margin:0px auto;padding:0px"><tr style="margin:0px auto;padding:0px"><td bgcolor="#fdfddf" style="margin:0px auto;padding:0px;word-wrap:break-word"><font color="#ff0000" style="margin:0px auto;padding:0px">以下为引用的内容:</font><br style="margin:0px auto;padding:0px"> #header{width:700px;margin-right:auto;margin-left:auto;overflow:auto;} <br style="margin:0px auto;padding:0px">#bodycenter{width:700px;margin-right:auto;margin-left:auto;overflow:auto;} <br style="margin:0px auto;padding:0px"> #bodycenter#dv1{float:left;width:280px;} <br style="margin:0px auto;padding:0px">#bodycenter#dv2{float:right;width:420px;} </td></tr></tbody></table><p style="margin:5px auto;padding:0px"></p><p style="margin:5px auto;padding:0px"> <br style="margin:0px auto;padding:0px"><strong style="margin:0px auto;padding:0px;font-weight:normal">三行两列</strong></p><p style="margin:5px auto;padding:0px"></p><table cellspacing="0" cellpadding="6" width="95%" align="center" border="0" style="margin:0px auto;padding:0px;border-collapse:collapse;border-spacing:0px;font-size:inherit;border:1px dotted rgb(204,204,204);table-layout:fixed"> <tbody style="margin:0px auto;padding:0px"><tr style="margin:0px auto;padding:0px"><td bgcolor="#fdfddf" style="margin:0px auto;padding:0px;word-wrap:break-word"><font color="#ff0000" style="margin:0px auto;padding:0px">以下为引用的内容:</font><br style="margin:0px auto;padding:0px"> #header{width:700px;margin-right:auto;margin-left:auto;} <br style="margin:0px auto;padding:0px">#bodycenter{width:700px;margin-right:auto;margin-left:auto;} <br style="margin:0px auto;padding:0px">#bodycenter#dv1{float:left;width:280px;} <br style="margin:0px auto;padding:0px"> #bodycenter#dv2{float:right;width:420px;} <br style="margin:0px auto;padding:0px">#footer{width:700px;margin-right:auto;margin-left:auto;overflow:auto;clear:both;} </td></tr></tbody></table><p style="margin:5px auto;padding:0px"> </p><p style="margin:5px auto;padding:0px"><strong style="margin:0px auto;padding:0px;font-weight:normal">单行三列<br style="margin:0px auto;padding:0px"><br style="margin:0px auto;padding:0px">绝对定位</strong></p><p style="margin:5px auto;padding:0px"> </p><p style="margin:5px auto;padding:0px"></p><table cellspacing="0" cellpadding="6" width="95%" align="center" border="0" style="margin:0px auto;padding:0px;border-collapse:collapse;border-spacing:0px;font-size:inherit;border:1px dotted rgb(204,204,204);table-layout:fixed"> <tbody style="margin:0px auto;padding:0px"><tr style="margin:0px auto;padding:0px"><td bgcolor="#fdfddf" style="margin:0px auto;padding:0px;word-wrap:break-word"><font color="#ff0000" style="margin:0px auto;padding:0px">以下为引用的内容:</font><br style="margin:0px auto;padding:0px"> #left{position:absolute;top:0px;left:0px;width:120px;} <br style="margin:0px auto;padding:0px">#middle{margin:0px190px0px190px;} <br style="margin:0px auto;padding:0px">#right{position:absolute;top:0px;right:0px;width:120px;} </td> </tr></tbody></table><p style="margin:5px auto;padding:0px"></p><p style="margin:5px auto;padding:0px"><br style="margin:0px auto;padding:0px"><strong style="margin:0px auto;padding:0px;font-weight:normal">float定位<br style="margin:0px auto;padding:0px"> </strong>xhtml代码:</p><p style="margin:5px auto;padding:0px"></p><table cellspacing="0" cellpadding="6" width="95%" align="center" border="0" style="margin:0px auto;padding:0px;border-collapse:collapse;border-spacing:0px;font-size:inherit;border:1px dotted rgb(204,204,204);table-layout:fixed"> <tbody style="margin:0px auto;padding:0px"><tr style="margin:0px auto;padding:0px"><td bgcolor="#fdfddf" style="margin:0px auto;padding:0px;word-wrap:break-word"><font color="#ff0000" style="margin:0px auto;padding:0px">以下为引用的内容:</font><br style="margin:0px auto;padding:0px"> <div id="wrap"> <br style="margin:0px auto;padding:0px"><div id="column"> <br style="margin:0px auto;padding:0px"><div id="column1">这里是第一列</div> <br style="margin:0px auto;padding:0px"> <div id="column2">这里是第二列</div> <br style="margin:0px auto;padding:0px"><div class="clear"></div>/*用法web标准不建议,但是记住下面元素需要清除浮动*/ <br style="margin:0px auto;padding:0px"></div> <br style="margin:0px auto;padding:0px"> <divid="column3">这里是第三列</div> <br style="margin:0px auto;padding:0px"><divclass="clear"></div>/*用法web标准不建议,但是记住下面元素需要清除浮动*/ <br style="margin:0px auto;padding:0px"></div> </td> </tr></tbody></table><p style="margin:5px auto;padding:0px"></p><p style="margin:5px auto;padding:0px">CSS代码:</p><p style="margin:5px auto;padding:0px"></p><table cellspacing="0" cellpadding="6" width="95%" align="center" border="0" style="margin:0px auto;padding:0px;border-collapse:collapse;border-spacing:0px;font-size:inherit;border:1px dotted rgb(204,204,204);table-layout:fixed"> <tbody style="margin:0px auto;padding:0px"><tr style="margin:0px auto;padding:0px"><td bgcolor="#fdfddf" style="margin:0px auto;padding:0px;word-wrap:break-word"><font color="#ff0000" style="margin:0px auto;padding:0px">以下为引用的内容:</font><br style="margin:0px auto;padding:0px"> #wrap{width:100;height:auto;} <br style="margin:0px auto;padding:0px">#column{float:left;width:60;} <br style="margin:0px auto;padding:0px">#column1{float:left;width:30;} <br style="margin:0px auto;padding:0px">#column2{float:right;width:30;} <br style="margin:0px auto;padding:0px"> #column3{float:right;width:40;} <br style="margin:0px auto;padding:0px">.clear{clear:both;} </td></tr></tbody></table><br style="margin:0px auto;padding:0px"><strong style="margin:0px auto;padding:0px;font-weight:normal">float定位二<br style="margin:0px auto;padding:0px"> </strong>xhtml代码:<p style="margin:5px auto;padding:0px"></p><p style="margin:5px auto;padding:0px"></p><table cellspacing="0" cellpadding="6" width="95%" align="center" border="0" style="margin:0px auto;padding:0px;border-collapse:collapse;border-spacing:0px;font-size:inherit;border:1px dotted rgb(204,204,204);table-layout:fixed"> <tbody style="margin:0px auto;padding:0px"><tr style="margin:0px auto;padding:0px"><td bgcolor="#fdfddf" style="margin:0px auto;padding:0px;word-wrap:break-word"><font color="#ff0000" style="margin:0px auto;padding:0px">以下为引用的内容:</font><br style="margin:0px auto;padding:0px"> <div id="center"class="column"> <br style="margin:0px auto;padding:0px"><h1>Thisisthemaincontent.</h1> <br style="margin:0px auto;padding:0px"></div> <br style="margin:0px auto;padding:0px"> <div id="left"class="column"> <br style="margin:0px auto;padding:0px"><h2>Thisistheleftsidebar.</h2> <br style="margin:0px auto;padding:0px"></div> <br style="margin:0px auto;padding:0px"> <div id="right"class="column"> <br style="margin:0px auto;padding:0px"><h2>Thisistherightsidebar.</h2> <br style="margin:0px auto;padding:0px"></div></td></tr></tbody></table><p style="margin:5px auto;padding:0px"> </p><p style="margin:5px auto;padding:0px">CSS代码:</p><p style="margin:5px auto;padding:0px"></p><table cellspacing="0" cellpadding="6" width="95%" align="center" border="0" style="margin:0px auto;padding:0px;border-collapse:collapse;border-spacing:0px;font-size:inherit;border:1px dotted rgb(204,204,204);table-layout:fixed"> <tbody style="margin:0px auto;padding:0px"><tr style="margin:0px auto;padding:0px"><td bgcolor="#fdfddf" style="margin:0px auto;padding:0px;word-wrap:break-word"><font color="#ff0000" style="margin:0px auto;padding:0px">以下为引用的内容:</font><br style="margin:0px auto;padding:0px"> body{ <br style="margin:0px auto;padding:0px">margin:0; <br style="margin:0px auto;padding:0px">padding-left:200px;/*LCfullwidth*/ <br style="margin:0px auto;padding:0px">padding-right:190px;/*RCfullwidth CCpadding*/ <br style="margin:0px auto;padding:0px"> min-width:200px;/*LCfullwidth CCpadding*/ <br style="margin:0px auto;padding:0px">} <br style="margin:0px auto;padding:0px">.column{ <br style="margin:0px auto;padding:0px">position:relative; <br style="margin:0px auto;padding:0px"> float:left; <br style="margin:0px auto;padding:0px">} <br style="margin:0px auto;padding:0px">#center{ <br style="margin:0px auto;padding:0px">width:100; <br style="margin:0px auto;padding:0px">} <br style="margin:0px auto;padding:0px"> #left{ <br style="margin:0px auto;padding:0px">width:200px;/*LCwidth*/ <br style="margin:0px auto;padding:0px">right:200px;/*LCfullwidth*/ <br style="margin:0px auto;padding:0px">margin-left:-100; <br style="margin:0px auto;padding:0px"> } <br style="margin:0px auto;padding:0px">#right{ <br style="margin:0px auto;padding:0px">width:190px;/*RCwidth*/ <br style="margin:0px auto;padding:0px">margin-right:-100; <br style="margin:0px auto;padding:0px">}</td></tr> </tbody></table></div><br><br> ericssonxiaohttp://www.blogger.com/profile/05880131723631345428noreply@blogger.com0tag:blogger.com,1999:blog-1852547632205401054.post-29420552443141171462012-08-20T22:42:00.001+08:002012-08-21T00:40:09.701+08:00javascrip跨域方法总解<h3 style="margin:0px;padding:0px 0px 5px;color:rgb(17,17,17);border-bottom-color:rgb(221,221,221);border-bottom-width:1px;border-bottom-style:solid;font-size:14px;font-family:'microsoft yahei',verdana,arial;line-height:24px;background-color:rgb(255,255,255)"> 什么是跨域</h3><p style="margin:15px 0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)">JavaScript出于安全方面的考虑,不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下:<span id="more-82"></span></p> <ul style="margin:16px;padding:10px;background-color:rgb(247,247,247);border-left-width:3px;border-left-style:solid;border-left-color:rgb(20,107,0);list-style:decimal outside none;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px"> <li style="margin:0px 0px 0px 26px;padding:0px;list-style:disc"><a href="http://www.cnblogs.com/rainman/archive/2011/02/20/1959325.html#m0" style="outline:none;color:rgb(0,101,134)">什么是跨域</a></li><li style="margin:0px 0px 0px 26px;padding:0px;list-style:disc"> <a href="http://www.cnblogs.com/rainman/archive/2011/02/20/1959325.html#m1" style="outline:none;color:rgb(0,101,134)">1、document.domain+iframe的设置</a></li><li style="margin:0px 0px 0px 26px;padding:0px;list-style:disc"><a href="http://www.cnblogs.com/rainman/archive/2011/02/20/1959325.html#m2" style="outline:none;color:rgb(0,101,134)">2、动态创建script</a></li> <li style="margin:0px 0px 0px 26px;padding:0px;list-style:disc"><a href="http://www.cnblogs.com/rainman/archive/2011/02/20/1959325.html#m3" style="outline:none;color:rgb(0,101,134)">3、利用iframe和location.hash</a></li><li style="margin:0px 0px 0px 26px;padding:0px;list-style:disc"> <a href="http://www.cnblogs.com/rainman/archive/2011/02/20/1959325.html#m4" style="outline:none;color:rgb(0,101,134)">4、window.name实现的跨域数据传输</a></li><li style="margin:0px 0px 0px 26px;padding:0px;list-style:disc"><a href="http://www.cnblogs.com/rainman/archive/2011/02/20/1959325.html#m5" style="outline:none;color:rgb(0,101,134)">5、使用HTML5 postMessage</a></li> <li style="margin:0px 0px 0px 26px;padding:0px;list-style:disc"><a href="http://www.cnblogs.com/rainman/archive/2011/02/20/1959325.html#m6" style="outline:none;color:rgb(0,101,134)">6、利用flash</a></li></ul><p style="margin:15px 0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)"> 本文来自网络(<a href="http://f2e.me/200904/cross-scripting/">http://f2e.me/200904/cross-scripting/</a>,该网址已不能访问),仅作个人读书笔记之用,并稍作修改和补充。</p><p style="margin:15px 0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)"> 首先什么是跨域,简单地理解就是因为JavaScript同源策略的限制,<a href="http://a.com">a.com</a> 域名下的js无法操作<a href="http://b.com">b.com</a>或是<a href="http://c.a.com">c.a.com</a>域名下的对象。更详细的说明可以看下表:</p><table style="color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;text-align:left;background-color:rgb(255,255,255)"> <tbody><tr><th style="margin:0px;padding:0px">URL</th><th style="margin:0px;padding:0px">说明</th><th style="margin:0px;padding:0px">是否允许通信</th></tr><tr><td style="margin:0px;padding:0px"><a href="http://www.a.com/a.js">http://www.a.com/a.js</a><p style="margin:15px 0px;padding:0px"> </p><p style="margin:15px 0px;padding:0px"><a href="http://www.a.com/b.js">http://www.a.com/b.js</a></p></td><td style="margin:0px;padding:0px">同一域名下</td><td style="margin:0px;padding:0px">允许</td></tr><tr><td style="margin:0px;padding:0px"> <a href="http://www.a.com/lab/a.js">http://www.a.com/lab/a.js</a><p style="margin:15px 0px;padding:0px"></p><p style="margin:15px 0px;padding:0px"><a href="http://www.a.com/script/b.js">http://www.a.com/script/b.js</a></p> </td><td style="margin:0px;padding:0px">同一域名下不同文件夹</td><td style="margin:0px;padding:0px">允许</td></tr><tr><td style="margin:0px;padding:0px"><a href="http://www.a.com:8000/a.js">http://www.a.com:8000/a.js</a><p style="margin:15px 0px;padding:0px"> </p><p style="margin:15px 0px;padding:0px"><a href="http://www.a.com/b.js">http://www.a.com/b.js</a></p></td><td style="margin:0px;padding:0px">同一域名,不同端口</td><td style="margin:0px;padding:0px">不允许</td></tr><tr><td style="margin:0px;padding:0px"> <a href="http://www.a.com/a.js">http://www.a.com/a.js</a><p style="margin:15px 0px;padding:0px"></p><p style="margin:15px 0px;padding:0px"><a href="https://www.a.com/b.js">https://www.a.com/b.js</a></p></td><td style="margin:0px;padding:0px"> 同一域名,不同协议</td><td style="margin:0px;padding:0px">不允许</td></tr><tr><td style="margin:0px;padding:0px"><a href="http://www.a.com/a.js">http://www.a.com/a.js</a><p style="margin:15px 0px;padding:0px"></p><p style="margin:15px 0px;padding:0px"> <a href="http://70.32.92.74/b.js">http://70.32.92.74/b.js</a></p></td><td style="margin:0px;padding:0px">域名和域名对应ip</td><td style="margin:0px;padding:0px">不允许</td></tr><tr><td style="margin:0px;padding:0px"><a href="http://www.a.com/a.js">http://www.a.com/a.js</a><p style="margin:15px 0px;padding:0px"> </p><p style="margin:15px 0px;padding:0px"><a href="http://script.a.com/b.js">http://script.a.com/b.js</a></p></td><td style="margin:0px;padding:0px">主域相同,子域不同</td><td style="margin:0px;padding:0px">不允许</td></tr><tr><td style="margin:0px;padding:0px"> <a href="http://www.a.com/a.js">http://www.a.com/a.js</a><p style="margin:15px 0px;padding:0px"></p><p style="margin:15px 0px;padding:0px"><a href="http://a.com/b.js">http://a.com/b.js</a></p></td><td style="margin:0px;padding:0px"> 同一域名,不同二级域名(同上)</td><td style="margin:0px;padding:0px">不允许(cookie这种情况下也不允许访问)</td></tr><tr><td style="margin:0px;padding:0px"><a href="http://www.cnblogs.com/a.js">http://www.cnblogs.com/a.js</a><p style="margin:15px 0px;padding:0px"> </p><p style="margin:15px 0px;padding:0px"><a href="http://www.a.com/b.js">http://www.a.com/b.js</a></p></td><td style="margin:0px;padding:0px">不同域名</td><td style="margin:0px;padding:0px">不允许</td></tr></tbody></table><dl style="margin:0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)"> <dt style="margin:0px;padding:0px">特别注意两点:</dt><dd style="margin:0px;padding:0px">第一,如果是协议和端口造成的跨域问题“前台”是无能为力的,</dd><dd style="margin:0px;padding:0px">第二:在跨域问题上,域仅仅是通过“URL的首部”来识别而不会去尝试判断相同的ip地址对应着两个域或两个域是否在同一个ip上。<br>“URL的首部”指window.location.protocol +window.location.host,也可以理解为“Domains, protocols and ports must match”。</dd> </dl><p style="margin:15px 0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)">接下来简单地总结一下在“前台”一般处理跨域的办法,后台proxy这种方案牵涉到后台配置,这里就不阐述了,有兴趣的可以看看yahoo的这篇文章:《<a href="http://developer.yahoo.com/javascript/howto-proxy.html" target="_blank" style="outline:none;color:rgb(0,101,134)">JavaScript: Use a Web Proxy for Cross-Domain XMLHttpRequest Calls</a>》</p> <p style="margin:15px 0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)"><a name="m1" href="http://www.cnblogs.com/rainman/archive/2011/02/20/1959325.html#" style="outline:none;color:rgb(0,101,134)"></a></p> <h3 style="margin:0px;padding:0px 0px 5px;color:rgb(17,17,17);border-bottom-color:rgb(221,221,221);border-bottom-width:1px;border-bottom-style:solid;font-size:14px;font-family:'microsoft yahei',verdana,arial;line-height:24px;background-color:rgb(255,255,255)"> 1、document.domain+iframe的设置</h3><p style="margin:15px 0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)">对 于主域相同而子域不同的例子,可以通过设置document.domain的办法来解决。 具体的做法是可以在<a href="http://www.a.com/a.html">http://www.a.com/a.html</a>和<a href="http://script.a.com/b.html">http://script.a.com/b.html</a>两个文件中分别加上 document.domain = ‘<a href="http://a.com">a.com</a>’;然后通过a.html文件中创建一个iframe,去控制iframe的contentDocument,这样两个js文件之间就可以 “交互”了。当然这种办法只能解决主域相同而二级域名不同的情况,如果你异想天开的把<a href="http://script.a.com">script.a.com</a>的domian设为<a href="http://alibaba.com">alibaba.com</a> 那显然是会报错地!代码如下:</p> <p style="margin:15px 0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)"><a href="http://www.a.com">www.a.com</a>上的a.html</p> <div style="color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)"><pre style="margin:15px auto;padding:10px 15px;font-size:12px;line-height:20px;font-family:'courier new';border-width:1px 1px 1px 4px;border-style:solid;border-color:rgb(214,214,214);background-image:url('http://wumingli.sinaapp.com/wp-content/themes/d4/img/codecolorer_bg.gif');background-color:rgb(251,251,251)"> document.domain = '<a href="http://a.com">a.com</a>'; var ifr = document.createElement('iframe'); ifr.src = '<a href="http://script.a.com/b.html">http://script.a.com/b.html</a>'; ifr.style.display = 'none'; document.body.appendChild(ifr); ifr.onload = function(){ var doc = ifr.contentDocument || ifr.contentWindow.document; // 在这里操纵b.html alert(doc.getElementsByTagName("h1")[0].childNodes[0].nodeValue); };</pre></div><p style="margin:15px 0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)"><a href="http://script.a.com">script.a.com</a>上的b.html</p> <div style="color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)"><pre style="margin:15px auto;padding:10px 15px;font-size:12px;line-height:20px;font-family:'courier new';border-width:1px 1px 1px 4px;border-style:solid;border-color:rgb(214,214,214);background-image:url('http://wumingli.sinaapp.com/wp-content/themes/d4/img/codecolorer_bg.gif');background-color:rgb(251,251,251)"> document.domain = '<a href="http://a.com">a.com</a>';</pre></div><p style="margin:15px 0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)"> 这种方式适用于{<a href="http://www.kuqin.com">www.kuqin.com</a>, <a href="http://kuqin.com">kuqin.com</a>, <a href="http://script.kuqin.com">script.kuqin.com</a>, <a href="http://css.kuqin.com">css.kuqin.com</a>}中的任何页面相互通信。</p> <p style="margin:15px 0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)"> 备 注:某一页面的domain默认等于window.location.hostname。主域名是不带www的域名,例如<a href="http://a.com">a.com</a>,主域名前面带前缀的 通常都为二级域名或多级域名,例如<a href="http://www.a.com">www.a.com</a>其实是二级域名。 domain只能设置为主域名,不可以在<a href="http://b.a.com">b.a.com</a>中将domain设置为<a href="http://c.a.com">c.a.com</a>。</p> <dl style="margin:0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)"><dt style="margin:0px;padding:0px">问题:</dt><dd style="margin:0px;padding:0px"> 1、安全性,当一个站点(<a href="http://b.a.com">b.a.com</a>)被攻击后,另一个站点(<a href="http://c.a.com">c.a.com</a>)会引起安全漏洞。</dd><dd style="margin:0px;padding:0px">2、如果一个页面中引入多个iframe,要想能够操作所有iframe,必须都得设置相同domain。</dd></dl><p style="margin:15px 0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)"> <a name="m2" href="http://www.cnblogs.com/rainman/archive/2011/02/20/1959325.html#" style="outline:none;color:rgb(0,101,134)"></a></p><h3 style="margin:0px;padding:0px 0px 5px;color:rgb(17,17,17);border-bottom-color:rgb(221,221,221);border-bottom-width:1px;border-bottom-style:solid;font-size:14px;font-family:'microsoft yahei',verdana,arial;line-height:24px;background-color:rgb(255,255,255)"> 2、动态创建script</h3><p style="margin:15px 0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)">虽然浏览器默认禁止了跨域访问,但并不禁止在页面中引用其他域的JS文件,并可以自由执行引入的JS文件中的function(包括操作cookie、Dom等等)。根据这一点,可以方便地通过创建script节点的方法来实现完全跨域的通信。具体的做法可以参考YUI的<a href="http://developer.yahoo.com/yui/get/" target="_blank" style="outline:none;color:rgb(0,101,134)">Get Utility</a></p> <p style="margin:15px 0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)">这里判断script节点加载完毕还是蛮有意思的:ie只能通过script的readystatechange属性,其它浏览器是script的load事件。以下是部分判断script加载完毕的方法。</p> <div style="color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)"><pre style="margin:15px auto;padding:10px 15px;font-size:12px;line-height:20px;font-family:'courier new';border-width:1px 1px 1px 4px;border-style:solid;border-color:rgb(214,214,214);background-image:url('http://wumingli.sinaapp.com/wp-content/themes/d4/img/codecolorer_bg.gif');background-color:rgb(251,251,251)"> js.onload = js.onreadystatechange = function() { if (!this.readyState || this.readyState === 'loaded' || this.readyState === 'complete') { // callback在此处执行 js.onload = js.onreadystatechange = null; } };</pre></div><p style="margin:15px 0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)"><a name="m3" href="http://www.cnblogs.com/rainman/archive/2011/02/20/1959325.html#" style="outline:none;color:rgb(0,101,134)"></a></p> <h3 style="margin:0px;padding:0px 0px 5px;color:rgb(17,17,17);border-bottom-color:rgb(221,221,221);border-bottom-width:1px;border-bottom-style:solid;font-size:14px;font-family:'microsoft yahei',verdana,arial;line-height:24px;background-color:rgb(255,255,255)"> 3、利用iframe和location.hash</h3><p style="margin:15px 0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)">这 个办法比较绕,但是可以解决完全跨域情况下的脚步置换问题。原理是利用location.hash来进行传值。在url: <a href="http://a.com#helloword">http://a.com#helloword</a>中的‘#helloworld’就是location.hash,改变hash并不会导致页面刷新,所以可 以利用hash值来进行数据传递,当然数据容量是有限的。假设域名<a href="http://a.com">a.com</a>下的文件<a href="http://cs1.xn--htmlcnblogs-b14sq126c.com">cs1.html要和cnblogs.com</a>域名下的 cs2.html传递信息,cs1.html首先创建自动创建一个隐藏的iframe,iframe的src指向<a href="http://cnblogs.com">cnblogs.com</a>域名下的 cs2.html页面,这时的hash值可以做参数传递用。cs2.html响应请求后再将通过修改cs1.html的hash值来传递数据(由于两个页 面不在同一个域下IE、Chrome不允许修改parent.location.hash的值,所以要借助于<a href="http://a.com">a.com</a>域名下的一个代理 iframe;Firefox可以修改)。同时在cs1.html上加一个定时器,隔一段时间来判断location.hash的值有没有变化,一点有变 化则获取获取hash值。代码如下:</p> <p style="margin:15px 0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)">先是<a href="http://a.com">a.com</a>下的文件cs1.html文件:</p> <div style="color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)"><pre style="margin:15px auto;padding:10px 15px;font-size:12px;line-height:20px;font-family:'courier new';border-width:1px 1px 1px 4px;border-style:solid;border-color:rgb(214,214,214);background-image:url('http://wumingli.sinaapp.com/wp-content/themes/d4/img/codecolorer_bg.gif');background-color:rgb(251,251,251)"> function startRequest(){ var ifr = document.createElement('iframe'); ifr.style.display = 'none'; ifr.src = '<a href="http://www.cnblogs.com/lab/cscript/cs2.html#paramdo">http://www.cnblogs.com/lab/cscript/cs2.html#paramdo</a>'; document.body.appendChild(ifr); } function checkHash() { try { var data = location.hash ? location.hash.substring(1) : ''; if (console.log) { console.log('Now the data is '+data); } } catch(e) {}; } setInterval(checkHash, 2000);</pre></div><p style="margin:15px 0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)"><a href="http://cnblogs.com">cnblogs.com</a>域名下的cs2.html:</p> <div style="color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)"><pre style="margin:15px auto;padding:10px 15px;font-size:12px;line-height:20px;font-family:'courier new';border-width:1px 1px 1px 4px;border-style:solid;border-color:rgb(214,214,214);background-image:url('http://wumingli.sinaapp.com/wp-content/themes/d4/img/codecolorer_bg.gif');background-color:rgb(251,251,251)"> //模拟一个简单的参数处理操作 switch(location.hash){ case '#paramdo': callBack(); break; case '#paramset': //do something…… break; } function callBack(){ try { parent.location.hash = 'somedata'; } catch (e) { // ie、chrome的安全机制无法修改parent.location.hash, // 所以要利用一个中间的cnblogs域下的代理iframe var ifrproxy = document.createElement('iframe'); ifrproxy.style.display = 'none'; ifrproxy.src = '<a href="http://a.com/test/cscript/cs3.html#somedata">http://a.com/test/cscript/cs3.html#somedata</a>'; // 注意该文件在"<a href="http://a.com">a.com</a>"域下 document.body.appendChild(ifrproxy); } }</pre></div><p style="margin:15px 0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)"><a href="http://a.com">a.com</a>下的域名cs3.html</p> <div style="color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)"><pre style="margin:15px auto;padding:10px 15px;font-size:12px;line-height:20px;font-family:'courier new';border-width:1px 1px 1px 4px;border-style:solid;border-color:rgb(214,214,214);background-image:url('http://wumingli.sinaapp.com/wp-content/themes/d4/img/codecolorer_bg.gif');background-color:rgb(251,251,251)"> //因为parent.parent和自身属于同一个域,所以可以改变其location.hash的值 parent.parent.location.hash = self.location.hash.substring(1);</pre></div><p style="margin:15px 0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)"> 当然这样做也存在很多缺点,诸如数据直接暴露在了url中,数据容量和类型都有限等……</p><p style="margin:15px 0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)"> <a name="m4" href="http://www.cnblogs.com/rainman/archive/2011/02/20/1959325.html#" style="outline:none;color:rgb(0,101,134)"></a></p><h3 style="margin:0px;padding:0px 0px 5px;color:rgb(17,17,17);border-bottom-color:rgb(221,221,221);border-bottom-width:1px;border-bottom-style:solid;font-size:14px;font-family:'microsoft yahei',verdana,arial;line-height:24px;background-color:rgb(255,255,255)"> 4、<a href="http://window.name">window.name</a>实现的跨域数据传输</h3><p style="margin:15px 0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)"> 有三个页面:</p><ul style="margin:16px;padding:10px;background-color:rgb(247,247,247);border-left-width:3px;border-left-style:solid;border-left-color:rgb(20,107,0);list-style:decimal outside none;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px"> <li style="margin:0px 0px 0px 26px;padding:0px;list-style:disc"><a href="http://a.com/app.html">a.com/app.html</a>:应用页面。</li><li style="margin:0px 0px 0px 26px;padding:0px;list-style:disc"><a href="http://a.com/proxy.html">a.com/proxy.html</a>:代理文件,一般是一个没有任何内容的html文件,需要和应用页面在同一域下。</li> <li style="margin:0px 0px 0px 26px;padding:0px;list-style:disc"><a href="http://b.com/data.html">b.com/data.html</a>:应用页面需要获取数据的页面,可称为数据页面。</li></ul><p style="margin:15px 0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)"> 实现起来基本步骤如下:</p><ol style="margin:16px;padding:10px;background-color:rgb(247,247,247);border-left-width:3px;border-left-style:solid;border-left-color:rgb(20,107,0);list-style-position:outside;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px"> <li style="margin:0px 0px 0px 26px;padding:0px;list-style:decimal-leading-zero outside">在应用页面(<a href="http://a.com/app.html">a.com/app.html</a>)中创建一个iframe,把其src指向数据页面(<a href="http://b.com/data.html">b.com/data.html</a>)。<br> 数据页面会把数据附加到这个iframe的<a href="http://window.name">window.name</a>上,data.html代码如下:<p style="margin:15px 0px;padding:0px"></p><div><pre style="margin:15px auto;padding:10px 15px;font-size:12px;line-height:20px;font-family:'courier new';border-width:1px 1px 1px 4px;border-style:solid;border-color:rgb(214,214,214);background-image:url('http://wumingli.sinaapp.com/wp-content/themes/d4/img/codecolorer_bg.gif');background-color:rgb(251,251,251)"> <script type="text/javascript"> <a href="http://window.name">window.name</a> = 'I was there!'; // 这里是要传输的数据,大小一般为2M,IE和firefox下可以大至32M左右 // 数据格式可以自定义,如json、字符串 </script></pre></div></li><li style="margin:0px 0px 0px 26px;padding:0px;list-style:decimal-leading-zero outside">在应用页面(<a href="http://a.com/app.html">a.com/app.html</a>)中监听iframe的onload事件,在此事件中设置这个iframe的src指向本地域的代理文件(代理文件和应用页面在同一域下,所以可以相互通信)。app.html部分代码如下:<div> <pre style="margin:15px auto;padding:10px 15px;font-size:12px;line-height:20px;font-family:'courier new';border-width:1px 1px 1px 4px;border-style:solid;border-color:rgb(214,214,214);background-image:url('http://wumingli.sinaapp.com/wp-content/themes/d4/img/codecolorer_bg.gif');background-color:rgb(251,251,251)"> <script type="text/javascript"> var state = 0, iframe = document.createElement('iframe'), loadfn = function() { if (state === 1) { var data = <a href="http://iframe.contentWindow.name">iframe.contentWindow.name</a>; // 读取数据 alert(data); //弹出'I was there!' } else if (state === 0) { state = 1; iframe.contentWindow.location = "<a href="http://a.com/proxy.html">http://a.com/proxy.html</a>"; // 设置的代理文件 } }; iframe.src = '<a href="http://b.com/data.html">http://b.com/data.html</a>'; if (iframe.attachEvent) { iframe.attachEvent('onload', loadfn); } else { iframe.onload = loadfn; } document.body.appendChild(iframe); </script></pre></div></li><li style="margin:0px 0px 0px 26px;padding:0px;list-style:decimal-leading-zero outside">获取数据以后销毁这个iframe,释放内存;这也保证了安全(不被其他域frame js访问)。<div><pre style="margin:15px auto;padding:10px 15px;font-size:12px;line-height:20px;font-family:'courier new';border-width:1px 1px 1px 4px;border-style:solid;border-color:rgb(214,214,214);background-image:url('http://wumingli.sinaapp.com/wp-content/themes/d4/img/codecolorer_bg.gif');background-color:rgb(251,251,251)"> <script type="text/javascript"> iframe.contentWindow.document.write(''); iframe.contentWindow.close(); document.body.removeChild(iframe); </script></pre></div></li></ol><p style="margin:15px 0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)">总结起来即:iframe的src属性由外域转向本地域,跨域数据即由iframe的<a href="http://window.name">window.name</a>从外域传递到本地域。这个就巧妙地绕过了浏览器的跨域访问限制,但同时它又是安全操作。</p> <p style="margin:15px 0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)"><a name="m5" href="http://www.cnblogs.com/rainman/archive/2011/02/20/1959325.html#" style="outline:none;color:rgb(0,101,134)"></a></p> <h3 style="margin:0px;padding:0px 0px 5px;color:rgb(17,17,17);border-bottom-color:rgb(221,221,221);border-bottom-width:1px;border-bottom-style:solid;font-size:14px;font-family:'microsoft yahei',verdana,arial;line-height:24px;background-color:rgb(255,255,255)"> 5、使用HTML5 postMessage</h3><p style="margin:15px 0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)"><a href="http://dev.w3.org/html5/spec/" target="_blank" style="outline:none;color:rgb(0,101,134)">HTML5</a>中最酷的新功能之一就是 <a href="http://www.whatwg.org/specs/web-apps/current-work/#crossDocumentMessages" target="_blank" style="outline:none;color:rgb(0,101,134)">跨文档消息传输Cross Document Messaging</a>。 下一代浏览器都将支持这个功能:Chrome 2.0+、Internet Explorer 8.0+, Firefox 3.0+, Opera 9.6+, 和 Safari 4.0+ 。 Facebook已经使用了这个功能,用postMessage支持基于web的实时消息传递。</p> <dl style="margin:0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)"><dt style="margin:0px;padding:0px">otherWindow.postMessage(message, targetOrigin);</dt> <dd style="margin:0px;padding:0px">otherWindow: 对接收信息页面的window的引用。可以是页面中iframe的contentWindow属性;<a href="https://developer.mozilla.org/en/DOM/window.open" target="_blank" style="outline:none;color:rgb(0,101,134)">window.open</a>的返回值;通过name或下标从<a href="https://developer.mozilla.org/en/DOM/window.frames" target="_blank" style="outline:none;color:rgb(0,101,134)">window.frames</a>取到的值。<br> message: 所要发送的数据,string类型。<br>targetOrigin: 用于限制otherWindow,“*”表示不作限制</dd></dl><p style="margin:15px 0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)"> <a href="http://a.com/index.html">a.com/index.html</a>中的代码:</p><div style="color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)"><pre style="margin:15px auto;padding:10px 15px;font-size:12px;line-height:20px;font-family:'courier new';border-width:1px 1px 1px 4px;border-style:solid;border-color:rgb(214,214,214);background-image:url('http://wumingli.sinaapp.com/wp-content/themes/d4/img/codecolorer_bg.gif');background-color:rgb(251,251,251)"> <iframe id="ifr" src="<a href="http://b.com/index.html">b.com/index.html</a>"></iframe> <script type="text/javascript"> window.onload = function() { var ifr = document.getElementById('ifr'); var targetOrigin = '<a href="http://b.com">http://b.com</a>'; // 若写成'<a href="http://b.com/c/proxy.html'">http://b.com/c/proxy.html'</a>效果一样 // 若写成'<a href="http://c.com">http://c.com</a>'就不会执行postMessage了 ifr.contentWindow.postMessage('I was there!', targetOrigin); }; </script></pre></div><p style="margin:15px 0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)"><a href="http://b.com/index.html">b.com/index.html</a>中的代码:</p> <div style="color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)"><pre style="margin:15px auto;padding:10px 15px;font-size:12px;line-height:20px;font-family:'courier new';border-width:1px 1px 1px 4px;border-style:solid;border-color:rgb(214,214,214);background-image:url('http://wumingli.sinaapp.com/wp-content/themes/d4/img/codecolorer_bg.gif');background-color:rgb(251,251,251)"> <script type="text/javascript"> window.addEventListener('message', function(event){ // 通过origin属性判断消息来源地址 if (event.origin == '<a href="http://a.com">http://a.com</a>') { alert(event.data); // 弹出"I was there!" alert(event.source); // 对<a href="http://a.com">a.com</a>、index.html中window对象的引用 // 但由于同源策略,这里event.source不可以访问window对象 } }, false); </script></pre></div><p style="margin:15px 0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)">参考文章:<a href="http://www.grati.org/?p=429" target="_blank" style="outline:none;color:rgb(0,101,134)">《精通HTML5编程》第五章——跨文档消息机制</a>、<a href="https://developer.mozilla.org/en/dom/window.postmessage" target="_blanks" style="outline:none;color:rgb(0,101,134)">https://developer.mozilla.org/en/dom/window.postmessage</a></p> <p style="margin:15px 0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)"><a name="m6" href="http://www.cnblogs.com/rainman/archive/2011/02/20/1959325.html#" style="outline:none;color:rgb(0,101,134)"></a></p> <h3 style="margin:0px;padding:0px 0px 5px;color:rgb(17,17,17);border-bottom-color:rgb(221,221,221);border-bottom-width:1px;border-bottom-style:solid;font-size:14px;font-family:'microsoft yahei',verdana,arial;line-height:24px;background-color:rgb(255,255,255)"> 6、利用flash</h3><p style="margin:15px 0px;padding:0px;color:rgb(68,68,68);font-family:'microsoft yahei',verdana,arial;font-size:13px;line-height:24px;background-color:rgb(255,255,255)">这是从YUI3的IO组件中看到的办法,具体可见<a href="http://developer.yahoo.com/yui/3/io/" target="_blank" style="outline:none;color:rgb(0,101,134)">http://developer.yahoo.com/yui/3/io/</a>。<br> 可以看在Adobe Developer Connection看到更多的跨域代理文件规范:<a href="http://www.adobe.com/devnet/articles/crossdomain_policy_file_spec.html" target="_blank" style="outline:none;color:rgb(0,101,134)">ross-Domain Policy File Specifications</a>、<a href="http://www.adobe.com/devnet/articles/crossdomain_policy_file_spec.html" target="_blank" style="outline:none;color:rgb(0,101,134)">HTTP Headers Blacklist</a>。</p> <br> ericssonxiaohttp://www.blogger.com/profile/05880131723631345428noreply@blogger.com0tag:blogger.com,1999:blog-1852547632205401054.post-47437162409955310742012-08-19T23:41:00.002+08:002012-08-21T00:40:09.800+08:00常用js框架,js库<p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)">目前来看,JS框架以及一些开发包和库类有如下几个,<a href="http://dojotoolkit.org/" style="margin:0px auto;padding:0px;color:rgb(36,95,18)"><font color="#266875" style="margin:0px auto;padding:0px">Dojo</font></a> 、<a href="http://script.aculo.us/" style="margin:0px auto;padding:0px;color:rgb(36,95,18)"><font color="#266875" style="margin:0px auto;padding:0px">Scriptaculous</font></a> 、<a href="http://prototype.conio.net/" style="margin:0px auto;padding:0px;color:rgb(36,95,18)"><font color="#266875" style="margin:0px auto;padding:0px">Prototype</font></a> 、<a href="http://developer.yahoo.com/yui/" style="margin:0px auto;padding:0px;color:rgb(36,95,18)"><font color="#266875" style="margin:0px auto;padding:0px">yui-ext</font></a> 、<a href="http://docs.jquery.com/Main_Page" style="margin:0px auto;padding:0px;color:rgb(36,95,18)"><font color="#266875" style="margin:0px auto;padding:0px">Jquery</font></a> 、<a href="http://www.mochikit.com/" style="margin:0px auto;padding:0px;color:rgb(36,95,18)"><font color="#266875" style="margin:0px auto;padding:0px">Mochikit</font></a>、<a href="http://mootools.net/download" style="margin:0px auto;padding:0px;color:rgb(36,95,18)"><font color="#266875" style="margin:0px auto;padding:0px">mootools</font></a> 、<a href="http://moofx.mad4milk.net/" style="margin:0px auto;padding:0px;color:rgb(36,95,18)"><font color="#266875" style="margin:0px auto;padding:0px">moo.fx</font></a><br style="margin:0px auto;padding:0px"> <a href="http://dojotoolkit.org/" style="margin:0px auto;padding:0px;color:rgb(36,95,18)"><font color="#266875" style="margin:0px auto;padding:0px">Dojo</font></a> (JS library and UI component ):<br style="margin:0px auto;padding:0px"> Dojo是目前最为强大的j s框架,它在自己的Wiki上给自己下了一个定义,dojo是一个用JavaScript编写的开源的DHTML工具箱。dojo很想做一个“大一统”的工具箱,不仅仅是浏览器层面的,野心还是很大的。Dojo包括ajax, browser, event, widget等跨浏览器API,包括了JS本身的语言扩展,以及各个方面的工具类库,和比较完善的UI组件库,也被广泛应用在很多项目中,他的UI组件的特点是通过给html标签增加tag的方式进行扩展,而不是通过写JS来生成,dojo的API模仿Java类库的组织方式。 用dojo写Web OS可谓非常方便。dojo现在已经4.0了,dojo强大的地方在于界面和特效的封装,可以让开发者快速构建一些兼容标准的界面。</p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)">优点:库相当完善,发展时间也比较长,功能强大,据说利用dojo的io.bind()可以实现comet,看见其功能强大非一般,得到IBM和SUN的支持<br style="margin:0px auto;padding:0px"> 缺点:文件体积比较大,200多KB,初次下载相当慢,此外,dojo的类库使用显得不是那么易用,j s语法增强方面不如prototype。</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> <a href="http://prototype.conio.net/" style="margin:0px auto;padding:0px;color:rgb(36,95,18)"><font color="#266875" style="margin:0px auto;padding:0px">Prototype</font></a> (JS OO library):<br style="margin:0px auto;padding:0px"> 是一个非常优雅的JS库,定义了JS的面向对象扩展,DOM操作API,事件等等,以prototype为核心,形成了一个外围的各种各样的JS扩展库,是相当有前途的JS底层框架,值得推荐,感觉也是现实中应用最广的库类(RoR集成的AJAX JS库),之上还有 <a href="http://script.aculo.us/" style="margin:0px auto;padding:0px;color:rgb(36,95,18)"><font color="#266875" style="margin:0px auto;padding:0px">Scriptaculous</font></a> 实现一些JS组件功能和效果。</p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)">优点:基本底层,易学易用,甚至是其他一些js特效开发包的底层,体积算是最小的了。<br style="margin:0px auto;padding:0px"> 缺点:如果说缺点,可能就是功能是他的弱项</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"><a href="http://script.aculo.us/" style="margin:0px auto;padding:0px;color:rgb(36,95,18)"><font color="#266875" style="margin:0px auto;padding:0px">Scriptaculous</font></a> (JS UI component based on prototype):<br style="margin:0px auto;padding:0px"> Scriptaculous是基于prototype.js框架的JS效果。包含了6个js文件,不同的文件对应不同的js效果,所以说,如果底层用 prototype的话,做js效果用Scriptaculous那是再合适不过的了,连大名鼎鼎的digg都在用他,可见不一般<br style="margin:0px auto;padding:0px">优点:基于prototype是最大的优点,由于使用prototype的广泛性,无疑对用户书锦上添花,并且在《ajax in action》中就拿Scriptaculous来讲述js效果<br style="margin:0px auto;padding:0px"> 缺点:刚刚兴起,需要时间的磨练</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"><a href="http://developer.yahoo.com/yui/" style="margin:0px auto;padding:0px;color:rgb(36,95,18)"><font color="#266875" style="margin:0px auto;padding:0px">yui-ext</font></a> (JS UI component):<br style="margin:0px auto;padding:0px"> 基于Yahoo UI的扩展包yui-ext是具有CS风格的Web用户界面组件能实现复杂的Layout布局,界面效果可以和backbase媲美,而且使用纯javascript代码开发。真正的可编辑的表格Edit Grid,支持XML和Json数据类型,直接可以迁入grid。许多组件实现了对数据源的支持,例如动态的布局,可编辑的表格控件,动态加载的Tree 控件、动态拖拽效果等等。1.0 beta版开始同<a href="http://docs.jquery.com/Main_Page" style="margin:0px auto;padding:0px;color:rgb(36,95,18)"><font color="#266875" style="margin:0px auto;padding:0px">Jquery</font></a>合作,推出基于jQuery的Ext 1.0,提供了更多有趣的功能。<br style="margin:0px auto;padding:0px"> 优点:结构化,类似于java的结构,清晰明了,底层用到了<a href="http://docs.jquery.com/Main_Page" style="margin:0px auto;padding:0px;color:rgb(36,95,18)"><font color="#266875" style="margin:0px auto;padding:0px">Jquery</font></a>的一些函数,使整合使用有了选择,最重要的一点是界面太让让人震撼了。<br style="margin:0px auto;padding:0px"> 缺点:太过复杂,整个界面的构造过于复杂。</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"><a href="http://docs.jquery.com/Main_Page" style="margin:0px auto;padding:0px;color:rgb(36,95,18)"><font color="#266875" style="margin:0px auto;padding:0px">Jquery</font></a> :<br style="margin:0px auto;padding:0px"> jQuery是一款同prototype一样优秀js开发库类,特别是对css和XPath的支持,使我们写js变得更加方便!如果你不是个js高手又想写出优秀的js效果,jQuery可以帮你达到目的!并且简介的语法和高的效率一直是jQuery追求的目标,</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> 优点:注重简介和高效,js效果有<a href="http://developer.yahoo.com/yui/" style="margin:0px auto;padding:0px;color:rgb(36,95,18)"><font color="#266875" style="margin:0px auto;padding:0px">yui-ext</font></a>的选择,因为<a href="http://developer.yahoo.com/yui/" style="margin:0px auto;padding:0px;color:rgb(36,95,18)"><font color="#266875" style="margin:0px auto;padding:0px">yui-ext</font></a> 重用了很多jQuery的函数<br style="margin:0px auto;padding:0px"> 缺点:据说太嫩,历史不悠久。</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"><a href="http://www.mochikit.com/" style="margin:0px auto;padding:0px;color:rgb(36,95,18)"><font color="#266875" style="margin:0px auto;padding:0px">Mochikit</font></a> :<br style="margin:0px auto;padding:0px"> MochiKit自称为一个轻量级的js框架。MochiKit 主要受到 Python 和 Python 标准库提供的很多便利之处的启发,另外还缓解了浏览器版本之间的不一致性。其中的 MochiKit.DOM 尤其方便,能够以比原始 JavaScript 更友好的方式处理 DOM 对象。MochiKit.DOM 大部分都是针对 XHTML 文档定制的,如果与 MochiKit 和 Ajax 结合在一起,使用 XHTML 包装的微格式尤其方便。Mochikit可以直接对字符串或者数字格式化输出,比较实用和方便。它还有自己的 js 代码解释器</p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)">优点:MochiKit.DOM这部分很实用,简介也是很突出的<br style="margin:0px auto;padding:0px"> 缺点:轻量级的缺点</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"><a href="http://mootools.net/download" style="margin:0px auto;padding:0px;color:rgb(36,95,18)"><font color="#266875" style="margin:0px auto;padding:0px">mootools</font></a> :<br style="margin:0px auto;padding:0px"> MooTools是一个简洁,模块化,面向对象的JavaScript框架。它能够帮助你更快,更简单地编写可扩展和兼容性强的JavaScript代码。Mootools跟<a href="http://www.prototypejs.org/" style="margin:0px auto;padding:0px;color:rgb(36,95,18)"><font color="#266875" style="margin:0px auto;padding:0px">prototypejs</font></a>相类似,语法几乎一样。但它提供的功能要比<a href="http://www.prototypejs.org/" style="margin:0px auto;padding:0px;color:rgb(36,95,18)"><font color="#266875" style="margin:0px auto;padding:0px">prototypejs</font></a>多,而且更强大。比如增加了动画特效、拖放操作等等。</p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)">优点:可以定制自己所需要的功能,可以说是<a href="http://www.prototypejs.org/" style="margin:0px auto;padding:0px;color:rgb(36,95,18)"><font color="#266875" style="margin:0px auto;padding:0px">prototypejs</font></a>的增强版。<br style="margin:0px auto;padding:0px"> 缺点:不大不小,具体应用具体分析<br style="margin:0px auto;padding:0px"><a href="http://moofx.mad4milk.net/" style="margin:0px auto;padding:0px;color:rgb(36,95,18)"><font color="#266875" style="margin:0px auto;padding:0px">moo.fx</font></a> :<br style="margin:0px auto;padding:0px"> moo.fx是一个超级轻量级的javascript特效库(7k),能够与prototype.js或<a href="http://mootools.net/download" style="margin:0px auto;padding:0px;color:rgb(36,95,18)"><font color="#266875" style="margin:0px auto;padding:0px">mootools</font></a>框架一起使用。它非常快、易于使用、跨浏览器、符合标准,提供控制和修改任何HTML元素的CSS属性,包括颜色。它内置检查器能够防止用户通过多次或疯狂点击来破坏效果。moo.fx整体采用模块化设计,所以可以在它的基础上开发你需要的任何特效。</p> <span style="font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)">优点:小块头有大能耐</span><br style="margin:0px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> <span style="font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)">缺点:这么小了,已经不错了 </span><br style="margin:0px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;line-height:20px;background-color:rgb(245,245,245)"> <br><br> ericssonxiaohttp://www.blogger.com/profile/05880131723631345428noreply@blogger.com0tag:blogger.com,1999:blog-1852547632205401054.post-29725881495294159552012-08-19T23:41:00.001+08:002012-08-21T00:40:40.574+08:00CSS命名规范<p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)">一.文件命名规范</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 全局样式:global.css;<br style="margin:0px auto;padding:0px"> 框架布局:layout.css;<br style="margin:0px auto;padding:0px"> 字体样式:font.css;<br style="margin:0px auto;padding:0px"> 链接样式:link.css;<br style="margin:0px auto;padding:0px"> 打印样式:print.css;</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 二.常用类/ID命名规范</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 页 眉:header<br style="margin:0px auto;padding:0px"> 内 容:content<br style="margin:0px auto;padding:0px"> 容 器:container<br style="margin:0px auto;padding:0px"> 页 脚:footer<br style="margin:0px auto;padding:0px"> 版 权:copyright <br style="margin:0px auto;padding:0px"> 导 航:menu<br style="margin:0px auto;padding:0px"> 主导航:mainMenu<br style="margin:0px auto;padding:0px"> 子导航:subMenu<br style="margin:0px auto;padding:0px"> 标 志:logo<br style="margin:0px auto;padding:0px"> 标 语:banner<br style="margin:0px auto;padding:0px"> 标 题:title<br style="margin:0px auto;padding:0px"> 侧边栏:sidebar<br style="margin:0px auto;padding:0px"> 图 标:Icon<br style="margin:0px auto;padding:0px"> 注 释:note<br style="margin:0px auto;padding:0px"> 搜 索:search<br style="margin:0px auto;padding:0px"> 按 钮:btn<br style="margin:0px auto;padding:0px"> 登 录:login<br style="margin:0px auto;padding:0px"> 链 接:link<br style="margin:0px auto;padding:0px"> 信息框:manage<br style="margin:0px auto;padding:0px"> ……</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 常用类的命名应尽量以常见英文单词为准,做到通俗易懂,并在适当的地方加以注释。对于二级类/ID</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)">命名,则采用组合书写的模式,后一个单词的首字母应大写:诸如"搜索框"则应命名为"searchInput"、"搜</p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)">索图标"命名这"searchIcon"、"搜索按钮"命名为"searchBtn"……</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> CSS书写规范及方法</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 一. 常规书写规范及方法</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 1. 选择DOCTYPE:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> XHTML 1.0 提供了三种DTD声明可供选择:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 过渡的(Transitional):要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)">法)。完整代码如下:</p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>"></p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 严格的(Strict):要求严格的DTD,你不能使用任何表现层的标识和属性,例如<br>。完整代码如下:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"</p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)">"<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</a>"></p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 框架的(Frameset):专门针对框架页面设计使用的DTD,如果你的页面中包含有框架,需要采用这种</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> DTD。完整代码如下:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"</p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)">"<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd</a>"></p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 理想情况当然是严格的DTD,但对于我们大多数刚接触web标准的设计师来说,过渡的DTD(XHTML</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 1.0 Transitional)是目前理想选择(包括本站,使用的也是过渡型DTD)。因为这种DTD还允许我们使用表现</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)">层的标识、元素和属性,也比较容易通过W3C的代码校验。</p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 2. 指定语言及字符集:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 为文档指定语言:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> <html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>" lang="en"></p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 为了被浏览器正确解释和通过W3C代码校验,所有的XHTML文档都必须声明它们所使用的编码语言;</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 如:<br style="margin:0px auto;padding:0px"> 常用的语言定义:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8″ /><br style="margin:0px auto;padding:0px"> 标准的XML文档语言定义:<br style="margin:0px auto;padding:0px"> <?xml version="1.0″ encoding=" utf-8″?><br style="margin:0px auto;padding:0px"> 针对老版本的浏览器的语言定义:<br style="margin:0px auto;padding:0px"> <meta http-equiv="Content-Language" content=" utf-8″ /><br style="margin:0px auto;padding:0px"> 为提高字符集,建议采用"utf-8"。</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 3. 调用样式表:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 外部样式表调用:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 页面内嵌法:就是将样式表直接写在页面代码的head区。 如:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> <style type="text/css"><!� body { background : white ; color : black ; } �> </style><br style="margin:0px auto;padding:0px"> 外部调用法:将样式表写在一个独立的.css文件中,然后在页面head区用类似以下代码调用。</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> <link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" /></p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 在符合web标准的设计中,推荐使用外部调用法,可以不修改页面只修改.css文件而改变页面的样式。</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)">如果所有页面都调用同一个样式表文件,那么改一个样式表文件,可以改变所有文件的样式。</p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 4、选用恰当的元素:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 根据文档的结构来选择HTML元素,而不是根据HTML元素的样式来选择。例如,使用P元素来包含文字</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)">段落,而不是为了换行。如果在创建文档时找不到适当的元素,则可以考虑使用通用的div 或者是span;</p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 避免过渡使用div和span。少量、适当的使用div和span元素可以使文档的结构更加清晰合理并且易于使</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 用样式;</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 尽可能少地使用标签和结构嵌套,这样不但可以使文档结构清晰,同时也可以保持文件的小巧,在提</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 高用户下载速度的同时,也易于浏览器对文档的解释及呈视;</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 5、派生选择器:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 可以使用派生选择器给一个元素里的子元素定义样式,在简化命名的同时也使结构更加的清晰化,如</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)">:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> .mainMenu ul li {background:url(images/bg.gif;)}</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 6、辅助图片用背影图处理:</p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 这里的"辅助图片"是指那些不是作为页面要表达的内容的一部分,而仅仅用于修饰、间隔、提醒的图片</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 。将其做背影图处理,可以在不改动页面的情况下通过CSS样式来进行改动,如:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> #logo {background:url(images/logo.jpg) #FEFEFE no-repeat right bottom;}</p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 7、结构与样式分离:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 在页面里只写入文档的结构,而将样式写于css文件中,通过外部调用CSS样式表来实现结构与样式的</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)">分离。</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 8、文档的结构化书写:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 页面CSS文档都应采用结构化的书写方式,逻辑清晰易于阅读。如:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> <div id="mainMenu"><br style="margin:0px auto;padding:0px"> <ul><br style="margin:0px auto;padding:0px"> <li><a href="#" >首页</a></li><br style="margin:0px auto;padding:0px"> <li><a href="#" >介绍</a></li><br style="margin:0px auto;padding:0px"> <li><a href="#" >服务</a></li><br style="margin:0px auto;padding:0px"> </ul><br style="margin:0px auto;padding:0px"> </div></p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> /*=====主导航=====*/<br style="margin:0px auto;padding:0px"> #mainMenu {<br style="margin:0px auto;padding:0px"> width:100%;<br style="margin:0px auto;padding:0px"> height:30px;<br style="margin:0px auto;padding:0px"> background:url(images/mainMenu_bg.jpg) repeat-x;<br style="margin:0px auto;padding:0px"> }<br style="margin:0px auto;padding:0px"> #mainMenu ul li {<br style="margin:0px auto;padding:0px"> float:left;<br style="margin:0px auto;padding:0px"> line-height:30px;<br style="margin:0px auto;padding:0px"> margin-right:1px;<br style="margin:0px auto;padding:0px"> cursor:pointer;<br style="margin:0px auto;padding:0px"> }<br style="margin:0px auto;padding:0px"> /*=====主导航结束=====*/</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 9、鼠标手势:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 在XHTML标准中,hand只被IE识别,当需要将鼠标手势转换为"手形"时,则将"hand"换为"pointer",</p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)">即"cursor:pointer;"</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 二.注释书写规范</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 1、行间注释:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 直接写于属性值后面,如:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> .search{<br style="margin:0px auto;padding:0px"> border:1px solid #fff;/*定义搜索输入框边框*/<br style="margin:0px auto;padding:0px"> background:url(../images/icon.gif) no-report #333;/*定义搜索框的背景*/<br style="margin:0px auto;padding:0px"> }</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 2、整段注释:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 分别在开始及结束地方加入注释,如:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> /*=====搜索条=====*/<br style="margin:0px auto;padding:0px"> .search {<br style="margin:0px auto;padding:0px"> border:1px solid #fff;<br style="margin:0px auto;padding:0px"> background:url(../images/icon.gif) no-repeat #333;<br style="margin:0px auto;padding:0px"> }<br style="margin:0px auto;padding:0px"> /*=====搜索条结束=====*/</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"><br style="margin:0px auto;padding:0px"> 三.样式属性代码缩写</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 1、不同类有相同属性及属性值的缩写:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 对于两个不同的类,但是其中有部分相同甚至是全部相同的属性及属性值时,应对其加以合并缩写,</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)">特别是当有多个不同的类而有相同的属性及属性值时,合并缩写可以减少代码量并易于控制。如:</p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> #mainMenu {<br style="margin:0px auto;padding:0px"> background:url(../images/bg.gif);<br style="margin:0px auto;padding:0px"> border:1px solid #333;<br style="margin:0px auto;padding:0px"> width:100%;<br style="margin:0px auto;padding:0px"> height:30px;<br style="margin:0px auto;padding:0px"> overflow:hidden;<br style="margin:0px auto;padding:0px"> }<br style="margin:0px auto;padding:0px"> #subMenu {<br style="margin:0px auto;padding:0px"> background:url(../images/bg.gif);<br style="margin:0px auto;padding:0px"> border:1px solid #333;<br style="margin:0px auto;padding:0px"> width:100%;<br style="margin:0px auto;padding:0px"> height:20px;<br style="margin:0px auto;padding:0px"> overflow:hidden;<br style="margin:0px auto;padding:0px"> }</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 两个不同类的属性值有重复之处,刚可以缩写为:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> #mainMenu,#subMenu {<br style="margin:0px auto;padding:0px"> background:url(../images/bg.gif);<br style="margin:0px auto;padding:0px"> border:1px solid #333;<br style="margin:0px auto;padding:0px"> width:100%;<br style="margin:0px auto;padding:0px"> overflow:hidden;<br style="margin:0px auto;padding:0px"> }<br style="margin:0px auto;padding:0px"> #mainMenu {height:30px;}<br style="margin:0px auto;padding:0px"> #subMenu {height:20px;}</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 2、同一属性的缩写:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 同一属性根据它的属性值也可以进行简写,如:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> .search {<br style="margin:0px auto;padding:0px"> background-color:#333;<br style="margin:0px auto;padding:0px"> background-image:url(../images/icon.gif);<br style="margin:0px auto;padding:0px"> background-repeat: no-repeat;<br style="margin:0px auto;padding:0px"> background-position:50% 50%;<br style="margin:0px auto;padding:0px"> }<br style="margin:0px auto;padding:0px"> .search {<br style="margin:0px auto;padding:0px"> background:#333 url(../images/icon.gif) no-repeat 50% 50%;<br style="margin:0px auto;padding:0px"> }</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 3、内外侧边框的缩写:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 在CSS中关于内外侧边框的距离是按照上、右、下、左的顺序来排列的,当这四个属性值不同时也可直</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)">接缩写,如:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> .btn {<br style="margin:0px auto;padding:0px"> margin-top:10px;<br style="margin:0px auto;padding:0px"> margin-right:8px;<br style="margin:0px auto;padding:0px"> margin-bottom:12px;<br style="margin:0px auto;padding:0px"> margin-left:5px;<br style="margin:0px auto;padding:0px"> padding-top:10px;<br style="margin:0px auto;padding:0px"> padding-right:8px;<br style="margin:0px auto;padding:0px"> padding-bottom:12px;<br style="margin:0px auto;padding:0px"> padding-left:8px;<br style="margin:0px auto;padding:0px"> }</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 则可缩写为:</p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> .btn {<br style="margin:0px auto;padding:0px"> Margin:10px 8px 12px 5px;<br style="margin:0px auto;padding:0px"> Padding:10px 8px 12px 5px;<br style="margin:0px auto;padding:0px"> }</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 而如果当上边与下边、左边与右边的边框属性值相同时,则属性值可以直接缩写为两个,如:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> .btn {<br style="margin:0px auto;padding:0px"> margin-top:10px;<br style="margin:0px auto;padding:0px"> margin-right:5px;<br style="margin:0px auto;padding:0px"> margin-bottom:10px;<br style="margin:0px auto;padding:0px"> margin-left:5px;<br style="margin:0px auto;padding:0px"> }</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 缩写为:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> .btn {margin:10px 5px;}</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 而当上下左右四个边框的属性值都相同时,则可以直接缩写成一个,如:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> .btn {<br style="margin:0px auto;padding:0px"> margin-top:10px;<br style="margin:0px auto;padding:0px"> margin-right:10px;<br style="margin:0px auto;padding:0px"> margin-bottom:10px;<br style="margin:0px auto;padding:0px"> margin-left:10px;<br style="margin:0px auto;padding:0px"> }</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 缩写为:</p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> .btn{margin:10px;}</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 4、颜色值的缩写:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 当RGB三个颜色值数值相同时,可缩写颜色值代码。如:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> .menu { color:#ff3333;}</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 可缩写为:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> .menu {color:#f33;}</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"><br style="margin:0px auto;padding:0px"> 四.hack书写规范</p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 因为不同浏览器对W3C标准的支持不一样,各个浏览器对于页面的解释呈视也不尽相同,比如IE在很</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 多情况下就与FF存在3px的差距,对于这些差异性,就需要利用css 的hack来进行调整,当然在没有必要的</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)">情况下,最好不要写hack来进行调整,避免因为hack而导致页面出现问题。</p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 1、 IE6、IE7、Firefox之间的兼容写法:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 写法一:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> IE都能识别*;标准浏览器(如FF)不能识别*;<br style="margin:0px auto;padding:0px"> IE6能识别*,但不能识别 !important,<br style="margin:0px auto;padding:0px"> IE7能识别*,也能识别!important;<br style="margin:0px auto;padding:0px"> FF不能识别*,但能识别!important;<br style="margin:0px auto;padding:0px"> 根据上述表达,同一类/ID下的CSS hack可写为:<br style="margin:0px auto;padding:0px"> .searchInput {<br style="margin:0px auto;padding:0px"> background-color:#333;/*三者皆可*/<br style="margin:0px auto;padding:0px"> *background-color:#666 !important; /*仅IE7*/<br style="margin:0px auto;padding:0px"> *background-color:#999; /*仅IE6及IE6以下*/<br style="margin:0px auto;padding:0px"> }<br style="margin:0px auto;padding:0px"> 一般三者的书写顺序为:FF、IE7、IE6.</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 写法二:</p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> IE6可识别"_",而IE7及FF皆不能识别,所以当只针对IE6与IE7及FF之间的区别时,可这样书写:<br style="margin:0px auto;padding:0px"> .searchInput {<br style="margin:0px auto;padding:0px"> background-color:#333;/*通用*/<br style="margin:0px auto;padding:0px"> _background-color:#666;/*仅IE6可识别*/<br style="margin:0px auto;padding:0px"> }</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 写法三:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> *+html 与 *html 是IE特有的标签, Firefox 暂不支持。<br style="margin:0px auto;padding:0px"> .searchInput {background-color:#333;}<br style="margin:0px auto;padding:0px"> *html .searchInput {background-color:#666;}/*仅IE6*/<br style="margin:0px auto;padding:0px"> *+html .searchInput {background-color:#555;}/*仅IE7*/</p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 屏蔽IE浏览器:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> select是选择符,根据情况更换。第二句是MAC上safari浏览器独有的。</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> *:lang(zh) select {font:12px !important;} /*FF的专用*/<br style="margin:0px auto;padding:0px"> select:empty {font:12px !important;} /*safari可见*/</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> IE6可识别:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 这里主要是通过CSS注释分开一个属性与值,注释在冒号前。</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> select { display /*IE6不识别*/:none;}</p> <p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> IE的if条件hack写法:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 所有的IE可识别:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> <!�[if IE]> Only IE <![end if]�><br style="margin:0px auto;padding:0px"> 只有IE5.0可以识别:<br style="margin:0px auto;padding:0px"> <!�[if IE 5.0]> Only IE 5.0 <![end if]�><br style="margin:0px auto;padding:0px"> IE5.0包换IE5.5都可以识别:<br style="margin:0px auto;padding:0px"> <!�[if gt IE 5.0]> Only IE 5.0+ <![end if]�><br style="margin:0px auto;padding:0px"> 仅IE6可识别:<br style="margin:0px auto;padding:0px"> <!�[if lt IE 6]> Only IE 6- <![end if]�><br style="margin:0px auto;padding:0px"> IE6以及IE6以下的IE5.x都可识别:<br style="margin:0px auto;padding:0px"> <!�[if gte IE 6]> Only IE 6/+ <![end if]�><br style="margin:0px auto;padding:0px"> 仅IE7可识别:<br style="margin:0px auto;padding:0px"> <!�[if lte IE 7]> Only IE 7/- <![end if]�></p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 2、清除浮动:</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 在Firefox中,当子级都为浮动时,那么父级的高度就无法完全的包住整个子级,那么这时用这个清除</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> 浮动的HACK来对父级做一次定义,那么就可以解决这个问题。</p><p style="margin:5px auto;padding:0px;font-family:Arial,Helvetica,Verdana,sans-serif,Tahoma,Segoe;font-size:12px;background-color:rgb(245,245,245)"> select:after {<br style="margin:0px auto;padding:0px"> content:".";<br style="margin:0px auto;padding:0px"> display:block;<br style="margin:0px auto;padding:0px"> height:0;<br style="margin:0px auto;padding:0px"> clear:both;<br style="margin:0px auto;padding:0px"> visibility:hidden;<br style="margin:0px auto;padding:0px"> }</p><br><br> ericssonxiaohttp://www.blogger.com/profile/05880131723631345428noreply@blogger.com0tag:blogger.com,1999:blog-1852547632205401054.post-38025654411398140862012-08-19T23:38:00.001+08:002012-08-21T00:40:09.780+08:00Getting CommonJS<h1 style="font-size:28px;color:rgb(78,93,46);font-weight:normal;margin:0px 0px 6px;font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"><span class="mw-headline" id="Getting_CommonJS">Getting CommonJS</span></h1> <p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)">There are several implementations of the CommonJS standard, and you can choose the one that fits what you're trying to do.</p> <p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"></p><h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"> <span class="mw-headline" id="Ai">Ai</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><a href="https://github.com/army8735/Ai" class="external free">https://github.com/army8735/Ai</a></p> <dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><dt>Engine(s)</dt><dd>web browsers</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/index.php?title=User:Army8735&action=edit&redlink=1" class="new" title="User:Army8735 (page does not exist)">Army8735</a></dd> <dt>Implementations</dt><dd></dd></dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)">Modules/AsynchronousDefinition</p><h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"> <span class="mw-headline" id="Akshell">Akshell</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><a href="http://www.akshell.com/" class="external free">http://www.akshell.com</a></p> <dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><dt>Engine(s)</dt><dd>V8</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/index.php?title=User:Anton&action=edit&redlink=1" class="new" title="User:Anton (page does not exist)">Anton</a>, <a href="http://wiki.commonjs.org/index.php?title=User:Oleg&action=edit&redlink=1" class="new" title="User:Oleg (page does not exist)">Oleg</a></dd> <dt>Implementations</dt><dd></dd></dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)">Akshell uses synchronous I/O and provides a browser based IDE for developing and platform hosting webapps.</p> <h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"><span class="mw-headline" id="ArangoDB">ArangoDB</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <a href="http://www.arangodb.org/" class="external free">http://www.arangodb.org</a></p><dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><dt>Engine(s)</dt> <dd>V8, mruby</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/wiki/User:FrankCeller" title="User:FrankCeller">FrankCeller</a></dd><dt>Implementations</dt><dd>Console (yes), Modules/1.1.1 (yes)</dd></dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> Our mission: projects are different, project requirements change. We want to offer with ArangoDB (formely known as AvocadoDB) a most universally applicable nosql database which can be used in a maximum number of different use cases.</p> <h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"><span class="mw-headline" id="CouchDB">CouchDB</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <a href="http://couchdb.apache.org/" class="external free">http://couchdb.apache.org/</a></p><dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><dt>Engine(s)</dt> <dd>SpiderMonkey</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/index.php?title=User:Mikeal&action=edit&redlink=1" class="new" title="User:Mikeal (page does not exist)">Mikeal</a></dd><dt>Implementations</dt> <dd>Modules/1.0 (yes), Modules/1.1.1 (yes)</dd></dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"></p><h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"> <span class="mw-headline" id="Dasquillette">Dasquillette</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><a href="http://dasquillette.hypernado.com/" class="external free">http://dasquillette.hypernado.com/</a></p> <dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><dt>Engine(s)</dt><dd>JSC</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/index.php?title=User:Hypernado&action=edit&redlink=1" class="new" title="User:Hypernado (page does not exist)">Hypernado</a></dd> <dt>Implementations</dt><dd></dd></dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)">Work-in-progress open-source, JavaScriptCore-based, CommonJS-complying JavaScript platform. Will eventually implement the entire CommonJS standard. Also will include a full JavaScriptCore Objective-C wrapper.</p> <h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"><span class="mw-headline" id="Ejscript">Ejscript</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <a href="http://github.com/embedthis/ejs-2" class="external free">http://github.com/embedthis/ejs-2</a></p><dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <dt>Engine(s)</dt><dd>Ejscript</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/index.php?title=User:Mob&action=edit&redlink=1" class="new" title="User:Mob (page does not exist)">Mob</a></dd><dt>Implementations</dt> <dd>Modules/1.1 (2.x)</dd></dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"></p><h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"> <span class="mw-headline" id="Flusspferd">Flusspferd</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><a href="http://flusspferd.org/" class="external free">http://flusspferd.org/</a></p> <dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><dt>Engine(s)</dt><dd>Spidermonkey/C++</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/wiki/User:Ashb" title="User:Ashb">Ash Berlin</a>, <a href="http://wiki.commonjs.org/wiki/User:Aristid" title="User:Aristid">Aristid Breitkreuz</a>, <a href="http://wiki.commonjs.org/wiki/User:Ruediger" title="User:Ruediger">Rüdiger Sonderfeld</a></dd> <dt>Implementations</dt><dd>Binary/B (yes), Encodings/A (yes), Filesystem/A/0 (yes), Modules/1.0 (yes), Modules/1.1 (0.9), System/1.0 (yes), Unit Testing/1.0 (yes)</dd></dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> </p><h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"><span class="mw-headline" id="FlyScript">FlyScript</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <a href="https://github.com/khs4473/FlyScript" class="external free">https://github.com/khs4473/FlyScript</a></p><dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <dt>Engine(s)</dt><dd></dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/index.php?title=User:Khs4473&action=edit&redlink=1" class="new" title="User:Khs4473 (page does not exist)">Khs4473</a></dd><dt>Implementations</dt> <dd>Modules/Transport/E (yes), Modules/Wrappings (yes), Modules/Wrappings-Explicit-Dependencies (yes)</dd></dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> </p><h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"><span class="mw-headline" id="GLUEscript">GLUEscript</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <a href="http://gluescript.sourceforge.net/" class="external free">http://gluescript.sourceforge.net</a></p><dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <dt>Engine(s)</dt><dd>Spidermonkey/C++</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/wiki/User:Fbraem" title="User:Fbraem">Fbraem</a></dd><dt>Implementations</dt><dd>Modules/1.0 (yes)</dd></dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> GLUEscript (Glueing Libraries Using EcmaScript): The name covers the goal of this project: create a JavaScript engine which can be used as a general purpose language (like Perl for instance).</p><h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"> <span class="mw-headline" id="GPSEE">GPSEE</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><a href="http://code.google.com/p/gpsee/" class="external free">http://code.google.com/p/gpsee/</a></p> <dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><dt>Engine(s)</dt><dd>SpiderMonkey/C</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/wiki/User:Wesgarland" title="User:Wesgarland">Wes Garland</a>, <a href="http://wiki.commonjs.org/wiki/User:Hdon" title="User:Hdon">Donny Viszneki</a></dd> <dt>Implementations</dt><dd>Binary/B (yes), Filesystem/A/0 (yes), Modules/1.0 (yes), Modules/1.1 (yes), System/1.0 (yes)</dd></dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> </p><h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"><span class="mw-headline" id="JSBuild">JSBuild</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <a href="http://jsbuild.kodfabrik.com/" class="external free">http://jsbuild.kodfabrik.com</a></p><dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><dt>Engine(s)</dt> <dd>node, web browsers</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/index.php?title=User:Azer_Ko%C3%A7ulu&action=edit&redlink=1" class="new" title="User:Azer Koçulu (page does not exist)">Azer Koçulu</a></dd> <dt>Implementations</dt><dd>Modules/1.0 (yes), Packages/1.0 (yes)</dd></dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"></p><h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"> <span class="mw-headline" id="JSLocalnet">JSLocalnet</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><a href="http://www.localnet.org.es/" class="external free">http://www.localnet.org.es</a></p> <dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><dt>Engine(s)</dt><dd>web browsers</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/wiki/User:Opotonil" title="User:Opotonil">Alejandro Ojeda</a></dd> <dt>Implementations</dt><dd>Modules/1.1.1 (yes), Modules/AsynchronousDefinition (yes), Unit Testing/1.0 (yes)</dd></dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> </p><h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"><span class="mw-headline" id="Narwhal">Narwhal</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <a href="http://github.com/tlrobinson/narwhal" class="external free">http://github.com/tlrobinson/narwhal</a></p><dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <dt>Engine(s)</dt><dd>Rhino, v8, JSC</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/wiki/User:Tlrobinson" title="User:Tlrobinson">Tlrobinson</a>, <a href="http://wiki.commonjs.org/wiki/User:KrisKowal" title="User:KrisKowal">Kris Kowal</a></dd> <dt>Implementations</dt><dd>Modules/1.0 (0.1), Modules/1.1 (0.2), Modules/1.1.1 (0.2), Promises/B (0.5), Unit Testing/1.0 (0.2)</dd></dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> </p><h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"><span class="mw-headline" id="Narwhal_on_JSC">Narwhal on JSC</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <a href="http://github.com/280north/narwhal-jsc" class="external free">http://github.com/280north/narwhal-jsc</a></p><dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <dt>Engine(s)</dt><dd>JSC</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/wiki/User:Tlrobinson" title="User:Tlrobinson">Tlrobinson</a></dd><dt>Implementations</dt><dd>Binary/B (0.2), System/1.0 (0.2)</dd></dl> <p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"></p><h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"> <span class="mw-headline" id="Narwhal_on_Node">Narwhal on Node</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><a href="http://github.com/kriskowal/narwhal-node" class="external free">http://github.com/kriskowal/narwhal-node</a></p> <dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><dt>Engine(s)</dt><dd>v8</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/wiki/User:KrisKowal" title="User:KrisKowal">Kris Kowal</a>, <a href="http://wiki.commonjs.org/index.php?title=User:Paul_Baumgart&action=edit&redlink=1" class="new" title="User:Paul Baumgart (page does not exist)">Paul Baumgart</a></dd> <dt>Implementations</dt><dd>Binary/B (0.5), Filesystem/A (0.5), Filesystem/A/0 (0.5), System/1.0 (0.5)</dd></dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> </p><h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"><span class="mw-headline" id="Narwhal_on_Rhino">Narwhal on Rhino</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <a href="http://github.com/tlrobinson/narwhal" class="external free">http://github.com/tlrobinson/narwhal</a></p><dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <dt>Engine(s)</dt><dd>Rhino</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/wiki/User:Tlrobinson" title="User:Tlrobinson">Tlrobinson</a>, <a href="http://wiki.commonjs.org/wiki/User:KrisKowal" title="User:KrisKowal">Kris Kowal</a></dd> <dt>Implementations</dt><dd>Binary/B (0.2), Filesystem/A (draft 4 in 0.1), Filesystem/A/0 (8a45686), System/1.0 (0.2)</dd></dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> </p><h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"><span class="mw-headline" id="Nodules">Nodules</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <a href="http://github.com/kriszyp/nodules" class="external free">http://github.com/kriszyp/nodules</a></p><dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <dt>Engine(s)</dt><dd>node, narwhal</dd><dt>Author(s)</dt><dd></dd><dt>Implementations</dt><dd>Modules/AsynchronousDefinition (yes)</dd></dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> </p><h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"><span class="mw-headline" id="OzJS">OzJS</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <a href="https://github.com/dexteryy/OzJS" class="external free">https://github.com/dexteryy/OzJS</a></p><dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <dt>Engine(s)</dt><dd>web browsers</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/index.php?title=User:Dexteryy&action=edit&redlink=1" class="new" title="User:Dexteryy (page does not exist)">Dexteryy</a></dd> <dt>Implementations</dt><dd></dd></dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)">Modules/AsynchronousDefinition and Modules/Wrappings</p><h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"> <span class="mw-headline" id="PINF_JS_Loader">PINF JS Loader</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><a href="https://github.com/pinf/loader-js" class="external free">https://github.com/pinf/loader-js</a></p> <dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><dt>Engine(s)</dt><dd>node, web browsers, rhino, jetpack</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/wiki/User:Cadorn" title="User:Cadorn">Christoph Dorn</a></dd> <dt>Implementations</dt><dd>Modules/1.1.1 (yes), Packages/1.0 (yes), Packages/1.1 (yes), Packages/Mappings/C (yes)</dd></dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> Versatile & Complete Module Loader for CommonJS JavaScript supporting all popular platforms.</p><h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"><span class="mw-headline" id="PSLib">PSLib</span></h2> <p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><a href="https://github.com/theiviaxx/PSLib" class="external free">https://github.com/theiviaxx/PSLib</a></p> <dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><dt>Engine(s)</dt><dd>ExtendScript</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/wiki/User:Themaxx" title="User:Themaxx">Themaxx</a></dd> <dt>Implementations</dt><dd></dd></dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)">CommonJS for Photoshop</p><h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"> <span class="mw-headline" id="Persevere">Persevere</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><a href="http://www.persvr.org/" class="external free">http://www.persvr.org/</a></p> <dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><dt>Engine(s)</dt><dd>Rhino</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/index.php?title=User:Kriszyp&action=edit&redlink=1" class="new" title="User:Kriszyp (page does not exist)">Kriszyp</a></dd> <dt>Implementations</dt><dd>Modules/1.0 (yes), Modules/1.1 (?)</dd></dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"></p><h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"> <span class="mw-headline" id="RequireJS">RequireJS</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><a href="http://requirejs.org/" class="external free">http://requirejs.org</a></p> <dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><dt>Engine(s)</dt><dd>web browsers, rhino</dd><dt>Author(s)</dt><dd></dd><dt>Implementations</dt><dd>Modules/AsynchronousDefinition (yes), Modules/Transport/C (yes)</dd> </dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"></p><h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"> <span class="mw-headline" id="RingoJS">RingoJS</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><a href="http://ringojs.org/" class="external free">http://ringojs.org/</a></p> <dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><dt>Engine(s)</dt><dd>Rhino</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/index.php?title=User:Hannesw&action=edit&redlink=1" class="new" title="User:Hannesw (page does not exist)">Hannesw</a></dd> <dt>Implementations</dt><dd>Binary/B (yes), Filesystem/A (minus globbing), Filesystem/A/0 (yes), IO/A (yes), Modules/1.0 (yes), Modules/1.1 (yes), System/1.0 (yes), Unit Testing/1.0 (yes)</dd></dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> </p><h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"><span class="mw-headline" id="SeaJS">SeaJS</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <a href="https://github.com/seajs/seajs" class="external free">https://github.com/seajs/seajs</a></p><dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><dt> Engine(s)</dt><dd>node, web browsers</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/index.php?title=User:Lifesinger&action=edit&redlink=1" class="new" title="User:Lifesinger (page does not exist)">Lifesinger</a></dd> <dt>Implementations</dt><dd>Modules/1.1.1 (yes), Modules/Wrappings (yes)</dd></dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)">A new kind of JavaScript Loader to make it easy to build scalable web applications.</p> <h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"><span class="mw-headline" id="SilkJS">SilkJS</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <a href="http://silkjs.org/" class="external free">http://silkjs.org</a></p><dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><dt>Engine(s)</dt><dd>v8</dd> <dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/wiki/User:Mschwartz" title="User:Mschwartz">Mschwartz</a></dd><dt>Implementations</dt><dd>Modules/1.1 (yes)</dd></dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> </p><h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"><span class="mw-headline" id="Smart_Platform">Smart Platform</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <a href="http://github.com/joyent/smart-platform/" class="external free">http://github.com/joyent/smart-platform/</a></p><dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <dt>Engine(s)</dt><dd>SpiderMonkey/C</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/index.php?title=User:Konobi&action=edit&redlink=1" class="new" title="User:Konobi (page does not exist)">Konobi</a>, <a href="http://wiki.commonjs.org/index.php?title=User:Joyent&action=edit&redlink=1" class="new" title="User:Joyent (page does not exist)">Joyent</a></dd> <dt>Implementations</dt><dd>Modules/1.0 (yes)</dd></dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"></p><h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"> <span class="mw-headline" id="SproutCore_1.1.2FTiki">SproutCore 1.1/Tiki</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><a href="http://www.sproutcore.com/" class="external free">http://www.sproutcore.com/</a></p> <dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><dt>Engine(s)</dt><dd>web browsers</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/index.php?title=User:CharlesJolley&action=edit&redlink=1" class="new" title="User:CharlesJolley (page does not exist)">CharlesJolley</a></dd> <dt>Implementations</dt><dd>Modules/1.0 (yes), Modules/1.1 (?), System/1.0 (yes), Unit Testing/1.0 (yes)</dd></dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> </p><h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"><span class="mw-headline" id="TeaJS_.28formerly_v8cgi.29">TeaJS (formerly v8cgi)</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <a href="http://code.google.com/p/teajs/" class="external free">http://code.google.com/p/teajs/</a></p><dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <dt> Engine(s)</dt><dd>v8</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/wiki/User:Ondras" title="User:Ondras">Ondřej Žára</a></dd><dt>Implementations</dt><dd>Binary/B (yes), Binary/F (yes), Modules/1.0 (yes), Modules/1.1 (yes), Modules/1.1.1 (yes), System/1.0 (yes), Unit Testing/1.0 (yes)</dd> </dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)">V8 embedding written in C++. Aims for webpage development scenarios, high CommonJS compliance and ease of use.</p> <h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"><span class="mw-headline" id="Wakanda">Wakanda</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <a href="http://www.wakandasoft.com/" class="external free">http://www.wakandasoft.com</a></p><dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><dt>Engine(s)</dt> <dd>JavaScriptCore/C++</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/wiki/User:4D" title="User:4D">4D</a>, <a href="http://wiki.commonjs.org/wiki/User:Alexandre.Morgaut" title="User:Alexandre.Morgaut">Alexandre.Morgaut</a></dd> <dt>Implementations</dt><dd>Console (partial), HTTP Client/B (yes), Modules/1.0 (yes), Modules/1.1 (yes), Modules/1.1.1 (yes), System/1.0 (partial), Unit Testing/1.0 (yes)</dd></dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> </p><h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"><span class="mw-headline" id="XULJet">XULJet</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <a href="http://code.google.com/p/xuljet/" class="external free">http://code.google.com/p/xuljet/</a></p><dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <dt>Engine(s)</dt><dd>SpiderMonkey</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/wiki/User:Xkriva11" title="User:Xkriva11">Xkriva11</a></dd><dt>Implementations</dt><dd>Modules/1.0 (yes)</dd></dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> The JavaScript framework for the development of desktop applications based on Mozilla XULRunner run-time.</p><h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"><span class="mw-headline" id="Yabble">Yabble</span></h2> <p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><a href="http://github.com/jbrantly/yabble" class="external free">http://github.com/jbrantly/yabble</a></p> <dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><dt>Engine(s)</dt><dd>web browsers</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/index.php?title=User:Jbrantly&action=edit&redlink=1" class="new" title="User:Jbrantly (page does not exist)">Jbrantly</a></dd> <dt>Implementations</dt><dd>Modules/1.0 (yes), Modules/1.1.1 (yes), Modules/Async/A (yes), Modules/Transport/C (yes), Modules/Transport/D (yes)</dd></dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> </p><h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"><span class="mw-headline" id="Common_Node">Common Node</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <a href="http://olegp.github.com/common-node/" class="external free">http://olegp.github.com/common-node/</a></p><dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <dt>Engine(s)</dt><dd>v8</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/index.php?title=User:Oleg&action=edit&redlink=1" class="new" title="User:Oleg (page does not exist)">Oleg</a></dd><dt>Implementations</dt> <dd>Binary/B (yes), Filesystem/A (yes), IO/A (yes), System/1.0 (yes), Unit Testing/1.0 (yes)</dd></dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)">Common Node implements a number of CommonJS proposals on top of Node.js using node-fibers.</p> <h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"><span class="mw-headline" id="curl.js">curl.js</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <a href="https://github.com/unscriptable/curl" class="external free">https://github.com/unscriptable/curl</a></p><dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <dt>Engine(s)</dt><dd>web browsers</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/wiki/User:Unscriptable" title="User:Unscriptable">Unscriptable</a></dd><dt>Implementations</dt><dd>Modules/AsynchronousDefinition (yes), Modules/LoaderPlugin (yes)</dd> </dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)">Also supports Modules/1.1 (when properly wrapped), Packages/1.1</p><h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"> <span class="mw-headline" id="node.js">node.js</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><a href="http://nodejs.org/" class="external free">http://nodejs.org/</a></p> <dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><dt>Engine(s)</dt><dd>v8</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/index.php?title=User:Ry&action=edit&redlink=1" class="new" title="User:Ry (page does not exist)">Ry</a></dd> <dt>Implementations</dt><dd>Modules/1.0 (yes), Promises/B (<a href="http://github.com/kriskowal/q" class="external free">http://github.com/kriskowal/q</a>), Promises/D (<a href="https://github.com/kriskowal/q" class="external free">https://github.com/kriskowal/q</a>), Unit Testing/1.0 (yes)</dd> </dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"></p><h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"> <span class="mw-headline" id="sorrow.js">sorrow.js</span></h2><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><a href="http://sorrow.samlecuyer.com/" class="external free">http://sorrow.samlecuyer.com/</a></p> <dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><dt>Engine(s)</dt><dd>v8</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/wiki/User:Slecuyer" title="User:Slecuyer">Slecuyer</a></dd> <dt>Implementations</dt><dd>Filesystem/A/0 (permissions as integers), Modules/1.1.1 (yes), System/1.0 (yes)</dd></dl><p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> V8 embedded platform intended for system scripting, currently under heavy development</p><h2 style="font-family:Helvetica,Arial,sans-serif;line-height:18px;background-color:rgb(239,239,239)"><span class="mw-headline" id="when.js">when.js</span></h2> <p style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"><a href="https://github.com/cujojs/when" class="external free">https://github.com/cujojs/when</a></p><dl style="font-family:Helvetica,Arial,sans-serif;font-size:14px;line-height:18px;background-color:rgb(239,239,239)"> <dt>Engine(s)</dt><dd>web browsers</dd><dt>Author(s)</dt><dd><a href="http://wiki.commonjs.org/index.php?title=User:Briancavalier&action=edit&redlink=1" class="new" title="User:Briancavalier (page does not exist)">Briancavalier</a></dd> <dt>Implementations</dt><dd>Promises/A (yes)</dd></dl> ericssonxiaohttp://www.blogger.com/profile/05880131723631345428noreply@blogger.com0tag:blogger.com,1999:blog-1852547632205401054.post-91461353172197607162012-08-19T23:37:00.000+08:002012-08-21T00:40:10.122+08:00什么是CommonJS?(来源:http://www.grati.org/?p=165)<p style="margin:0px 0px 1.3846153846153846em;padding:0px;border:0px;font-size:13px;font-family:'Helvetica Neue',Arial,Helvetica,sans-serif;vertical-align:baseline;line-height:1.8em;word-spacing:2px;color:rgb(59,59,59);background-color:rgb(255,255,255)"> 前言:<br>早就听说有用于本地编程的JavaScript框架,但总觉得是小打小闹不成气候,也没有什么实用价值。但自从CommonJS和NodeJS两个项目的出现,JavaScript作为本地编程语言的这种特殊应用形式,才开始进入进入大众的视野。 本文翻译CommonJS首页的介绍,说明什么是CommonJS。 另外随着并行计算的普及,像JavaScript这种函数式语言,由于其固有的易于进行并行计算的特性,将有更广阔的应用前景。</p> <p style="margin:0px 0px 1.3846153846153846em;padding:0px;border:0px;font-size:13px;font-family:'Helvetica Neue',Arial,Helvetica,sans-serif;vertical-align:baseline;line-height:1.8em;word-spacing:2px;color:rgb(59,59,59);background-color:rgb(255,255,255)"> 正文:<br>JavaScript是一个强大面向对象语言,它有很多快速高效的解释器。官方JavaScript标准定义的API是为了构建基于浏览器的应用程序。然而,并没有定于一个用于更广泛的应用程序的标准库。</p><p style="margin:0px 0px 1.3846153846153846em;padding:0px;border:0px;font-size:13px;font-family:'Helvetica Neue',Arial,Helvetica,sans-serif;vertical-align:baseline;line-height:1.8em;word-spacing:2px;color:rgb(59,59,59);background-color:rgb(255,255,255)"> CommonJS API定义很多普通应用程序(主要指非浏览器的应用)使用的API,从而填补了这个空白。它的终极目标是提供一个类似Python,Ruby和Java标准库。这样的话,开发者可以使用CommonJS API编写应用程序,然后这些应用可以运行在不同的JavaScript解释器和不同的主机环境中。在兼容CommonJS的系统中,你可以实用JavaScript程序开发:</p><p style="margin:0px 0px 1.3846153846153846em;padding:0px;border:0px;font-size:13px;font-family:'Helvetica Neue',Arial,Helvetica,sans-serif;vertical-align:baseline;line-height:1.8em;word-spacing:2px;color:rgb(59,59,59);background-color:rgb(255,255,255)"> 服务器端JavaScript应用程序<br>命令行工具<br>图形界面应用程序<br>混合应用程序(如,Titanium或Adobe AIR)</p><p style="margin:0px 0px 1.3846153846153846em;padding:0px;border:0px;font-size:13px;font-family:'Helvetica Neue',Arial,Helvetica,sans-serif;vertical-align:baseline;line-height:1.8em;word-spacing:2px;color:rgb(59,59,59);background-color:rgb(255,255,255)"> </p><p style="margin:0px 0px 1.3846153846153846em;padding:0px;border:0px;vertical-align:baseline;line-height:1.8em"><strong>NodeJS和CommonJS之间的关系</strong></p><div style="margin:0px;padding:0px;border:0px;vertical-align:baseline;line-height:18px;word-spacing:0px"> CommonJS是一种规范,NodeJS是这种规范的实现。CommonJS是一 个不断发展的规范,计划将要包括如下部分:</div><ul style="margin:0px 1.5em 1.5em;padding:0px;border:0px;vertical-align:baseline;line-height:18px;word-spacing:0px"><li style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline"> <span style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:arial,helvetica,sans-serif;vertical-align:baseline"><span style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(51,51,51)"><a href="http://wiki.commonjs.org/wiki/Modules" style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(58,133,154);text-decoration:none">Modules</a></span></span></li> <li style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline"><span style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:arial,helvetica,sans-serif;vertical-align:baseline"><span style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(51,51,51)"><a href="http://wiki.commonjs.org/wiki/Binary" style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(58,133,154);text-decoration:none">Binary</a> strings and buffers</span></span></li> <li style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline"><span style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:arial,helvetica,sans-serif;vertical-align:baseline"><span style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(51,51,51)">Charset <a href="http://wiki.commonjs.org/wiki/Encodings" style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(58,133,154);text-decoration:none">encodings</a></span></span></li> <li style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline"><span style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:arial,helvetica,sans-serif;vertical-align:baseline"><span style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(51,51,51)">Binary, buffered, and textual input and output (<a href="http://wiki.commonjs.org/wiki/IO" style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(58,133,154);text-decoration:none">io</a>) streams</span></span></li> <li style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline"><span style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:arial,helvetica,sans-serif;vertical-align:baseline"><span style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(51,51,51)"><a href="http://wiki.commonjs.org/wiki/System" style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(58,133,154);text-decoration:none">System</a> process arguments, environment, and streams</span></span></li> <li style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline"><span style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:arial,helvetica,sans-serif;vertical-align:baseline"><span style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(51,51,51)"><a href="http://wiki.commonjs.org/wiki/Filesystem" style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(58,133,154);text-decoration:none">File system</a> interface</span></span></li> <li style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline"><span style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:arial,helvetica,sans-serif;vertical-align:baseline"><span style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(51,51,51)"><a href="http://wiki.commonjs.org/wiki/Sockets" style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(58,133,154);text-decoration:none">Socket</a> streams</span></span></li> <li style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline"><span style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:arial,helvetica,sans-serif;vertical-align:baseline"><span style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(51,51,51)"><a href="http://wiki.commonjs.org/wiki/Unit_Testing" style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(58,133,154);text-decoration:none">Unit test</a> assertions, running, and reporting</span></span></li> <li style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline"><span style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:arial,helvetica,sans-serif;vertical-align:baseline"><span style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(51,51,51)">Web server gateway interface, <a href="http://wiki.commonjs.org/wiki/JSGI" style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(58,133,154);text-decoration:none">JSGI</a></span></span></li> <li style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline"><span style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:arial,helvetica,sans-serif;vertical-align:baseline"><span style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(51,51,51)">Local and remote <a href="http://wiki.commonjs.org/wiki/Packages" style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(58,133,154);text-decoration:none">packages</a> and package management</span></span></li> </ul><p style="margin:0px 0px 1.3846153846153846em;padding:0px;border:0px;vertical-align:baseline;line-height:1.8em">具体每个子规范的定制进度请查看官方网站的说明:<a href="http://commonjs.org/specs/" style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(58,133,154);text-decoration:none">http://commonjs.org/specs/</a></p> <div style="margin:0px;padding:0px;border:0px;vertical-align:baseline;line-height:18px;word-spacing:0px">CommonJS有很多实现,其中不乏很多大名鼎鼎的项目,比如 说:Apache的<a id="nl9:" title="CouchDB" href="http://couchdb.apache.org/" style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(58,133,154);text-decoration:none">CouchDB</a>和<a id="ry3p" title="node.js" href="http://nodejs.org/" style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(58,133,154);text-decoration:none">node.js</a>等。但这些项目大 部分只实现了CommonJS的部分规范。具体的项目和实现部分参见官方网站的说明:<a id="b0r3" title="http://commonjs.org/impl/" href="http://commonjs.org/impl/" style="margin:0px;padding:0px;border:0px;font-style:inherit;font-family:inherit;vertical-align:baseline;color:rgb(58,133,154);text-decoration:none">http://commonjs.org/impl/</a></div> <p style="margin:0px 0px 1.3846153846153846em;padding:0px;border:0px;vertical-align:baseline;line-height:1.8em"><br></p><div style="margin:0px;padding:0px;border:0px;vertical-align:baseline;line-height:18px;word-spacing:0px"> 我 说两句:千万别小看作为后台应用的JavaScript,Palm的WebOS的开发计划中就曾提到CommonJS和其扩展的JS API,另外几乎所有的平台(包括智能手机平台和计算机平台都开始流程)都开始引入Web技术:比如说S60中的WRT,IPhone中的 WebWidget,Android平台上的WebWidget,还有Firefox直接用XML和CSS作界面用Javascript控制逻辑,甚至 Google的ChromeOS直接就是一个浏览器操作系统。 我做个技术上的赌注:动态语言和静态语言混合编程将会很流行(比如Android和PalmWebOS同时引入两种SDK,QT直至 QTScript)。</div> <p></p><br><br> ericssonxiaohttp://www.blogger.com/profile/05880131723631345428noreply@blogger.com0tag:blogger.com,1999:blog-1852547632205401054.post-70656815003027051542012-08-19T12:13:00.000+08:002012-08-21T00:40:09.838+08:00Javascript 面向对象编程(来源:http://coolshell.cn/articles/6441.html)<p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px">Javascript��һ����C�����ԣ�����������Ķ��������C++/Java�Ƚ���֣��������ȷ�൱��ǿ���� <a href="http://www.cnblogs.com/weidagang2046/" target="_blank" style="color:rgb(41,112,166);text-decoration:none">Todd ͬѧ</a>��"<a title="�������Ϣģ��" href="http://coolshell.cn/articles/5202.html" rel="bookmark" target="_blank" style="color:rgb(41,112,166);text-decoration:none">�������Ϣģ��</a>"һ���������Ѿ����Կ���һЩ�����ˡ��������и�ǰͬ����������Javascript�������Ķ��������ԣ�����дƪ��������ȥ�ɣ�������ƪ������Ҫ���һ������ĽǶ���˵��һ��Javascript���������ı�̡���<strong>���ıȽϲִ٣�Ӧ���в�ȷ��������ĵط�����������ָ��</strong>��</p> <p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px">�?��ƪ������Ҫ���� <a href="http://www.ecma-international.org/publications/standards/Ecma-262.htm" target="_blank" style="color:rgb(41,112,166);text-decoration:none">ECMAScript 5</a>�� ּ�ڽ����¼��������ڼ����ԵĶ������뿴���һ�ڡ�</p> <h4 style="margin:0px 0px 10px;padding:0px;font-family:'Microsoft YaHei',Arial;font-size:17px;color:rgb(0,136,0);line-height:22px">��̽</h4><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> ����֪��Javascript�еı�����������£�</p><div style="margin:0px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"><div id="highlighter_637837" class="syntaxhighlighter jscript" style="margin:1em 0px!important;padding:0px;width:651px;overflow-x:auto!important;overflow-y:hidden!important;font-size:1em!important;background-color:white!important"> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;border:2px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:5px 0px 10px;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:651px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 1</div><div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 2</div><div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 3</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:619px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important"> <div class="container" style="margin:0px!important;padding:0px!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">name = </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'Chen Hao'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">;;</code></div> <div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">email = </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'haoel(@)<a href="http://hotmail.com">hotmail.com</a>'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">;</code></div> <div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">website = </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'<a href="http://coolshell.cn/" style="color:blue!important;text-decoration:none;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important">http://coolshell.cn</a>'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">;</code></div> </div></td></tr></tbody></table></div></div><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> ���Ҫ�ö�����д�Ļ�����������������ӣ�</p><div style="margin:0px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"><div id="highlighter_703550" class="syntaxhighlighter jscript" style="margin:1em 0px!important;padding:0px;width:651px;overflow-x:auto!important;overflow-y:hidden!important;font-size:1em!important;background-color:white!important"> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;border:2px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:5px 0px 10px;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:651px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 1</div><div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 2</div><div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 3</div><div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 4</div><div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 5</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:619px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important"> <div class="container" style="margin:0px!important;padding:0px!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">chenhao = {</code></div> <div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">name :</code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'Chen Hao'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">,</code></div> <div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">email : </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'haoel(@)<a href="http://hotmail.com">hotmail.com</a>'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">,</code></div> <div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">website : </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'<a href="http://coolshell.cn/" style="color:blue!important;text-decoration:none;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important">http://coolshell.cn</a>'</code></div> <div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">};</code></div> </div></td></tr></tbody></table></div></div><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> ���ǣ��ҾͿ���������ʣ�</p><div style="margin:0px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"><div id="highlighter_200134" class="syntaxhighlighter jscript" style="margin:1em 0px!important;padding:0px;width:651px;overflow-x:auto!important;overflow-y:hidden!important;font-size:1em!important;background-color:white!important"> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;border:2px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:5px 0px 10px;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:651px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 1</div><div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 2</div><div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 3</div><div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 4</div><div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 5</div><div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 6</div><div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 7</div><div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 8</div><div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 9</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:619px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important"> <div class="container" style="margin:0px!important;padding:0px!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">//�Գ�Ա�ķ�ʽ</code></div> <div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"><a href="http://chenhao.name">chenhao.name</a>;</code></div> <div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">chenhao.email;</code></div> <div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">chenhao.website;</code></div> <div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">//��hash map�ķ�ʽ</code></div> <div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">chenhao[</code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"name"</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">];</code></div> <div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">chenhao[</code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"email"</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">];</code></div> <div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">chenhao[</code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"website"</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">];</code></div> </div></td></tr></tbody></table></div></div><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> ���ں�������֪��Javascript�ĺ���������ģ�</p><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> <span id="more-6441"></span></p> <div style="margin:0px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"><div id="highlighter_343637" class="syntaxhighlighter jscript" style="margin:1em 0px!important;padding:0px;width:651px;overflow-x:auto!important;overflow-y:hidden!important;font-size:1em!important;background-color:white!important"> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;border:2px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:5px 0px 10px;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:651px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 1</div><div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 2</div><div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 3</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:619px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important"> <div class="container" style="margin:0px!important;padding:0px!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">doSomething = </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">(){</code></div> <div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">alert(</code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'Hello World.'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code></div> <div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">};</code></div> </div></td></tr></tbody></table></div></div><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> ���ǣ����ǿ�����ô�ɣ�</p><div style="margin:0px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"><div id="highlighter_988688" class="syntaxhighlighter jscript" style="margin:1em 0px!important;padding:0px;width:651px;overflow-x:auto!important;overflow-y:hidden!important;font-size:1em!important;background-color:white!important"> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;border:2px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:5px 0px 10px;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:651px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 1</div><div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 2</div><div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 3</div><div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 4</div><div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 5</div><div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 6</div><div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 7</div><div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 8</div><div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 9</div><div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 10</div><div class="line number11 index10 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 11</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:611px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important"> <div class="container" style="margin:0px!important;padding:0px!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">sayHello = </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">(){</code></div> <div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">hello = </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"Hello, I'm "</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.name</code></div> <div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">", my email is: "</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.email</code></div> <div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">", my website is: "</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.website;</code></div> <div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">alert(hello);</code></div> <div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">};</code></div> <div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">//ֱ�Ӹ�ֵ���������C/C++�ĺ���ָ��</code></div> <div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">chenhao.Hello = sayHello;</code></div> <div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number11 index10 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">chenhao.Hello();</code></div> </div></td></tr></tbody></table></div></div><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> ������Щ�������Ƚϼ���Ҷ������ˡ� ���Կ���javascript��������ֱ��������ֱ�Ӹ�ֵ��ֱ�Ӿ����ˡ�runtime�Ķ�̬���ԡ�</p><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> ����һ�ֱȽϹ淶��д���ǣ�</p><div style="margin:0px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"><div id="highlighter_970601" class="syntaxhighlighter jscript" style="margin:1em 0px!important;padding:0px;width:651px;overflow-x:auto!important;overflow-y:hidden!important;font-size:1em!important;background-color:white!important"> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;border:2px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:5px 0px 10px;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:651px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 1</div><div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 2</div><div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 3</div><div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 4</div><div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 5</div><div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 6</div><div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 7</div><div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 8</div><div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 9</div><div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 10</div><div class="line number11 index10 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 11</div><div class="line number12 index11 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 12</div><div class="line number13 index12 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 13</div><div class="line number14 index13 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 14</div><div class="line number15 index14 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 15</div><div class="line number16 index15 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 16</div><div class="line number17 index16 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 17</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:611px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important"> <div class="container" style="margin:0px!important;padding:0px!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">//���ǿ��Կ����� ����function����class��</code></div> <div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Person = </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">(name, email, website){</code></div> <div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.name = name;</code></div> <div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.email = email;</code></div> <div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.website = website;</code></div> <div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.sayHello = </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">(){</code></div> <div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">hello = </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"Hello, I'm "</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.name + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">", \n"</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+</code></div> <div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"my email is: "</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.email + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">", \n"</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+</code></div> <div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"my website is: "</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.website;</code></div> <div class="line number11 index10 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">alert(hello);</code></div> <div class="line number12 index11 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">};</code></div> <div class="line number13 index12 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">};</code></div> <div class="line number14 index13 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number15 index14 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">chenhao = </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">new</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Person(</code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"Chen Hao"</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">, </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"<a href="mailto:haoel@hotmail.com">haoel@hotmail.com</a>"</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">,</code></div> <div class="line number16 index15 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"<a href="http://coolshell.cn/" style="color:blue!important;text-decoration:none;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important">http://coolshell.cn</a>"</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code></div> <div class="line number17 index16 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">chenhao.sayHello();</code></div> </div></td></tr></tbody></table></div></div><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> ˳��˵һ�£�Ҫɾ���������ԣ��ܼ�</p><div style="margin:0px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"><div id="highlighter_535087" class="syntaxhighlighter jscript" style="margin:1em 0px!important;padding:0px;width:651px;overflow-x:auto!important;overflow-y:hidden!important;font-size:1em!important;background-color:white!important"> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;border:2px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:5px 0px 10px;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:651px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 1</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:619px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important"> <div class="container" style="margin:0px!important;padding:0px!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">delete</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">chenhao[</code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'email'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">]</code></div> </div></td></tr></tbody></table></div></div><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> �������Щ���ӣ����ǿ��Կ�������㣺</p><ol style="margin:0px;padding:0px 0px 10px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"><li style="margin:0px;padding:0px 0px 0px 20px;list-style-position:inside"> Javascript����ݺͳ�Ա��װ�ܼ�û������ȫ�Ƕ������������̬��</li><li style="margin:0px;padding:0px 0px 0px 20px;list-style-position:inside">Javascript function�е�thisָ��ܹؼ����û�еĻ����Ǿ��Ǿֲ�������ֲ�����</li><li style="margin:0px;padding:0px 0px 0px 20px;list-style-position:inside"> Javascript�����Ա���������ʹ��ʱ��ʱ����������һ��ȫ�ֺ���ֱ�Ӹ���ȥ�ͺ��ˡ�</li><li style="margin:0px;padding:0px 0px 0px 20px;list-style-position:inside">Javascript�ij�Ա���������ʵ���Ͻ����ģ�Ҳ����˵��ͬʵ����ͬ���������Ϊ��һ��һ��</li></ol> <h4 style="margin:0px 0px 10px;padding:0px;font-family:'Microsoft YaHei',Arial;font-size:17px;color:rgb(0,136,0);line-height:22px"> �������� – Object.defineProperty</h4><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px">�ȿ�����Ĵ��룺</p> <div style="margin:0px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"><div id="highlighter_241079" class="syntaxhighlighter jscript" style="margin:1em 0px!important;padding:0px;width:651px;overflow-x:auto!important;overflow-y:hidden!important;font-size:1em!important;background-color:white!important"> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;border:2px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:5px 0px 10px;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:651px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 1</div><div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 2</div><div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 3</div><div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 4</div><div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 5</div><div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 6</div><div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 7</div><div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 8</div><div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 9</div><div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 10</div><div class="line number11 index10 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 11</div><div class="line number12 index11 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 12</div><div class="line number13 index12 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 13</div><div class="line number14 index13 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 14</div><div class="line number15 index14 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 15</div><div class="line number16 index15 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 16</div><div class="line number17 index16 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 17</div><div class="line number18 index17 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 18</div><div class="line number19 index18 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 19</div><div class="line number20 index19 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 20</div><div class="line number21 index20 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 21</div><div class="line number22 index21 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 22</div><div class="line number23 index22 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 23</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:611px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important"> <div class="container" style="margin:0px!important;padding:0px!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">//��������</code></div> <div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">chenhao = Object.create(</code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">null</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code></div> <div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">//����һ������</code></div> <div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Object.defineProperty( chenhao,</code></div> <div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'name'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">, { value: </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'Chen Hao'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">,</code></div> <div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">writable: </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">true</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">,</code></div> <div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">configurable: </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">true</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">,</code></div> <div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">enumerable: </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">true</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">});</code></div> <div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number11 index10 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">//���ö������</code></div> <div class="line number12 index11 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Object.defineProperties( chenhao,</code></div> <div class="line number13 index12 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">{</code></div> <div class="line number14 index13 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'email'</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">: { value: </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'<a href="mailto:haoel@hotmail.com">haoel@hotmail.com</a>'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">,</code></div> <div class="line number15 index14 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">writable: </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">true</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">,</code></div> <div class="line number16 index15 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">configurable: </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">true</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">,</code></div> <div class="line number17 index16 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">enumerable: </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">true</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">},</code></div> <div class="line number18 index17 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'website'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">: { value: </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'<a href="http://coolshell.cn/" style="color:blue!important;text-decoration:none;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important">http://coolshell.cn</a>'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">,</code></div> <div class="line number19 index18 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">writable: </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">true</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">,</code></div> <div class="line number20 index19 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">configurable: </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">true</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">,</code></div> <div class="line number21 index20 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">enumerable: </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">true</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">}</code></div> <div class="line number22 index21 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">}</code></div> <div class="line number23 index22 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code></div> </div></td></tr></tbody></table></div></div><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> �����˵˵��Щ����������ʲô��˼��</p><ul style="margin:0px;padding:0px 0px 10px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"><li style="margin:0px;padding:0px 0px 0px 20px;list-style-position:inside"> writable��������Ե�ֵ�Ƿ���Ըġ�</li><li style="margin:0px;padding:0px 0px 0px 20px;list-style-position:inside">configurable��������Ե������Ƿ���Ըġ�</li><li style="margin:0px;padding:0px 0px 0px 20px;list-style-position:inside"> enumerable����������Ƿ�����for…inѭ���б����������Object.keys���оٳ�����</li> <li style="margin:0px;padding:0px 0px 0px 20px;list-style-position:inside">value������ֵ��</li><li style="margin:0px;padding:0px 0px 0px 20px;list-style-position:inside">get()/set(_value)��get��set��������</li></ul><h4 style="margin:0px 0px 10px;padding:0px;font-family:'Microsoft YaHei',Arial;font-size:17px;color:rgb(0,136,0);line-height:22px"> Get/Set ������</h4><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px">����get/set�������������˼������get/set��ȡ��value���䲻�ܺ�valueһ��ʹ�ã���ʾ�����£�</p> <div style="margin:0px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"><div id="highlighter_8423" class="syntaxhighlighter jscript" style="margin:1em 0px!important;padding:0px;width:651px;overflow-x:auto!important;overflow-y:hidden!important;font-size:1em!important;background-color:white!important"> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;border:2px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:5px 0px 10px;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:651px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 1</div><div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 2</div><div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 3</div><div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 4</div><div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 5</div><div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 6</div><div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 7</div><div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 8</div><div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 9</div><div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 10</div><div class="line number11 index10 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 11</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:611px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important"> <div class="container" style="margin:0px!important;padding:0px!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">age = 0;</code></div> <div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Object.defineProperty( chenhao,</code></div> <div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'age'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">, {</code></div> <div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">get: </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">() {</code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">return</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">age+1;},</code></div> <div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">set: </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">(value) {age = value;}</code></div> <div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">enumerable : </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">true</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">,</code></div> <div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">configurable : </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">true</code></div> <div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">}</code></div> <div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code></div> <div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">chenhao.age = 100; </code><code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">//����set</code></div> <div class="line number11 index10 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">alert(chenhao.age); </code><code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">//����get ���101��get��+1�ˣ�;</code></div> </div></td></tr></tbody></table></div></div><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> �����ٿ�һ����Ϊʵ�õ�����——�������е�����(age)ͨ��get��set�����µ�����(birth_year)��</p><div style="margin:0px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> <div id="highlighter_559779" class="syntaxhighlighter jscript" style="margin:1em 0px!important;padding:0px;width:651px;overflow-x:auto!important;overflow-y:hidden!important;font-size:1em!important;background-color:white!important"> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;border:2px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:5px 0px 10px;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:651px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 1</div><div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 2</div><div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 3</div><div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 4</div><div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 5</div><div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 6</div><div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 7</div><div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 8</div><div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 9</div><div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 10</div><div class="line number11 index10 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 11</div><div class="line number12 index11 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 12</div><div class="line number13 index12 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 13</div><div class="line number14 index13 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 14</div><div class="line number15 index14 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 15</div><div class="line number16 index15 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 16</div><div class="line number17 index16 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 17</div><div class="line number18 index17 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 18</div><div class="line number19 index18 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 19</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:611px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important"> <div class="container" style="margin:0px!important;padding:0px!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Object.defineProperty( chenhao,</code></div> <div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'birth_year'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">,</code></div> <div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">{</code></div> <div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">get: </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">() {</code></div> <div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">d = </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">new</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Date();</code></div> <div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">y = d.getFullYear();</code></div> <div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">return</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">( y - </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.age );</code></div> <div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">},</code></div> <div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">set: </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">(year) {</code></div> <div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">d = </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">new</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Date();</code></div> <div class="line number11 index10 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">y = d.getFullYear();</code></div> <div class="line number12 index11 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.age = y - year;</code></div> <div class="line number13 index12 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">}</code></div> <div class="line number14 index13 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">}</code></div> <div class="line number15 index14 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code></div> <div class="line number16 index15 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number17 index16 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">alert(chenhao.birth_year);</code></div> <div class="line number18 index17 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">chenhao.birth_year = 2000;</code></div> <div class="line number19 index18 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">alert(chenhao.age);</code></div> </div></td></tr></tbody></table></div></div><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> �����������е��鷳����˵����Ϊʲô��д������������ӣ�</p><div style="margin:0px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> <div id="highlighter_737177" class="syntaxhighlighter jscript" style="margin:1em 0px!important;padding:0px;width:651px;overflow-x:auto!important;overflow-y:hidden!important;font-size:1em!important;background-color:white!important"> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;border:2px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:5px 0px 10px;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:651px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 1</div><div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 2</div><div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 3</div><div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 4</div><div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 5</div><div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 6</div><div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 7</div><div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 8</div><div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 9</div><div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 10</div><div class="line number11 index10 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 11</div><div class="line number12 index11 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 12</div><div class="line number13 index12 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 13</div><div class="line number14 index13 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 14</div><div class="line number15 index14 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 15</div><div class="line number16 index15 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 16</div><div class="line number17 index16 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 17</div><div class="line number18 index17 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 18</div><div class="line number19 index18 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 19</div><div class="line number20 index19 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 20</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:611px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important"> <div class="container" style="margin:0px!important;padding:0px!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">chenhao = {</code></div> <div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">name: </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"Chen Hao"</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">,</code></div> <div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">email: </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"<a href="mailto:haoel@hotmail.com">haoel@hotmail.com</a>"</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">,</code></div> <div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">website: </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"<a href="http://coolshell.cn/" style="color:blue!important;text-decoration:none;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important">http://coolshell.cn</a>"</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">,</code></div> <div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">age: 100,</code></div> <div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">get birth_year() {</code></div> <div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">d = </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">new</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Date();</code></div> <div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">y = d.getFullYear();</code></div> <div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">return</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">( y - </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.age );</code></div> <div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">},</code></div> <div class="line number11 index10 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">set birth_year(year) {</code></div> <div class="line number12 index11 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">d = </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">new</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Date();</code></div> <div class="line number13 index12 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">y = d.getFullYear();</code></div> <div class="line number14 index13 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.age = y - year;</code></div> <div class="line number15 index14 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">}</code></div> <div class="line number16 index15 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number17 index16 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">};</code></div> <div class="line number18 index17 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">alert(chenhao.birth_year);</code></div> <div class="line number19 index18 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">chenhao.birth_year = 2000;</code></div> <div class="line number20 index19 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">alert(chenhao.age);</code></div> </div></td></tr></tbody></table></div></div><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> �ǵģ����ȷ��������ģ�����ͨ��defineProperty()����Ը���Щ�£�<br>1�������� writable��configurable��enumerable ��������������á�<br>2����̬��Ϊһ����������ԡ����磺һЩHTML��DOM����</p><h4 style="margin:0px 0px 10px;padding:0px;font-family:'Microsoft YaHei',Arial;font-size:17px;color:rgb(0,136,0);line-height:22px"> �鿴������������</h4><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px">���鿴������������Щ���ã������и�������������������Ժ����õȶ�����</p> <div style="margin:0px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"><div id="highlighter_218148" class="syntaxhighlighter jscript" style="margin:1em 0px!important;padding:0px;width:651px;overflow-x:auto!important;overflow-y:hidden!important;font-size:1em!important;background-color:white!important"> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;border:2px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:5px 0px 10px;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:652px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 1</div><div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 2</div><div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 3</div><div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 4</div><div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 5</div><div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 6</div><div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 7</div><div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 8</div><div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 9</div><div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 10</div><div class="line number11 index10 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 11</div><div class="line number12 index11 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 12</div><div class="line number13 index12 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 13</div><div class="line number14 index13 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 14</div><div class="line number15 index14 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 15</div><div class="line number16 index15 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 16</div><div class="line number17 index16 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 17</div><div class="line number18 index17 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 18</div><div class="line number19 index18 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 19</div><div class="line number20 index19 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 20</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:612px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important"> <div class="container" style="margin:0px!important;padding:0px!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">//�г����������.</code></div> <div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">listProperties(obj)</code></div> <div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">{</code></div> <div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">newLine = </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"<br />"</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">;</code></div> <div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">names = Object.getOwnPropertyNames(obj);</code></div> <div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">for</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">(</code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">i = 0; i < names.length; i++) {</code></div> <div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">prop = names[i];</code></div> <div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">document.write(prop + newLine);</code></div> <div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">// �г�������������ã�descriptor������getOwnPropertyDescriptor����</code></div> <div class="line number11 index10 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">descriptor = Object.getOwnPropertyDescriptor(obj, prop);</code></div> <div class="line number12 index11 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">for</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">(</code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">attr </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">in</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">descriptor) {</code></div> <div class="line number13 index12 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">document.write(</code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"..."</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ attr + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">': '</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ descriptor[attr]);</code></div> <div class="line number14 index13 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">document.write(newLine);</code></div> <div class="line number15 index14 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">}</code></div> <div class="line number16 index15 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">document.write(newLine);</code></div> <div class="line number17 index16 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">}</code></div> <div class="line number18 index17 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">}</code></div> <div class="line number19 index18 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number20 index19 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">listProperties(chenhao);</code></div> </div></td></tr></tbody></table></div></div><h4 style="margin:0px 0px 10px;padding:0px;font-family:'Microsoft YaHei',Arial;font-size:17px;color:rgb(0,136,0);line-height:22px">call��apply�� bind �� this</h4><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> ����Javascript��thisָ�룬��C++/Java�����ơ� ����������ʾ�����ʾ��ܼ��ˣ��ҾͲ���˵�ˣ�</p><div style="margin:0px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> <div id="highlighter_271338" class="syntaxhighlighter jscript" style="margin:1em 0px!important;padding:0px;width:651px;overflow-x:auto!important;overflow-y:hidden!important;font-size:1em!important;background-color:white!important"> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;border:2px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:5px 0px 10px;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:651px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 1</div><div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 2</div><div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 3</div><div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 4</div><div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 5</div><div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 6</div><div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 7</div><div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 8</div><div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 9</div><div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 10</div><div class="line number11 index10 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 11</div><div class="line number12 index11 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 12</div><div class="line number13 index12 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 13</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:611px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important"> <div class="container" style="margin:0px!important;padding:0px!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">print(text){</code></div> <div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">document.write(</code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.value + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">' - '</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ text+ </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'<br>'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code></div> <div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">}</code></div> <div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">a = {value: 10, print : print};</code></div> <div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">b = {value: 20, print : print};</code></div> <div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">print(</code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'hello'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code><code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">// this => global, output "undefined - hello"</code></div> <div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">a.print(</code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'a'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code><code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">// this => a, output "10 - a"</code></div> <div class="line number11 index10 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">b.print(</code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'b'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">); </code><code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">// this => b, output "20 - b"</code></div> <div class="line number12 index11 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number13 index12 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">a[</code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'print'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">](</code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'a'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">); </code><code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">// this => a, output "10 - a"</code></div> </div></td></tr></tbody></table></div></div><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> ������������call �� apply������������IJ����Dz�������Ӳ�һ����һ���������ܲ�һ��apply������Ҫ��ܶࡣ���������ܣ��ɵ� <a href="http://jsperf.com/" target="_blank" style="color:rgb(41,112,166);text-decoration:none">JSPerf</a> ��ȥ���ܿ�����</p> <div style="margin:0px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> <div id="highlighter_717219" class="syntaxhighlighter jscript" style="margin:1em 0px!important;padding:0px;width:651px;overflow-x:auto!important;overflow-y:hidden!important;font-size:1em!important;background-color:white!important"> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;border:2px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:5px 0px 10px;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:651px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 1</div><div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 2</div><div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 3</div><div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 4</div><div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 5</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:619px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important"> <div class="container" style="margin:0px!important;padding:0px!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">print.call(a, </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'a'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">); </code><code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">// this => a, output "10 - a"</code></div> <div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">print.call(b, </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'b'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">); </code><code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">// this => b, output "20 - b"</code></div> <div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">print.apply(a, [</code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'a'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">]); </code><code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">// this => a, output "10 - a"</code></div> <div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">print.apply(b, [</code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'b'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">]); </code><code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">// this => b, output "20 - b"</code></div> </div></td></tr></tbody></table></div></div><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> ������bind��thisָ�룬���ܻ��в�һ������ΪJavascript�Ƕ�̬�ġ��������ʾ��</p><div style="margin:0px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> <div id="highlighter_157344" class="syntaxhighlighter jscript" style="margin:1em 0px!important;padding:0px;width:651px;overflow-x:auto!important;overflow-y:hidden!important;font-size:1em!important;background-color:white!important"> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;border:2px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:5px 0px 10px;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:651px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 1</div><div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 2</div><div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 3</div><div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 4</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:619px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important"> <div class="container" style="margin:0px!important;padding:0px!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">p = print.bind(a);</code></div> <div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">p(</code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'a'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">); </code><code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">// this => a, output "10 - a"</code></div> <div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">p.call(b, </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'b'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">); </code><code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">// this => a, output "10 - b"</code></div> <div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">p.apply(b, [</code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'b'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">]); </code><code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">// this => a, output "10 - b"</code></div> </div></td></tr></tbody></table></div></div><h4 style="margin:0px 0px 10px;padding:0px;font-family:'Microsoft YaHei',Arial;font-size:17px;color:rgb(0,136,0);line-height:22px">�̳� �� ����</h4><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> ͨ���������Щʾ�����ǿ���ͨ��Object.create()��ʵ�ʼ̳У��뿴����Ĵ��룬Student�̳���Object��</p><div style="margin:0px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> <div id="highlighter_525398" class="syntaxhighlighter jscript" style="margin:1em 0px!important;padding:0px;width:651px;overflow-x:auto!important;overflow-y:hidden!important;font-size:1em!important;background-color:white!important"> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;border:2px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:5px 0px 10px;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:732px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 1</div><div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 2</div><div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 3</div><div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 4</div><div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 5</div><div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 6</div><div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 7</div><div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 8</div><div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 9</div><div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 10</div><div class="line number11 index10 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 11</div><div class="line number12 index11 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 12</div><div class="line number13 index12 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 13</div><div class="line number14 index13 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 14</div><div class="line number15 index14 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 15</div><div class="line number16 index15 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 16</div><div class="line number17 index16 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 17</div><div class="line number18 index17 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 18</div><div class="line number19 index18 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 19</div><div class="line number20 index19 alt1 highlighted" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(108,226,108)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important;color:white!important"> 20</div><div class="line number21 index20 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 21</div><div class="line number22 index21 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 22</div><div class="line number23 index22 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 23</div><div class="line number24 index23 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 24</div><div class="line number25 index24 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 25</div><div class="line number26 index25 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 26</div><div class="line number27 index26 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 27</div><div class="line number28 index27 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 28</div><div class="line number29 index28 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 29</div><div class="line number30 index29 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 30</div><div class="line number31 index30 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 31</div><div class="line number32 index31 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 32</div><div class="line number33 index32 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 33</div><div class="line number34 index33 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 34</div><div class="line number35 index34 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 35</div><div class="line number36 index35 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 36</div><div class="line number37 index36 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 37</div><div class="line number38 index37 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 38</div><div class="line number39 index38 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 39</div><div class="line number40 index39 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 40</div><div class="line number41 index40 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 41</div><div class="line number42 index41 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 42</div><div class="line number43 index42 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 43</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:692px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important"> <div class="container" style="margin:0px!important;padding:0px!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Person = Object.create(</code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">null</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code></div> <div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Object.defineProperties</code></div> <div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">(</code></div> <div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Person,</code></div> <div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">{</code></div> <div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'name'</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">: { value: </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'Chen Hao'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">},</code></div> <div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'email'</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">: { value : </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'<a href="mailto:haoel@hotmail.com">haoel@hotmail.com</a>'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">},</code></div> <div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'website'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">: { value: </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'<a href="http://coolshell.cn/" style="color:blue!important;text-decoration:none;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important">http://coolshell.cn</a>'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">}</code></div> <div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">}</code></div> <div class="line number11 index10 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code></div> <div class="line number12 index11 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number13 index12 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Person.sayHello = </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">() {</code></div> <div class="line number14 index13 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">hello = </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"<p>Hello, I am "</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.name + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">", <br>"</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+</code></div> <div class="line number15 index14 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"my email is: "</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.email + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">", <br>"</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+</code></div> <div class="line number16 index15 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"my website is: "</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.website;</code></div> <div class="line number17 index16 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">document.write(hello + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"<br>"</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code></div> <div class="line number18 index17 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">}</code></div> <div class="line number19 index18 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number20 index19 alt1 highlighted" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(224,224,224)!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Student = Object.create(Person);</code></div> <div class="line number21 index20 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Student.no = </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"1234567"</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">; </code><code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">//ѧ��</code></div> <div class="line number22 index21 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Student.dept = </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"Computer Science"</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">; </code><code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">//ϵ</code></div> <div class="line number23 index22 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number24 index23 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">//ʹ��Person������</code></div> <div class="line number25 index24 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">document.write(Student.name + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">' '</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ Student.email + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">' '</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ Student.website +</code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'<br>'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code></div> <div class="line number26 index25 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number27 index26 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">//ʹ��Person�ķ���</code></div> <div class="line number28 index27 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Student.sayHello();</code></div> <div class="line number29 index28 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number30 index29 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">//����SayHello����</code></div> <div class="line number31 index30 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Student.sayHello = </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">(person) {</code></div> <div class="line number32 index31 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">hello = </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"<p>Hello, I am "</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.name + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">", <br>"</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+</code></div> <div class="line number33 index32 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"my email is: "</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.email + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">", <br>"</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+</code></div> <div class="line number34 index33 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"my website is: "</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.website + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">", <br>"</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+</code></div> <div class="line number35 index34 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"my student no is: "</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">. no + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">", <br>"</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+</code></div> <div class="line number36 index35 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"my departent is: "</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">. dept;</code></div> <div class="line number37 index36 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">document.write(hello + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'<br>'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code></div> <div class="line number38 index37 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">}</code></div> <div class="line number39 index38 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">//�ٴε���</code></div> <div class="line number40 index39 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Student.sayHello();</code></div> <div class="line number41 index40 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number42 index41 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">//�鿴Student�����ԣ�ֻ�� no �� dept �� �����˵�sayHello��</code></div> <div class="line number43 index42 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">document.write(</code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'<p>'</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ Object.keys(Student) + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'<br>'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code></div> </div></td></tr></tbody></table></div></div><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> ͨ���������ʾ�����ǿ��Կ�����Person������Բ�û�б������Ƶ���Student�������������ǿ���ȥ��ȡ��������ΪJavascript��ί��ʵ������һ���ơ���ʵ�������Prototype��Person��Student��Prototype��</p><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> �����ǵĴ�����Ҫһ�����Ե�ʱ��Javascript��������ȿ���ǰ������������Ƿ���������ԣ����û�еĻ����ͻ�������Prototype�����Ƿ���������ԣ�һֱ������ȥ��ֱ���ҵ�����ֱ��û��Prototype����</p><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> Ϊ��֤������£����ǿ���ʹ��Object.getPrototypeOf()������һ�£�</p><div style="margin:0px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> <div id="highlighter_240044" class="syntaxhighlighter jscript" style="margin:1em 0px!important;padding:0px;width:651px;overflow-x:auto!important;overflow-y:hidden!important;font-size:1em!important;background-color:white!important"> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;border:2px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:5px 0px 10px;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:651px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 1</div><div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 2</div><div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 3</div><div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 4</div><div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 5</div><div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 6</div><div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 7</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:619px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important"> <div class="container" style="margin:0px!important;padding:0px!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Student.name = </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'aaa'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">;</code></div> <div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">//��� aaa</code></div> <div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">document.write(</code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'<p>'</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ Student.name + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'</p>'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code></div> <div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">//��� Chen Hao</code></div> <div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">document.write(</code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'<p>'</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+Object.getPrototypeOf(Student).name + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'</p>'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code></div> </div></td></tr></tbody></table></div></div><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> ���ǣ��㻹�������Ӷ���ĺ�������ø�����ĺ���ͺ���C++��� Base::func() һ�����ǣ���������hello�ķ����Ϳ���ʹ�ø���Ĵ����ˣ�������ʾ��</p><div style="margin:0px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> <div id="highlighter_278935" class="syntaxhighlighter jscript" style="margin:1em 0px!important;padding:0px;width:651px;overflow-x:auto!important;overflow-y:hidden!important;font-size:1em!important;background-color:white!important"> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;border:2px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:5px 0px 10px;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:651px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 1</div><div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 2</div><div class="line number3 index2 alt2 highlighted" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(108,226,108)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important;color:white!important"> 3</div><div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 4</div><div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 5</div><div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 6</div><div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 7</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:619px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important"> <div class="container" style="margin:0px!important;padding:0px!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">//�°������SayHello����</code></div> <div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Student.sayHello = </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">(person) {</code></div> <div class="line number3 index2 alt2 highlighted" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(224,224,224)!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Object.getPrototypeOf(</code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">).sayHello.call(</code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code></div> <div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">hello = </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"my student no is: "</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">. no + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">", <br>"</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+</code></div> <div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"my departent is: "</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">. dept;</code></div> <div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">document.write(hello + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'<br>'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code></div> <div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">}</code></div> </div></td></tr></tbody></table></div></div><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> �����ǿ��ɡ�</p><h4 style="margin:0px 0px 10px;padding:0px;font-family:'Microsoft YaHei',Arial;font-size:17px;color:rgb(0,136,0);line-height:22px">���</h4><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> ������Ǹ������������������ǵ�Ҫ�����ǿ���ϣ����Щ��������������������ΪʲôҪ��ϣ���Ϊ���Ƕ�֪��������OO��Ƶ�����Ҫ�Ķ��������������Javascript����û��֧�ֵ��ر�ã�����������Ȼ���Ը㶨���¡�</p><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> ���ȣ�������Ҫ����һ��Composition�ĺ���target���������Ƕ���source��Դ��������������뻹�Ǻܼģ����ǰ�source�������һ��һ���ó���Ȼ���嵽target�С�</p><div style="margin:0px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> <div id="highlighter_368411" class="syntaxhighlighter jscript" style="margin:1em 0px!important;padding:0px;width:651px;overflow-x:auto!important;overflow-y:hidden!important;font-size:1em!important;background-color:white!important"> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;border:2px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:5px 0px 10px;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:651px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 1</div><div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 2</div><div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 3</div><div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 4</div><div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 5</div><div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 6</div><div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 7</div><div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 8</div><div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 9</div><div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 10</div><div class="line number11 index10 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 11</div><div class="line number12 index11 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 12</div><div class="line number13 index12 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 13</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:611px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important"> <div class="container" style="margin:0px!important;padding:0px!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Composition(target, source)</code></div> <div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">{</code></div> <div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">desc = Object.getOwnPropertyDescriptor;</code></div> <div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">prop = Object.getOwnPropertyNames;</code></div> <div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">def_prop = Object.defineProperty;</code></div> <div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">prop(source).forEach(</code></div> <div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">(key) {</code></div> <div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">def_prop(target, key, desc(source, key))</code></div> <div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">}</code></div> <div class="line number11 index10 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">)</code></div> <div class="line number12 index11 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">return</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">target;</code></div> <div class="line number13 index12 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">}</code></div> </div></td></tr></tbody></table></div></div><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> ������������Ժ����ǾͿ����������ˣ�</p><div style="margin:0px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"><div id="highlighter_681203" class="syntaxhighlighter jscript" style="margin:1em 0px!important;padding:0px;width:651px;overflow-x:auto!important;overflow-y:hidden!important;font-size:1em!important;background-color:white!important"> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;border:2px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:5px 0px 10px;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:651px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 1</div><div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 2</div><div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 3</div><div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 4</div><div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 5</div><div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 6</div><div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 7</div><div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 8</div><div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 9</div><div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 10</div><div class="line number11 index10 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 11</div><div class="line number12 index11 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 12</div><div class="line number13 index12 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 13</div><div class="line number14 index13 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 14</div><div class="line number15 index14 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 15</div><div class="line number16 index15 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 16</div><div class="line number17 index16 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 17</div><div class="line number18 index17 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 18</div><div class="line number19 index18 alt2 highlighted" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(108,226,108)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important;color:white!important"> 19</div><div class="line number20 index19 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 20</div><div class="line number21 index20 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 21</div><div class="line number22 index21 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 22</div><div class="line number23 index22 alt2 highlighted" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(108,226,108)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important;color:white!important"> 23</div><div class="line number24 index23 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 24</div><div class="line number25 index24 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 25</div><div class="line number26 index25 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 26</div><div class="line number27 index26 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 27</div><div class="line number28 index27 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 28</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:611px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important"> <div class="container" style="margin:0px!important;padding:0px!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">//������</code></div> <div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Artist = Object.create(</code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">null</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code></div> <div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Artist.sing = </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">() {</code></div> <div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">return</code> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.name + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">' starts singing...'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">;</code></div> <div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">}</code></div> <div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Artist.paint = </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">() {</code></div> <div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">return</code> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.name + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">' starts painting...'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">;</code></div> <div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">}</code></div> <div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">//�˶�Ա</code></div> <div class="line number11 index10 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Sporter = Object.create(</code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">null</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code></div> <div class="line number12 index11 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Sporter.run = </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">() {</code></div> <div class="line number13 index12 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">return</code> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.name + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">' starts running...'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">;</code></div> <div class="line number14 index13 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">}</code></div> <div class="line number15 index14 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Sporter.swim = </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">() {</code></div> <div class="line number16 index15 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">return</code> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.name + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">' starts swimming...'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">;</code></div> <div class="line number17 index16 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">}</code></div> <div class="line number18 index17 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number19 index18 alt2 highlighted" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(224,224,224)!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Composition(Person, Artist);</code></div> <div class="line number20 index19 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">document.write(Person.sing() + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'<br>'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code></div> <div class="line number21 index20 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">document.write(Person.paint() + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'<br>'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code></div> <div class="line number22 index21 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number23 index22 alt2 highlighted" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(224,224,224)!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Composition(Person, Sporter);</code></div> <div class="line number24 index23 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">document.write(Person.run() + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'<br>'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code></div> <div class="line number25 index24 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">document.write(Person.swim() + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'<br>'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code></div> <div class="line number26 index25 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number27 index26 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">//���� Person����ʲô���������sayHello,sing,paint,swim,run��</code></div> <div class="line number28 index27 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">document.write(</code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'<p>'</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ Object.keys(Person) + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'<br>'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code></div> </div></td></tr></tbody></table></div></div><h4 style="margin:0px 0px 10px;padding:0px;font-family:'Microsoft YaHei',Arial;font-size:17px;color:rgb(0,136,0);line-height:22px">Prototype �� �̳�</h4><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> ��������˵˵Prototype�������ȿ��������̣������̲���Ҫ���Ͱɣ�����C������ĺ���ָ�룬��C����������Ķ�����ö��ˡ�</p><div style="margin:0px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> <div id="highlighter_299506" class="syntaxhighlighter jscript" style="margin:1em 0px!important;padding:0px;width:651px;overflow-x:auto!important;overflow-y:hidden!important;font-size:1em!important;background-color:white!important"> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;border:2px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:5px 0px 10px;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:651px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 1</div><div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 2</div><div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 3</div><div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 4</div><div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 5</div><div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 6</div><div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 7</div><div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 8</div><div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 9</div><div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 10</div><div class="line number11 index10 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 11</div><div class="line number12 index11 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 12</div><div class="line number13 index12 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 13</div><div class="line number14 index13 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 14</div><div class="line number15 index14 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 15</div><div class="line number16 index15 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 16</div><div class="line number17 index16 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 17</div><div class="line number18 index17 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 18</div><div class="line number19 index18 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 19</div><div class="line number20 index19 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 20</div><div class="line number21 index20 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 21</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:611px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important"> <div class="container" style="margin:0px!important;padding:0px!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">plus = </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">(x,y){</code></div> <div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">document.write( x + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">' + '</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ y + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">' = '</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ (x+y) + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'<br>'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code></div> <div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">return</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">x + y;</code></div> <div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">};</code></div> <div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">minus = </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">(x,y){</code></div> <div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">document.write(x + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">' - '</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ y + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">' = '</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ (x-y) + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'<br>'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code></div> <div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">return</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">x - y;</code></div> <div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">};</code></div> <div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number11 index10 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">operations = {</code></div> <div class="line number12 index11 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'+'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">: plus,</code></div> <div class="line number13 index12 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'-'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">: minus</code></div> <div class="line number14 index13 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">};</code></div> <div class="line number15 index14 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number16 index15 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">calculate = </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">(x, y, operation){</code></div> <div class="line number17 index16 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">return</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">operations[operation](x, y);</code></div> <div class="line number18 index17 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">};</code></div> <div class="line number19 index18 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number20 index19 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">calculate(12, 4, </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'+'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code></div> <div class="line number21 index20 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">calculate(24, 3, </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'-'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code></div> </div></td></tr></tbody></table></div></div><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> ��ô�������ܲ��ܰ���Щ������װ�����أ�������Ҫʹ��prototype���������ʾ��</p><div style="margin:0px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> <div id="highlighter_485396" class="syntaxhighlighter jscript" style="margin:1em 0px!important;padding:0px;width:651px;overflow-x:auto!important;overflow-y:hidden!important;font-size:1em!important;background-color:white!important"> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;border:2px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:5px 0px 10px;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:651px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 1</div><div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 2</div><div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 3</div><div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 4</div><div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 5</div><div class="line number6 index5 alt1 highlighted" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(108,226,108)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important;color:white!important"> 6</div><div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 7</div><div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 8</div><div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 9</div><div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 10</div><div class="line number11 index10 alt2 highlighted" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(108,226,108)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important;color:white!important"> 11</div><div class="line number12 index11 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 12</div><div class="line number13 index12 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 13</div><div class="line number14 index13 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 14</div><div class="line number15 index14 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 15</div><div class="line number16 index15 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 16</div><div class="line number17 index16 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 17</div><div class="line number18 index17 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 18</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:611px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important"> <div class="container" style="margin:0px!important;padding:0px!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Cal = </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">(x, y){</code></div> <div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.x = x;</code></div> <div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.y = y;</code></div> <div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">}</code></div> <div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number6 index5 alt1 highlighted" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(224,224,224)!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Cal.prototype.operations = {</code></div> <div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'+'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">: </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">(x, y) { </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">return</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">x+y;},</code></div> <div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'-'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">: </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">(x, y) { </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">return</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">x-y;}</code></div> <div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">};</code></div> <div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number11 index10 alt2 highlighted" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(224,224,224)!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Cal.prototype.calculate = </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">(operation){</code></div> <div class="line number12 index11 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">return</code> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.operations[operation](</code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.x, </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.y);</code></div> <div class="line number13 index12 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">};</code></div> <div class="line number14 index13 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number15 index14 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">c = </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">new</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Cal(4, 5);</code></div> <div class="line number16 index15 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number17 index16 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">c.calculate(</code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'+'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code></div> <div class="line number18 index17 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">c.calculate(</code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'-'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code></div> </div></td></tr></tbody></table></div></div><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> �����prototype���÷���prototype ��javascript�������������Ҫ�����ݡ�������̫������½�ʼ��������ˡ�˵���ˣ�prototype���Ƕ�һ���������չ�����ص�����ͨ��"����"һ���Ѿ����ڵ�ʵ���������µ�ʵ��,�����½�ʵ����Ƶ�ʵ�����������Ƶ�"ԭ��"�����ԭ���ǿɶ��Ƶģ���Ȼ������û������ĸ��ƣ�ʵ��ֻ��ί�У����������������У�������չ��ʵ��Cal����������һ��operations�����Ժ�һ��calculate�ķ�����</p> <p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px">�������ǿ���ͨ����һ������ʵ�ּ̳С����ǵ���������ǰ����Ǹ�Person�ɣ� �����ʾ���Ǵ���һ��Student���̳�Person��</p> <div style="margin:0px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"><div id="highlighter_150583" class="syntaxhighlighter jscript" style="margin:1em 0px!important;padding:0px;width:651px;overflow-x:auto!important;overflow-y:hidden!important;font-size:1em!important;background-color:white!important"> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;border:2px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:5px 0px 10px;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:660px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 1</div><div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 2</div><div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 3</div><div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 4</div><div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 5</div><div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 6</div><div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 7</div><div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 8</div><div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 9</div><div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 10</div><div class="line number11 index10 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 11</div><div class="line number12 index11 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 12</div><div class="line number13 index12 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 13</div><div class="line number14 index13 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 14</div><div class="line number15 index14 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 15</div><div class="line number16 index15 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 16</div><div class="line number17 index16 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 17</div><div class="line number18 index17 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 18</div><div class="line number19 index18 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 19</div><div class="line number20 index19 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 20</div><div class="line number21 index20 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 21</div><div class="line number22 index21 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 22</div><div class="line number23 index22 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 23</div><div class="line number24 index23 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 24</div><div class="line number25 index24 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 25</div><div class="line number26 index25 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 26</div><div class="line number27 index26 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 27</div><div class="line number28 index27 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 28</div><div class="line number29 index28 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 29</div><div class="line number30 index29 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 30</div><div class="line number31 index30 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 31</div><div class="line number32 index31 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 32</div><div class="line number33 index32 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 33</div><div class="line number34 index33 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 34</div><div class="line number35 index34 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 35</div><div class="line number36 index35 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 36</div><div class="line number37 index36 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 37</div><div class="line number38 index37 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 38</div><div class="line number39 index38 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 39</div><div class="line number40 index39 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 40</div><div class="line number41 index40 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 41</div><div class="line number42 index41 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 42</div><div class="line number43 index42 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 43</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:620px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important"> <div class="container" style="margin:0px!important;padding:0px!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Person(name, email, website){</code></div> <div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.name = name;</code></div> <div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.email = email;</code></div> <div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.website = website;</code></div> <div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">};</code></div> <div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Person.prototype.sayHello = </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">(){</code></div> <div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">hello = </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"Hello, I am "</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.name + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">", <br>"</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+</code></div> <div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"my email is: "</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.email + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">", <br>"</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+</code></div> <div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"my website is: "</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.website;</code></div> <div class="line number11 index10 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">return</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">hello;</code></div> <div class="line number12 index11 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">};</code></div> <div class="line number13 index12 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number14 index13 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Student(name, email, website, no, dept){</code></div> <div class="line number15 index14 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">proto = Object.getPrototypeOf;</code></div> <div class="line number16 index15 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">proto(Student.prototype).constructor.call(</code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">, name, email, website);</code></div> <div class="line number17 index16 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.no = no;</code></div> <div class="line number18 index17 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">.dept = dept;</code></div> <div class="line number19 index18 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">}</code></div> <div class="line number20 index19 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number21 index20 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">// �̳�prototype</code></div> <div class="line number22 index21 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Student.prototype = Object.create(Person.prototype);</code></div> <div class="line number23 index22 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number24 index23 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">//���ù��캯��</code></div> <div class="line number25 index24 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Student.prototype.constructor = Student;</code></div> <div class="line number26 index25 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number27 index26 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">//����sayHello()</code></div> <div class="line number28 index27 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Student.prototype.sayHello = </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">(){</code></div> <div class="line number29 index28 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">proto = Object.getPrototypeOf;</code></div> <div class="line number30 index29 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">hello = proto(Student.prototype).sayHello.call(</code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">) + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'<br>'</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">;</code></div> <div class="line number31 index30 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">hello += </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"my student no is: "</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">. no + </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">", <br>"</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+</code></div> <div class="line number32 index31 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"my departent is: "</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">+ </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">this</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">. dept;</code></div> <div class="line number33 index32 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">return</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">hello;</code></div> <div class="line number34 index33 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">};</code></div> <div class="line number35 index34 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number36 index35 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">me = </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">new</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Student(</code></div> <div class="line number37 index36 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"Chen Hao"</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">,</code></div> <div class="line number38 index37 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"<a href="mailto:haoel@hotmail.com">haoel@hotmail.com</a>"</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">,</code></div> <div class="line number39 index38 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"<a href="http://coolshell.cn/" style="color:blue!important;text-decoration:none;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important">http://coolshell.cn</a>"</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">,</code></div> <div class="line number40 index39 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"12345678"</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">,</code></div> <div class="line number41 index40 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">"Computer Science"</code></div> <div class="line number42 index41 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">);</code></div> <div class="line number43 index42 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">document.write(me.sayHello());</code></div> </div></td></tr></tbody></table></div></div><h4 style="margin:0px 0px 10px;padding:0px;font-family:'Microsoft YaHei',Arial;font-size:17px;color:rgb(0,136,0);line-height:22px">������</h4><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> �������Щ���벢��һ���������е�������¶������У���Ϊ������Щ������ѭ ECMAScript 5 �Ĺ淶������ECMAScript 5 ������������б?����Կ�����"<a href="http://kangax.github.com/es5-compat-table/" target="_blank" style="color:rgb(41,112,166);text-decoration:none">ES5��������ݱ�</a>"��</p> <p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px">�����е����д��붼��Chrome���°��в��Թ��ˡ�</p><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> ������һЩ����������ڲ�����ES5��������У�</p><h5 style="margin:0px;padding:0px;font-family:'Microsoft YaHei',Arial;font-size:15px;color:rgb(85,85,85);line-height:22px">Object.create()����</h5><div style="margin:0px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> <div id="highlighter_11518" class="syntaxhighlighter jscript" style="margin:1em 0px!important;padding:0px;width:651px;overflow-x:auto!important;overflow-y:hidden!important;font-size:1em!important;background-color:white!important"> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;border:2px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:5px 0px 10px;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:651px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 1</div><div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 2</div><div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 3</div><div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 4</div><div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 5</div><div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 6</div><div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 7</div><div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 8</div><div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 9</div><div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 10</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:611px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important"> <div class="container" style="margin:0px!important;padding:0px!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">clone(proto) {</code></div> <div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Dummy() { }</code></div> <div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Dummy.prototype = proto;</code></div> <div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Dummy.prototype.constructor = Dummy;</code></div> <div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">return</code> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">new</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">Dummy(); </code><code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">//�ȼ���Object.create(Person);</code></div> <div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">}</code></div> <div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">me = clone(Person);</code></div> </div></td></tr></tbody></table></div></div><h5 style="margin:0px;padding:0px;font-family:'Microsoft YaHei',Arial;font-size:15px;color:rgb(85,85,85);line-height:22px">defineProperty()����</h5><div style="margin:0px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> <div id="highlighter_508452" class="syntaxhighlighter jscript" style="margin:1em 0px!important;padding:0px;width:651px;overflow-x:auto!important;overflow-y:hidden!important;font-size:1em!important;background-color:white!important"> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;border:2px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:5px 0px 10px;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:651px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 1</div><div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 2</div><div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 3</div><div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 4</div><div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 5</div><div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 6</div><div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 7</div><div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 8</div><div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 9</div><div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 10</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:611px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important"> <div class="container" style="margin:0px!important;padding:0px!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">defineProperty(target, key, descriptor) {</code></div> <div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">if</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">(descriptor.value){</code></div> <div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">target[key] = descriptor.value;</code></div> <div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">}</code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">else</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">{</code></div> <div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">descriptor.get && target.__defineGetter__(key, descriptor.get);</code></div> <div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">descriptor.set && target.__defineSetter__(key, descriptor.set);</code></div> <div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">}</code></div> <div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number9 index8 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">return</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">target</code></div> <div class="line number10 index9 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">}</code></div> </div></td></tr></tbody></table></div></div><h5 style="margin:0px;padding:0px;font-family:'Microsoft YaHei',Arial;font-size:15px;color:rgb(85,85,85);line-height:22px">keys()����</h5><div style="margin:0px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> <div id="highlighter_426028" class="syntaxhighlighter jscript" style="margin:1em 0px!important;padding:0px;width:651px;overflow-x:auto!important;overflow-y:hidden!important;font-size:1em!important;background-color:white!important"> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;border:2px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:5px 0px 10px;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:651px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 1</div><div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 2</div><div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 3</div><div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 4</div><div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 5</div><div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 6</div><div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 7</div><div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 8</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:619px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important"> <div class="container" style="margin:0px!important;padding:0px!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">keys(object) { </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">result, key</code></div> <div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">result = [];</code></div> <div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">for</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">(key </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">in</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">object){</code></div> <div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">if</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">(object.hasOwnProperty(key)) result.push(key)</code></div> <div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">}</code></div> <div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">return</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">result;</code></div> <div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">}</code></div> </div></td></tr></tbody></table></div></div><h5 style="margin:0px;padding:0px;font-family:'Microsoft YaHei',Arial;font-size:15px;color:rgb(85,85,85);line-height:22px">Object.getPrototypeOf() ����</h5><div style="margin:0px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> <div id="highlighter_444622" class="syntaxhighlighter jscript" style="margin:1em 0px!important;padding:0px;width:651px;overflow-x:auto!important;overflow-y:hidden!important;font-size:1em!important;background-color:white!important"> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;border:2px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:5px 0px 10px;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:651px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 1</div><div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 2</div><div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 3</div><div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 4</div><div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 5</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:619px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important"> <div class="container" style="margin:0px!important;padding:0px!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">proto(object) {</code></div> <div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">return</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">!object? </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">null</code></div> <div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">: </code><code class="jscript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:blue!important">'__proto__'</code> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">in</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">object? object.__proto__</code></div> <div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">: </code><code class="jscript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:url('http://coolshell.cn/wp-content/themes/inove/img/icons.gif');border:0px!important;float:right;height:16px;line-height:16px;margin:0px!important;outline:0px!important;overflow:visible!important;padding-top:0px!important;padding-right:0px!important;padding-bottom:0px!important;padding-left:22px;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;direction:ltr!important;display:block;color:rgb(0,130,0)!important;background-repeat:no-repeat no-repeat">/* not exposed? */</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">object.constructor.prototype</code></div> <div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">}</code></div> </div></td></tr></tbody></table></div></div><h5 style="margin:0px;padding:0px;font-family:'Microsoft YaHei',Arial;font-size:15px;color:rgb(85,85,85);line-height:22px">bind ����</h5><div style="margin:0px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> <div id="highlighter_889722" class="syntaxhighlighter jscript" style="margin:1em 0px!important;padding:0px;width:651px;overflow-x:auto!important;overflow-y:hidden!important;font-size:1em!important;background-color:white!important"> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;border:2px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:5px 0px 10px;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:651px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;color:rgb(175,175,175)!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 1</div><div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 2</div><div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 3</div><div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 4</div><div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 5</div><div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 6</div><div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 7</div><div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 0.5em 0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> 8</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(204,204,204);float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px 10px;vertical-align:top;width:619px;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important"> <div class="container" style="margin:0px!important;padding:0px!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important"> <div class="line number1 index0 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">slice = [].slice</code></div> <div class="line number2 index1 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> </div><div class="line number3 index2 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">bind(fn, bound_this) { </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">bound_args</code></div> <div class="line number4 index3 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">bound_args = slice.call(arguments, 2)</code></div> <div class="line number5 index4 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">return</code> <code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">function</code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">() { </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">var</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">args</code></div> <div class="line number6 index5 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">args = bound_args.concat(slice.call(arguments))</code></div> <div class="line number7 index6 alt2" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important"> </code><code class="jscript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-weight:bold!important;font-size:1em!important;direction:ltr!important;display:inline!important;color:rgb(0,102,153)!important">return</code> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">fn.apply(bound_this, args) }</code></div> <div class="line number8 index7 alt1" style="margin:0px!important;padding:0px 1em!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:white!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;outline:0px!important;overflow:visible!important;vertical-align:baseline!important;width:auto!important;font-size:1em!important;direction:ltr!important;white-space:pre!important"> <code class="jscript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:1.1em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:Consolas,'Bitstream Vera Sans Mono','Courier New',Courier,monospace!important;font-size:1em!important;direction:ltr!important;display:inline!important">}</code></div> </div></td></tr></tbody></table></div></div><h4 style="margin:0px 0px 10px;padding:0px;font-family:'Microsoft YaHei',Arial;font-size:17px;color:rgb(0,136,0);line-height:22px">�ο�</h4><ul style="margin:0px;padding:0px 0px 10px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"> <li style="margin:0px;padding:0px 0px 0px 20px;list-style-position:inside">W3CSchool</li><li style="margin:0px;padding:0px 0px 0px 20px;list-style-position:inside">MDN (Mozilla Developer Network)</li><li style="margin:0px;padding:0px 0px 0px 20px;list-style-position:inside"> MSDN (Microsoft Software Development Network)</li><li style="margin:0px;padding:0px 0px 0px 20px;list-style-position:inside"><a href="http://killdream.github.com/blog/2011/10/understanding-javascript-oop/" target="_blank" style="color:rgb(41,112,166);text-decoration:none">Understanding Javascript OOP</a>.</li> </ul><p style="margin:0px 0px 10px;padding:0px;color:rgb(85,85,85);font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;font-size:14px;line-height:22px"><span style="color:rgb(204,0,0)"><strong>��ת��ʱ��ע�����ߺͳ��������������κ���ҵ��;��</strong></span></p> <div style="margin:15px 0px 0px;padding:0px;font-family:Arial,Verdana,'BitStream vera Sans',Tahoma,Helvetica,sans-serif;line-height:22px;font-size:11px;color:rgb(204,0,0)"><p align="center" style="margin:0px 0px 10px;padding:0px"> <strong>��ת�ر�վ������ע�����ߺͳ��� <a href="http://coolshell.cn/" style="color:rgb(41,112,166);text-decoration:none">��� – CoolShell.cn</a> �����������κ���ҵ��;��</strong></p></div><br> ericssonxiaohttp://www.blogger.com/profile/05880131723631345428noreply@blogger.com0tag:blogger.com,1999:blog-1852547632205401054.post-25222067961551396362012-08-18T11:07:00.000+08:002012-08-18T11:07:11.435+08:00Tomcat中server.xml配置及Context的配置说明<div dir="ltr" style="text-align: left;" trbidi="on">
server.xml配置简介 <br />
下面是这个文件中的基本配置信息,更具体的配置信息见tomcat的文档 <br />
server: <br />
port 指定一个端口,这个端口负责监听关闭tomcat的请求 <br />
shutdown 指定向端口发送的命令字符串 <br />
service: <br />
name 指定service的名字 <br />
Connector (表示客户端和service之间的连接): <br />
port 指定服务器端要创建的端口号,并在这个断口监听来自客户端的请求 <br />
minProcessors 服务器启动时创建的处理请求的线程数 <br />
maxProcessors 最大可以创建的处理请求的线程数 <br />
enableLookups 如果为true,则可以通过调用request.getRemoteHost()进行DNS查询来得到远程客户端的实际主机名,若为false则不进行DNS查询,而是返回其ip地址 <br />
redirectPort 指定服务器正在处理http请求时收到了一个SSL传输请求后重定向的端口号 <br />
acceptCount 指定当所有可以使用的处理请求的线程数都被使用时,可以放到处理队列中的请求数,超过这个数的请求将不予处理 <br />
connectionTimeout 指定超时的时间数(以毫秒为单位) <br />
Engine (表示指定service中的请求处理机,接收和处理来自Connector的请求): <br />
defaultHost 指定缺省的处理请求的主机名,它至少与其中的一个host元素的name属性值是一样的 <br />
Context (表示一个web应用程序,通常为WAR文件,关于WAR的具体信息见servlet规范): <br />
docBase 应用程序的路径或者是WAR文件存放的路径 <br />
path 表示此web应用程序的url的前缀,这样请求的url为<a href="http://localhost:8080/path/****">http://localhost:8080/path/****</a> <br />
reloadable 这个属性非常重要,如果为true,则tomcat会自动检测应用程序的/WEB-INF/lib 和/WEB-INF/classes目录的变化,自动装载新的应用程序,我们可以在不重起tomcat的情况下改变应用程序 <br />
host (表示一个虚拟主机): <br />
name 指定主机名 <br />
appBase 应用程序基本目录,即存放应用程序的目录 <br />
unpackWARs 如果为true,则tomcat会自动将WAR文件解压,否则不解压,直接从WAR文件中运行应用程序 <br />
Logger (表示日志,调试和错误信息): <br />
className 指定logger使用的类名,此类必须实现org.apache.catalina.Logger 接口 <br />
prefix 指定log文件的前缀 <br />
suffix 指定log文件的后缀 <br />
timestamp 如果为true,则log文件名中要加入时间,如下例:localhost_log.2001-10-04.txt <br />
Realm (表示存放用户名,密码及role的数据库): <br />
className 指定Realm使用的类名,此类必须实现org.apache.catalina.Realm接口 <br />
Valve (功能与Logger差不多,其prefix和suffix属性解释和Logger 中的一样): <br />
className 指定Valve使用的类名,如用org.apache.catalina.valves.AccessLogValve类可以记录应用程序的访问信息 <br />
directory 指定log文件存放的位置 <br />
pattern 有两个值,common方式记录远程主机名或ip地址,用户名,日期,第一行请求的字符串,HTTP响应代码,发送的字节数。combined方式比common方式记录的值更多 <br />
<br />
注意: <br />
默认的server.xml中,Realm元素只设置了一个className属性,但此文件中也包含几个通过JDBC连接到数据库进行验证的示例(被注释掉了),通过Realm元素我们可以实现容器安全管理(Container Managed Security)。 <br />
<br />
还有一些元素,如Parameter,loader,你可以通过tomcat的文档获取这些元素的信息。 <br />
<br />
----------------------------------------------------------------------<br />
Tomcat中Context的配置<br />
当我们开发完一个Web应用后,我们需要将该应用发布到Web Server中,以便其他用户可以访问。在JAVA的WEB开发领域,我们通常使用TOMCAT作为我们的WEB服务器进行测试或正式部署。<br />
<br />
一般我们将WEB应用打包成WAR格式,然后拷贝到TOMCAT的WEBAPP目录下进行发布,在正常情况下,TOMCAT将自动解压WAR文件并生成对应的目录,而且会在内存中动态创建该WEB应用对应的CONTEXT路径。比如我们的WAR文件是Sample.war,那么解压后的目录就是Sample目录,在内存中动态创建的Context路径就是/Sample。在开发阶段这样的默认行为是可以接受的,但是在正式部署的情况下,我们通常需要修改应用的Context路径以适应我们的需要。<br />
<br />
如果我们想让用户仅仅输入域名来访问我们的Sample应用,我们就需要修改Tomcat的Context设置。具体如何设置Context路径的方式有两种,一种是修改{TOMCAT_HOME}/conf/server.xml文件,另一种是建立一个Context片段文件放在webapps目录下。我们这里介绍第一种方式。<br />
<br />
使用任何文本编辑器打开server.xml文件,在<Host>节点下增加<Context>节点,并设置path,docBase,debug和reloadable属性,如下:<br />
Xml代码<br />
<?xml version="1.0" encoding="UTF-8"?> <br />
<Server> <br />
<Listener className="org.apache.catalina.mbeans.GlobalResourcesLifecycleListener"/> <br />
<Listener className="org.apache.catalina.storeconfig.StoreConfigLifecycleListener"/> <br />
<Listener className="org.apache.catalina.mbeans.ServerLifecycleListener"/> <br />
<GlobalNamingResources> <br />
<Environment <br />
name="simpleValue" <br />
type="java.lang.Integer" <br />
value="30"/> <br />
<Resource <br />
auth="Container" <br />
description="User database that can be updated and saved" <br />
name="UserDatabase" <br />
type="org.apache.catalina.UserDatabase" <br />
pathname="conf/tomcat-users.xml" <br />
factory="org.apache.catalina.users.MemoryUserDatabaseFactory"/> <br />
</GlobalNamingResources> <br />
<Service <br />
name="Catalina"> <br />
<Connector <br />
port="8080" <br />
redirectPort="8443" <br />
minSpareThreads="25" <br />
connectionTimeout="20000" <br />
maxSpareThreads="75" <br />
maxThreads="150" <br />
maxHttpHeaderSize="8192"> <br />
</Connector> <br />
<Connector <br />
port="8009" <br />
redirectPort="8443" <br />
protocol="AJP/1.3"> <br />
</Connector> <br />
<Engine <br />
defaultHost="localhost" <br />
name="Catalina"> <br />
<Realm className="org.apache.catalina.realm.UserDatabaseRealm"/> <br />
<Host <br />
appBase="webapps" <br />
name="localhost"> <br />
<Context <br />
path="/samples"> <br />
<WatchedResource>WEB-INF/web.xml</WatchedResource> <br />
</Context> <br />
<Context <br />
path="/profiler"> <br />
<WatchedResource>WEB-INF/web.xml</WatchedResource> <br />
</Context> <br />
<Context <br />
path="/flex"> <br />
<WatchedResource>WEB-INF/web.xml</WatchedResource> <br />
</Context> <br />
<!-- 配置直接通过域名访问/Samples应用 --> <br />
<Context path="" docBase="/samples" debug="0" reloadable="true"> <br />
<br />
</Context> <br />
</Host> <br />
</Engine> <br />
</Service> <br />
</Server><br />
<br /></div>
ericssonxiaohttp://www.blogger.com/profile/05880131723631345428noreply@blogger.com0tag:blogger.com,1999:blog-1852547632205401054.post-67349938249495166302012-08-17T17:51:00.001+08:002012-08-18T11:07:34.737+08:00RequireJS 2.0 正式发布<p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px">就在前天晚上RequireJS发布了一个大版本,直接从version<a href="http://requirejs.org/docs/1.0/" target="_blank" style="color:rgb(7,93,179)">1.0.8</a>升级到了<a href="http://requirejs.org/docs/api.html" target="_blank" style="color:rgb(7,93,179)">2.0</a>。随后的几小时James Burke又迅速的将版本调整为2.0.1,当然其配套的打包压缩工具<a href="https://github.com/jrburke/r.js" target="_blank" style="color:rgb(7,93,179)">r.js</a>也同时升级到了2.0.1。此次变化较大,代码也进行了重构,层次更清晰可读。功能上主要变化如下:</p> <p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> </p><h3 style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;line-height:20.78333282470703px"> 1,延迟模块的执行。</h3><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px">这是一个很大变化,以前模块加载后factory立马执行。性能上肯定有一些损耗。2.0修改实现,再没人诟病<a href="http://www.cnblogs.com/snandy/archive/2012/03/12/2390782.html" target="_blank" style="color:rgb(7,93,179)">AMD</a>的模块是立即执行的。现在也可以等到require的时候才执行。</p> <p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> </p><h3 style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;line-height:20.78333282470703px"> 2,config增加了shim,map,module,enforceDefine。</h3><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"><strong>shim</strong>参数解决了使用非AMD方式定义的模块(如jQuery插件)及其载入顺序。使用shim参数来取代1.0版本的<a href="http://requirejs.org/docs/api.html#order" target="_blank" style="color:rgb(7,93,179)">order</a>插件。其实在1.0版本中就曾经有人开发过<a href="https://github.com/tbranyen/use.js/" target="_blank" style="color:rgb(7,93,179)">use</a>和<a href="https://github.com/geddesign/wrapjs" target="_blank" style="color:rgb(7,93,179)">wrap</a>插件来解决此类问题。考虑到很多开发者有此类需求(比如某些JS模块是较早时候其他人开发的,非AMD方式)此次2.0版本直接将其内置其中。</p> <p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px">下面是一个使用jQuery插件形式配置的参数。我们知道jQuery插件本质上是将命名空间挂在全局的jQuery或jQuery.fn上而非使用define定义的模块。而jQuery插件都依赖于jQuery,即在require插件时得保证jQuery先下载下来。可以如下配置</p> <div class="cnblogs_Highlighter" style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"><div id="highlighter_372160" class="syntaxhighlighter javascript" style="width:1054px;margin:1em 0px!important;overflow:auto!important;font-size:1em!important;background-color:rgb(255,255,255)!important"> <div class="toolbar" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:none!important;float:none!important;height:11px!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:11px!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:10px!important;min-height:auto!important;color:rgb(255,255,255)!important"> <span style="line-height:18px"><a href="http://www.cnblogs.com/snandy/archive/2012/06/04/2532997.html#" class="toolbar_item command_help help" style="color:rgb(255,255,255)!important;text-decoration:none!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:1px 0px 0px!important;text-align:center!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important;display:block!important">?</a></span></div> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(192,192,192);float:none!important;height:auto!important;line-height:2em!important;margin:0px auto;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:1054px;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:12px!important;min-height:auto!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(192,192,192);float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:12px!important;min-height:auto!important;color:rgb(175,175,175)!important;border-collapse:collapse;word-break:normal!important"> <div class="line number1 index0 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 1</div><div class="line number2 index1 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 2</div><div class="line number3 index2 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 3</div><div class="line number4 index3 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 4</div><div class="line number5 index4 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 5</div><div class="line number6 index5 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 6</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(192,192,192);float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px;vertical-align:baseline!important;width:1026px;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:12px!important;min-height:auto!important;border-collapse:collapse;word-break:normal!important"> <div class="container" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <div class="line number1 index0 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">require.config({</code></div> <div class="line number2 index1 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">shim: {</code></div> <div class="line number3 index2 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:blue!important">'jquery-slide'</code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">: [</code><code class="javascript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:blue!important">'jquery'</code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">]</code></div> <div class="line number4 index3 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">}</code></div> <div class="line number5 index4 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">});</code></div> <div class="line number6 index5 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">require([</code><code class="javascript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:blue!important">'jquery-slide'</code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">]);</code></div> </div></td></tr></tbody></table></div></div><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px">这时会保证先下载jquery.js,然后再下载jquery-slide.js。</p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> </p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"><strong>map</strong>参数用来解决同一个模块的不同版本问题,这一灵感来自于Dojo的packageMap。有这样的场景:开发初期使用了的jquery-1.6.4,后期升级到了1.7.2。但担心有些依赖jquery-1.6.4的代码升级到1.7.2后有问题。因此保守的让这部分代码继续使用1.6.4版本。这时map参数将派上用场。</p> <p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px">假如A,B模块中使用了jquery-1.6.4.js,C,D模块中使用了jquery-1.7.2.js。如下</p><div class="cnblogs_Highlighter" style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> <div id="highlighter_383972" class="syntaxhighlighter javascript" style="width:1054px;margin:1em 0px!important;overflow:auto!important;font-size:1em!important;background-color:rgb(255,255,255)!important"><div class="toolbar" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:none!important;float:none!important;height:11px!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:11px!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:10px!important;min-height:auto!important;color:rgb(255,255,255)!important"> <span style="line-height:18px"><a href="http://www.cnblogs.com/snandy/archive/2012/06/04/2532997.html#" class="toolbar_item command_help help" style="color:rgb(255,255,255)!important;text-decoration:none!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:1px 0px 0px!important;text-align:center!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important;display:block!important">?</a></span></div> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(192,192,192);float:none!important;height:auto!important;line-height:2em!important;margin:0px auto;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:1054px;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:12px!important;min-height:auto!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(192,192,192);float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:12px!important;min-height:auto!important;color:rgb(175,175,175)!important;border-collapse:collapse;word-break:normal!important"> <div class="line number1 index0 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 1</div><div class="line number2 index1 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 2</div><div class="line number3 index2 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 3</div><div class="line number4 index3 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 4</div><div class="line number5 index4 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 5</div><div class="line number6 index5 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 6</div><div class="line number7 index6 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 7</div><div class="line number8 index7 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 8</div><div class="line number9 index8 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 9</div><div class="line number10 index9 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 10</div><div class="line number11 index10 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 11</div><div class="line number12 index11 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 12</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(192,192,192);float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px;vertical-align:baseline!important;width:1019px;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:12px!important;min-height:auto!important;border-collapse:collapse;word-break:normal!important"> <div class="container" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <div class="line number1 index0 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">requirejs.config({</code></div> <div class="line number2 index1 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">map: {</code></div> <div class="line number3 index2 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:blue!important">'A'</code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">: {</code></div> <div class="line number4 index3 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:blue!important">'jquery'</code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">: </code><code class="javascript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:blue!important">'jquery-1.6.4'</code></div> <div class="line number5 index4 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">},</code></div> <div class="line number6 index5 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:blue!important">'B'</code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">: {</code></div> <div class="line number7 index6 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:blue!important">'jquery'</code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">: </code><code class="javascript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:blue!important">'jquery-1.7.2'</code></div> <div class="line number8 index7 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">}</code></div> <div class="line number9 index8 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">}</code></div> <div class="line number10 index9 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">});</code></div> <div class="line number11 index10 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">require([</code><code class="javascript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:blue!important">'A'</code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">]); </code><code class="javascript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:rgb(0,130,0)!important">// download jquery-1.6.4.js</code></div> <div class="line number12 index11 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">require([</code><code class="javascript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:blue!important">'B'</code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">]); </code><code class="javascript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:rgb(0,130,0)!important">// download jquery-1.7.2.js</code></div> </div></td></tr></tbody></table></div></div><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px">这时require(['A'])将会下载jquery-1.6.4.js,require(['B'])会下载jquery-1.7.2.js。模块“A”如果写成“*”则表示除了B模块使用jquery-1.7.2之外其它模块都使用jquery-1.6.4。map参数解决了模块的各个版本问题,很好的向下兼容了老代码。</p> <p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> </p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> <strong>config</strong>参数用来给指定的模块传递一些有用的数据。如下</p><div class="cnblogs_Highlighter" style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"><div id="highlighter_992202" class="syntaxhighlighter javascript" style="width:1054px;margin:1em 0px!important;overflow:auto!important;font-size:1em!important;background-color:rgb(255,255,255)!important"> <div class="toolbar" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:none!important;float:none!important;height:11px!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:11px!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:10px!important;min-height:auto!important;color:rgb(255,255,255)!important"> <span style="line-height:18px"><a href="http://www.cnblogs.com/snandy/archive/2012/06/04/2532997.html#" class="toolbar_item command_help help" style="color:rgb(255,255,255)!important;text-decoration:none!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:1px 0px 0px!important;text-align:center!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important;display:block!important">?</a></span></div> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(192,192,192);float:none!important;height:auto!important;line-height:2em!important;margin:0px auto;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:1054px;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:12px!important;min-height:auto!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(192,192,192);float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:12px!important;min-height:auto!important;color:rgb(175,175,175)!important;border-collapse:collapse;word-break:normal!important"> <div class="line number1 index0 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 1</div><div class="line number2 index1 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 2</div><div class="line number3 index2 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 3</div><div class="line number4 index3 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 4</div><div class="line number5 index4 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 5</div><div class="line number6 index5 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 6</div><div class="line number7 index6 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 7</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(192,192,192);float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px;vertical-align:baseline!important;width:1026px;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:12px!important;min-height:auto!important;border-collapse:collapse;word-break:normal!important"> <div class="container" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <div class="line number1 index0 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">require.config({</code></div> <div class="line number2 index1 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">config: {</code></div> <div class="line number3 index2 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:blue!important">'A'</code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">: {</code></div> <div class="line number4 index3 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">info: {name: </code><code class="javascript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:blue!important">'jack'</code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">}</code></div> <div class="line number5 index4 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">}</code></div> <div class="line number6 index5 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">}</code></div> <div class="line number7 index6 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">});</code></div> </div></td></tr></tbody></table></div></div><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px">使用A的模块中可以通过A.config().info获取到该数据信息。如</p><div class="cnblogs_Highlighter" style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> <div id="highlighter_320434" class="syntaxhighlighter javascript" style="width:1054px;margin:1em 0px!important;overflow:auto!important;font-size:1em!important;background-color:rgb(255,255,255)!important"><div class="toolbar" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:none!important;float:none!important;height:11px!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:11px!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:10px!important;min-height:auto!important;color:rgb(255,255,255)!important"> <span style="line-height:18px"><a href="http://www.cnblogs.com/snandy/archive/2012/06/04/2532997.html#" class="toolbar_item command_help help" style="color:rgb(255,255,255)!important;text-decoration:none!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:1px 0px 0px!important;text-align:center!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important;display:block!important">?</a></span></div> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(192,192,192);float:none!important;height:auto!important;line-height:2em!important;margin:0px auto;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:1054px;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:12px!important;min-height:auto!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(192,192,192);float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:12px!important;min-height:auto!important;color:rgb(175,175,175)!important;border-collapse:collapse;word-break:normal!important"> <div class="line number1 index0 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 1</div><div class="line number2 index1 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 2</div><div class="line number3 index2 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 3</div><div class="line number4 index3 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 4</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(192,192,192);float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px;vertical-align:baseline!important;width:1026px;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:12px!important;min-height:auto!important;border-collapse:collapse;word-break:normal!important"> <div class="container" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <div class="line number1 index0 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">require([</code><code class="javascript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:blue!important">'A'</code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">], </code><code class="javascript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:rgb(0,0,255)!important">function</code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">(A) {</code></div> <div class="line number2 index1 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:rgb(0,0,255)!important">var</code> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">info = a.config().info;</code></div> <div class="line number3 index2 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">console.log(info);</code></div> <div class="line number4 index3 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">});</code></div> </div></td></tr></tbody></table></div></div><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> </p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> <strong>enforceDefine</strong>用来强制模块使用define定义,默认为false。如underscore不再支持AMD后,其代码移除了define。此时如果仍然使用requirejs来载入它,它就是普通的js文件了。此时如果enforceDefine设为true,虽然underscore.js能下载但requirejs会报错。如</p><div class="cnblogs_Highlighter" style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> <div id="highlighter_560810" class="syntaxhighlighter javascript" style="width:1054px;margin:1em 0px!important;overflow:auto!important;font-size:1em!important;background-color:rgb(255,255,255)!important"><div class="toolbar" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:none!important;float:none!important;height:11px!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:11px!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:10px!important;min-height:auto!important;color:rgb(255,255,255)!important"> <span style="line-height:18px"><a href="http://www.cnblogs.com/snandy/archive/2012/06/04/2532997.html#" class="toolbar_item command_help help" style="color:rgb(255,255,255)!important;text-decoration:none!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:1px 0px 0px!important;text-align:center!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important;display:block!important">?</a></span></div> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(192,192,192);float:none!important;height:auto!important;line-height:2em!important;margin:0px auto;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:1054px;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:12px!important;min-height:auto!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(192,192,192);float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:12px!important;min-height:auto!important;color:rgb(175,175,175)!important;border-collapse:collapse;word-break:normal!important"> <div class="line number1 index0 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 1</div><div class="line number2 index1 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 2</div><div class="line number3 index2 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 3</div><div class="line number4 index3 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 4</div><div class="line number5 index4 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 5</div><div class="line number6 index5 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 6</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(192,192,192);float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px;vertical-align:baseline!important;width:1026px;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:12px!important;min-height:auto!important;border-collapse:collapse;word-break:normal!important"> <div class="container" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <div class="line number1 index0 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">require.config({</code></div> <div class="line number2 index1 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">enforceDefine: </code><code class="javascript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:rgb(0,0,255)!important">true</code></div> <div class="line number3 index2 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">});</code></div> <div class="line number4 index3 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">require([</code><code class="javascript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:blue!important">'underscore'</code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">], </code><code class="javascript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:rgb(0,0,255)!important">function</code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">(_){</code></div> <div class="line number5 index4 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">console.log(_)</code></div> <div class="line number6 index5 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">})</code></div> </div></td></tr></tbody></table></div></div><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> 错误信息</p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> <img src="http://pic002.cnblogs.com/images/2012/114013/2012060400041519.png" alt="" width="600" style="border: 0px; "></p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> </p><h3 style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;line-height:20.78333282470703px">4,require函数增加了第三个参数errbacks。</h3><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> 很明显该函数指模块文件没有载入成功时的回调。这个也是应一些开发者得要求而增加,其中还包括另一个著名AMD的实现<a href="https://github.com/cujojs/curl" target="_blank" style="color:rgb(7,93,179)">curl</a>的作者<a href="https://github.com/unscriptable" target="_blank" style="color:rgb(7,93,179)">John Hann</a>。</p> <div class="cnblogs_Highlighter" style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"><div id="highlighter_644754" class="syntaxhighlighter javascript" style="width:1054px;margin:1em 0px!important;overflow:auto!important;font-size:1em!important;background-color:rgb(255,255,255)!important"> <div class="toolbar" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:none!important;float:none!important;height:11px!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:11px!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:10px!important;min-height:auto!important;color:rgb(255,255,255)!important"> <span style="line-height:18px"><a href="http://www.cnblogs.com/snandy/archive/2012/06/04/2532997.html#" class="toolbar_item command_help help" style="color:rgb(255,255,255)!important;text-decoration:none!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:1px 0px 0px!important;text-align:center!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important;display:block!important">?</a></span></div> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(192,192,192);float:none!important;height:auto!important;line-height:2em!important;margin:0px auto;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:1054px;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:12px!important;min-height:auto!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(192,192,192);float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:12px!important;min-height:auto!important;color:rgb(175,175,175)!important;border-collapse:collapse;word-break:normal!important"> <div class="line number1 index0 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 1</div><div class="line number2 index1 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 2</div><div class="line number3 index2 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 3</div><div class="line number4 index3 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 4</div><div class="line number5 index4 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 5</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(192,192,192);float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px;vertical-align:baseline!important;width:1026px;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:12px!important;min-height:auto!important;border-collapse:collapse;word-break:normal!important"> <div class="container" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <div class="line number1 index0 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">require([</code><code class="javascript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:blue!important">'b'</code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">], </code><code class="javascript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:rgb(0,0,255)!important">function</code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">(){</code></div> <div class="line number2 index1 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">console.log(</code><code class="javascript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:blue!important">'success'</code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">);</code></div> <div class="line number3 index2 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">},</code><code class="javascript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:rgb(0,0,255)!important">function</code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">(err){</code></div> <div class="line number4 index3 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">console.log(err)</code></div> <div class="line number5 index4 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">}); </code></div> </div></td></tr></tbody></table></div></div><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> err会给出一些出错提示信息。</p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> </p><h3 style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;line-height:20.78333282470703px">5,更强大的paths参数。</h3><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> requirejs 1.x版本中已经有paths参数,用来映射模块别名。requirejs2.0更加强大,可以配置为一个数组,顺序映射。当前面的路径没有成功载入时可接着使用后面的路径。如下</p><div class="cnblogs_Highlighter" style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> <div id="highlighter_870355" class="syntaxhighlighter javascript" style="width:1054px;margin:1em 0px!important;overflow:auto!important;font-size:1em!important;background-color:rgb(255,255,255)!important"><div class="toolbar" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:none!important;float:none!important;height:11px!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:11px!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:10px!important;min-height:auto!important;color:rgb(255,255,255)!important"> <span style="line-height:18px"><a href="http://www.cnblogs.com/snandy/archive/2012/06/04/2532997.html#" class="toolbar_item command_help help" style="color:rgb(255,255,255)!important;text-decoration:none!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:1px 0px 0px!important;text-align:center!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important;display:block!important">?</a></span></div> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(192,192,192);float:none!important;height:auto!important;line-height:2em!important;margin:0px auto;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:1054px;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:12px!important;min-height:auto!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(192,192,192);float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:12px!important;min-height:auto!important;color:rgb(175,175,175)!important;border-collapse:collapse;word-break:normal!important"> <div class="line number1 index0 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 1</div><div class="line number2 index1 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 2</div><div class="line number3 index2 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 3</div><div class="line number4 index3 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 4</div><div class="line number5 index4 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 5</div><div class="line number6 index5 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 6</div><div class="line number7 index6 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 7</div><div class="line number8 index7 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 8</div><div class="line number9 index8 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 9</div><div class="line number10 index9 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 10</div><div class="line number11 index10 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 11</div><div class="line number12 index11 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 12</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(192,192,192);float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px;vertical-align:baseline!important;width:1019px;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:12px!important;min-height:auto!important;border-collapse:collapse;word-break:normal!important"> <div class="container" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <div class="line number1 index0 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">requirejs.config({</code></div> <div class="line number2 index1 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">enforceDefine: </code><code class="javascript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:rgb(0,0,255)!important">true</code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">,</code></div> <div class="line number3 index2 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">paths: {</code></div> <div class="line number4 index3 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">jquery: [</code></div> <div class="line number5 index4 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:blue!important">'<a href="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min" style="color:blue!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important">http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min</a>'</code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">,</code></div> <div class="line number6 index5 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:blue!important">'lib/jquery'</code></div> <div class="line number7 index6 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">]</code></div> <div class="line number8 index7 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">}</code></div> <div class="line number9 index8 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">});</code></div> <div class="line number10 index9 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> </div><div class="line number11 index10 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">require([</code><code class="javascript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:blue!important">'jquery'</code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">], </code><code class="javascript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:rgb(0,0,255)!important">function</code> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">($) {</code></div> <div class="line number12 index11 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">});</code></div> </div></td></tr></tbody></table></div></div><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px">当google cdn上的jquery.min.js没有获取时(假如google宕机),可以使用本地的lib/jquery.js。</p> <p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> </p><h3 style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;line-height:20.78333282470703px"> 6,在模块载入失败回调中可以使用undef函数移除模块的注册。</h3><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px">这个灵感来自<a href="http://livedocs.dojotoolkit.org/loader/amd" target="_blank" style="color:rgb(7,93,179)">dojo AMD loader</a>,RequireJS取名undef。如下</p> <div class="cnblogs_Highlighter" style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"><div id="highlighter_357370" class="syntaxhighlighter javascript" style="width:1054px;margin:1em 0px!important;overflow:auto!important;font-size:1em!important;background-color:rgb(255,255,255)!important"> <div class="toolbar" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:none!important;float:none!important;height:11px!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:11px!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:10px!important;min-height:auto!important;color:rgb(255,255,255)!important"> <span style="line-height:18px"><a href="http://www.cnblogs.com/snandy/archive/2012/06/04/2532997.html#" class="toolbar_item command_help help" style="color:rgb(255,255,255)!important;text-decoration:none!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:1px 0px 0px!important;text-align:center!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important;display:block!important">?</a></span></div> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(192,192,192);float:none!important;height:auto!important;line-height:2em!important;margin:0px auto;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:1054px;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:12px!important;min-height:auto!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(192,192,192);float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:12px!important;min-height:auto!important;color:rgb(175,175,175)!important;border-collapse:collapse;word-break:normal!important"> <div class="line number1 index0 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 1</div><div class="line number2 index1 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 2</div><div class="line number3 index2 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 3</div><div class="line number4 index3 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 4</div><div class="line number5 index4 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 5</div><div class="line number6 index5 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 6</div><div class="line number7 index6 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 7</div><div class="line number8 index7 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 8</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(192,192,192);float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px;vertical-align:baseline!important;width:1026px;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:12px!important;min-height:auto!important;border-collapse:collapse;word-break:normal!important"> <div class="container" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <div class="line number1 index0 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">require([</code><code class="javascript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:blue!important">'jquery'</code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">], </code><code class="javascript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:rgb(0,0,255)!important">function</code> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">($) {</code></div> <div class="line number2 index1 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript comments" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:rgb(0,130,0)!important">//Do something with $ here</code></div> <div class="line number3 index2 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">}, </code><code class="javascript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:rgb(0,0,255)!important">function</code> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">(err) {</code></div> <div class="line number4 index3 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:rgb(0,0,255)!important">var</code> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">failedId = err.requireModules && err.requireModules[0];</code></div> <div class="line number5 index4 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:rgb(0,0,255)!important">if</code> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">(failedId === </code><code class="javascript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:blue!important">'jquery'</code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">) {</code></div> <div class="line number6 index5 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">requirejs.undef(failedId);</code></div> <div class="line number7 index6 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">} </code></div> <div class="line number8 index7 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">});</code></div> </div></td></tr></tbody></table></div></div><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> </p><h3 style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;line-height:20.78333282470703px"> 7,删除了jQuery domready相关代码。</h3><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px">这次没人再诟病RequireJS和jQuery耦合的太紧密。</p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> </p><h3 style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;line-height:20.78333282470703px">8,删除了priority,packagePaths,catchError.define。</h3><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> 这几个参数已经有相应的替代品。</p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> </p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> 最后需要注意的是,虽然功能增加了不少。但代码量却减少了近60行。主要是去掉了jQuery ready相关代码。另外newContext函数依然有1000多行。</p><br><br> ericssonxiaohttp://www.blogger.com/profile/05880131723631345428noreply@blogger.com0tag:blogger.com,1999:blog-1852547632205401054.post-64574002412153419092012-08-17T17:50:00.000+08:002012-08-18T11:07:34.689+08:00RequireJS进阶(二)<p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px">这一篇来认识下打包工具的paths参数,在<a href="http://www.cnblogs.com/snandy/archive/2012/05/22/2513652.html" target="_blank" style="color:rgb(7,93,179)">入门一</a>中就介绍了require.config方法的paths参数。用来配置jquery模块的文件名(jQuery作为AMD模块时id为“jquery”,但文件名可通过paths配置可以不必是“jquery.js”,而是带有版本的如“jquery-1.7.2.js”)。</p> <p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> </p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> 在入门一中,jquery-1.7.2.js和main.js都在一个域中,即把jquery-1.7.2.js下载到本地了。但有时可能一些JS资源不在同一个域。比如直接使用Google CDN上的<a href="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" target="_blank" style="color:rgb(7,93,179)">jquery 1.7.2</a>版本。而这时应该如何使用打包工具r.js呢?</p> <p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> </p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> r.js自然不会去载入非本地资源,即没有办法去把外域的js文件请求下来再合并,压缩。当使用paths参数后,使用r.js合并压缩时要忽略paths映射的文件-不合并它。让其作为一个独立模块请求。</p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> </p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px">创建目录及文件如下</p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> <img src="http://pic002.cnblogs.com/images/2012/114013/2012060523392064.png" alt="" style="border: 0px; "></p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> 和上一篇一样,但main.js代码不同,注意目录中没有jQuery库。</p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> </p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> main.js</p><div class="cnblogs_Highlighter" style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"><div id="highlighter_750085" class="syntaxhighlighter javascript" style="width:1054px;margin:1em 0px!important;overflow:auto!important;font-size:1em!important;background-color:rgb(255,255,255)!important"> <div class="toolbar" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:none!important;float:none!important;height:11px!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:11px!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:10px!important;min-height:auto!important;color:rgb(255,255,255)!important"> <span style="line-height:18px"><a href="http://www.cnblogs.com/snandy/archive/2012/06/07/2537477.html#" class="toolbar_item command_help help" style="color:rgb(255,255,255)!important;text-decoration:none!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:1px 0px 0px!important;text-align:center!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important;display:block!important">?</a></span></div> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(192,192,192);float:none!important;height:auto!important;line-height:2em!important;margin:0px auto;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:1054px;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:12px!important;min-height:auto!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(192,192,192);float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:12px!important;min-height:auto!important;color:rgb(175,175,175)!important;border-collapse:collapse;word-break:normal!important"> <div class="line number1 index0 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 1</div><div class="line number2 index1 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 2</div><div class="line number3 index2 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 3</div><div class="line number4 index3 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 4</div><div class="line number5 index4 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 5</div><div class="line number6 index5 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 6</div><div class="line number7 index6 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 7</div><div class="line number8 index7 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 8</div><div class="line number9 index8 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 9</div><div class="line number10 index9 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 10</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(192,192,192);float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px;vertical-align:baseline!important;width:1019px;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:12px!important;min-height:auto!important;border-collapse:collapse;word-break:normal!important"> <div class="container" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <div class="line number1 index0 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">require.config({</code></div> <div class="line number2 index1 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">baseUrl: </code><code class="javascript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:blue!important">'js'</code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">,</code></div> <div class="line number3 index2 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">paths: {</code></div> <div class="line number4 index3 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:blue!important">'jquery'</code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">: </code><code class="javascript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:blue!important">'<a href="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min" style="color:blue!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important">https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min</a>'</code></div> <div class="line number5 index4 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">}</code></div> <div class="line number6 index5 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">});</code></div> <div class="line number7 index6 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> </div><div class="line number8 index7 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">require([</code><code class="javascript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:blue!important">'jquery'</code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">, </code><code class="javascript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:blue!important">'event'</code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">, </code><code class="javascript string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:blue!important">'selector'</code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">], </code><code class="javascript keyword" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:rgb(0,0,255)!important">function</code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">($, E, S) {</code></div> <div class="line number9 index8 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript spaces" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap"> </code><code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">alert($);</code></div> <div class="line number10 index9 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="javascript plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">});</code></div> </div></td></tr></tbody></table></div></div><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px">配置了paths参数,即jquery模块使用Google CDN的文件。</p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> </p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px">如果按照上一篇的命令来执行合并压缩,</p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> <span style="line-height:19px;background-color:rgb(0,0,0);color:rgb(255,255,255)">node r.js -o baseUrl=js name=main out=built.js</span></p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> <img src="http://pic002.cnblogs.com/images/2012/114013/2012060523442618.png" alt="" style="border: 0px; "></p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> <span style="line-height:19px;background-color:rgb(255,255,255)">发现命令行报错了,提示“D:\work\req\r5\js\jquery.js”不存在。刚刚新建的目录中的确没有jquery.js,因为我们使用的是Google CDN上的jquery。</span></p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> <span style="line-height:19px;background-color:rgb(255,255,255)"> </span></p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"><span style="line-height:19px;background-color:rgb(255,255,255)">此时压缩参数paths就排上用处了,修改如下</span></p> <p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"><span style="line-height:19px;background-color:rgb(0,0,0);color:rgb(255,255,255)">node r.js -o baseUrl=js name=main out=built.js paths.jquery=empty:</span></p> <p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"><img src="http://pic002.cnblogs.com/images/2012/114013/2012060523484146.png" alt="" width="600" style="border: 0px; "></p> <p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px">注意红色圈住的参数(empty后有个冒号哦),表示paths.jquery不参与合并,压缩。这时生成的built.js也就不包含它了。</p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> </p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px">把目录r5放到apache或其它web服务器上,访问index.html。</p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> </p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px">网络请求如下</p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> <img src="http://pic002.cnblogs.com/images/2012/114013/2012060523533932.png" alt="" width="600" style="border: 0px; "></p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> built.js包含了main.js、event.js、cache.js,selector.js。jquery则是独立的一个请求,来自<a href="http://ajax.googleapis.com">ajax.googleapis.com</a>。</p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> </p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px">再看看如何使用r.js来合并压缩css文件。在r5下新建一个css文件夹,里面有四个css文件:main.css、nav.css、form.css、grid.css。</p> <p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> <img src="http://pic002.cnblogs.com/images/2012/114013/2012060611170838.png" alt="" style="border: 0px; "></p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> main.css是合并的主文件,或称配置文件。要合并的文件使用@import引入。如下</p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> </p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> main.css</p><div class="cnblogs_Highlighter" style="font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"><div id="highlighter_381001" class="syntaxhighlighter css" style="width:1054px;margin:1em 0px!important;overflow:auto!important;font-size:1em!important;background-color:rgb(255,255,255)!important"> <div class="toolbar" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:none!important;float:none!important;height:11px!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:11px!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:10px!important;min-height:auto!important;color:rgb(255,255,255)!important"> <span style="line-height:18px"><a href="http://www.cnblogs.com/snandy/archive/2012/06/07/2537477.html#" class="toolbar_item command_help help" style="color:rgb(255,255,255)!important;text-decoration:none!important;border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:1px 0px 0px!important;text-align:center!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important;display:block!important">?</a></span></div> <table border="0" cellpadding="0" cellspacing="0" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(192,192,192);float:none!important;height:auto!important;line-height:2em!important;margin:0px auto;outline:0px!important;overflow:visible!important;padding:0px!important;text-align:left!important;vertical-align:baseline!important;width:1054px;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:12px!important;min-height:auto!important;border-collapse:collapse"> <tbody style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"><tr style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <td class="gutter" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(192,192,192);float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:12px!important;min-height:auto!important;color:rgb(175,175,175)!important;border-collapse:collapse;word-break:normal!important"> <div class="line number1 index0 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 1</div><div class="line number2 index1 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 2</div><div class="line number3 index2 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border-width:0px 3px 0px 0px!important;border-right-style:solid!important;border-right-color:rgb(108,226,108)!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 0.5em 0px 1em!important;text-align:right!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> 3</div></td><td class="code" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:1px solid rgb(192,192,192);float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:3px;vertical-align:baseline!important;width:1026px;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;font-size:12px!important;min-height:auto!important;border-collapse:collapse;word-break:normal!important"> <div class="container" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <div class="line number1 index0 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="css plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">@import </code><code class="css value" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:rgb(0,153,0)!important">url</code><code class="css plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">(</code><code class="css string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:blue!important">"nav.css"</code><code class="css plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">);</code></div> <div class="line number2 index1 alt1" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="css plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">@import </code><code class="css value" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:rgb(0,153,0)!important">url</code><code class="css plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">(</code><code class="css string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:blue!important">"grid.css"</code><code class="css plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">);</code></div> <div class="line number3 index2 alt2" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;background-color:rgb(248,248,248)!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px 1em!important;vertical-align:baseline!important;width:auto!important;min-height:auto!important"> <code class="css plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">@import </code><code class="css value" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:rgb(0,153,0)!important">url</code><code class="css plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">(</code><code class="css string" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap;color:blue!important">"form.css"</code><code class="css plain" style="border-top-left-radius:0px!important;border-top-right-radius:0px!important;border-bottom-right-radius:0px!important;border-bottom-left-radius:0px!important;background-image:none!important;border:0px!important;float:none!important;height:auto!important;line-height:2em!important;margin:0px!important;outline:0px!important;overflow:visible!important;padding:0px!important;vertical-align:baseline!important;width:auto!important;font-family:'Courier New',Consolas,'Bitstream Vera Sans Mono',Courier,monospace!important;min-height:auto!important;white-space:pre-wrap">);</code></div> </div></td></tr></tbody></table></div></div><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> </p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> 另外三个是普通的css文件,里面定义的各种样式。这里不贴代码了。这里将使用命令行将这四个文件合并后生成到r5/css/built.css。</p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"><span style="line-height:19px;background-color:rgb(0,0,0);color:rgb(255,255,255)">node r.js -o cssIn=css/main.css out=css/built.css</span></p> <p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"><img src="http://pic002.cnblogs.com/images/2012/114013/2012060611221059.png" alt="" style="border: 0px; "></p> <p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px">这时回到r5/css目录会发现多了一个built.css文件,该文件是另外四个css文件的合并项。</p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> </p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px">还可以使用optimizeCss参数设置来配置是否压缩及压缩选项。optimizeCss的取值有standard/none/standard.keepLines/standard.keepComments/standard.keepComments.keepLines。</p> <p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"><strong>none </strong>不压缩,仅合并</p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> <strong>standard </strong>标准压缩 去换行、空格、注释</p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"><strong>standard.keepLines</strong> 除标准压缩外,保留换行</p> <p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"><strong>standard.keepComments</strong> 除标准压缩外,保留注释</p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> <strong>standard.keepComments.keepLines</strong> 除标准压缩外,保留换行和注释</p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> </p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> 示例:</p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"><span style="line-height:19px;background-color:rgb(0,0,0);color:rgb(255,255,255)">node r.js -o cssIn=css/main.css out=css/built.css optimizeCss=standard</span></p> <p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px">压缩后built.css整个为一行了。</p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> </p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px">总结:</p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px"> 1,对于path配置的非本地的模块文件,使用r.js合并压缩时需要配置paths.xx=empty:。</p><p style="margin:5px auto;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;font-size:13px;line-height:20.78333282470703px">2,cssIn和optimizeCss参数的使用来合并压缩css文件。</p> <br> ericssonxiaohttp://www.blogger.com/profile/05880131723631345428noreply@blogger.com0