Re: toColorPart - Why So?

Casey <[email protected]> Mon, 22 Mar 2010 22:09:41 -0700
Newsgroups	gmane.comp.web.dom.wdf
Message-ID	<[email protected]>
--lKHdfNcKnWCtiSzC3Zp2Kkr9IxBOfL11Kbtcfz-
Content-Type: text/plain; charset=ISO-8859-1
Content-Transfer-Encoding: quoted-printable

On Sun, Mar 21, 2010 at 6:27 AM, Srinivasan <[email protected]> wr=
ote:
> Hi all,
>
> Just tried testing scope of the variables in JS.
> When testing with following code.I got "toColorPart" as answer. Why?
>
> for (var x =3D 3 in 20) {
> =A0 =A0var a =3D 10;
> }
> console.log(x);
>
> //output is "toColorPart"
>
> Regards,
> Srini.
>

Are you using Prototype? Prototype add properties to Number objects
(http://www.prototypejs.org/api/number). Since for in loops through
all the properties of an object, it will go through each of those
methods, including toColorPart.

By the way, I don't think your use of the for in loop is appropriate
here. For in is for looping through objects:

var obj =3D new Object();
obj.prop1 =3D 'a';
obj.prop2 =3D 'b';
for (var x in obj) {
    alert(x); // "prop1", "prop2"
    alert(obj[x]); // "a", "b"
}

Are you looking for the plain for loop: for (var x =3D 3; x < 20; x++) { ..=
. }

- Casey

--lKHdfNcKnWCtiSzC3Zp2Kkr9IxBOfL11Kbtcfz-
Content-Type: text/html; charset=ISO-8859-1
Content-Transfer-Encoding: quoted-printable




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/htm=
l4/strict.dtd">
<html>
<head>
</head>







<body style=3D"background-color: #fff;">
<span style=3D"display:none">&nbsp;</span>

<!--~-|**|PrettyHtmlStartT|**|-~-->
<div id=3D"ygrp-mlmsg" style=3D"position:relative;">
  <div id=3D"ygrp-msg" style=3D"z-index: 1;">
<!--~-|**|PrettyHtmlEndT|**|-~-->

    <div id=3D"ygrp-text" >
=20=20=20=20=20=20
=20=20=20=20=20=20
      <p>On Sun, Mar 21, 2010 at 6:27 AM, Srinivasan &lt;<a href=3D"mailto:=
srinivasan_i2004%40yahoo.com">srinivasan_i2004@<wbr>yahoo.com</a>&gt; wrote=
:<br>
&gt; Hi all,<br>
&gt;<br>
&gt; Just tried testing scope of the variables in JS.<br>
&gt; When testing with following code.I got &quot;toColorPart&quot; as answ=
er. Why?<br>
&gt;<br>
&gt; for (var x =3D 3 in 20) {<br>
&gt; =A0 =A0var a =3D 10;<br>
&gt; }<br>
&gt; console.log(<wbr>x);<br>
&gt;<br>
&gt; //output is &quot;toColorPart&quot;<br>
&gt;<br>
&gt; Regards,<br>
&gt; Srini.<br>
&gt;<br>
<br>
Are you using Prototype? Prototype add properties to Number objects<br>
(<a href=3D"http://www.prototypejs.org/api/number">http://www.prototyp<wbr>=
ejs.org/api/<wbr>number</a>). Since for in loops through<br>
all the properties of an object, it will go through each of those<br>
methods, including toColorPart.<br>
<br>
By the way, I don't think your use of the for in loop is appropriate<br>
here. For in is for looping through objects:<br>
<br>
var obj =3D new Object();<br>
obj.prop1 =3D 'a';<br>
obj.prop2 =3D 'b';<br>
for (var x in obj) {<br>
    alert(x); // &quot;prop1&quot;, &quot;prop2&quot;<br>
    alert(obj[x]<wbr>); // &quot;a&quot;, &quot;b&quot;<br>
}<br>
<br>
Are you looking for the plain for loop: for (var x =3D 3; x &lt; 20; x&#43;=
+) { ... }<br>
<br>
- Casey<br>
</p>

    </div>
=20=20=20=20=20

    <!--~-|**|PrettyHtmlStart|**|-~-->
    <div style=3D"color: #fff; height: 0;">__._,_.___</div>

=20=20=20=20=20=20=20=20
=20=20
=20=20=20
    <div id=3D"ygrp-actbar" style=3D"clear: both; margin-bottom: 10px; whit=
e-space: nowrap; color: #666; padding-top: 15px;">
      <div>
        <a href=3D"mailto:[email protected]?subject=3DRe: [wdf-dom] toC=
olorPart - Why So?" style=3D"margin-right: 0; padding-right: 0;">
	  Reply to <span style=3D"font-weight: 700;">sender</span></a> |
        <a href=3D"mailto:[email protected]?subject=3DRe: [wdf-dom] t=
oColorPart - Why So?">
	  Reply to <span style=3D"font-weight: 700;">group</span></a> |
        	  <a href=3D"http://groups.yahoo.com/group/wdf-dom/post;_ylc=3DX3o=
DMTJwNjBtYWU1BF9TAzk3MzU5NzE0BGdycElkAzI1NjQ1NjMEZ3Jwc3BJZAMxNzA1MDE2MDYxBG=
1zZ0lkAzU2NTkEc2VjA2Z0cgRzbGsDcnBseQRzdGltZQMxMjY5MzIxMDA4?act=3Dreply&mess=
ageNum=3D5659">Reply <span style=3D"font-weight: 700;">via web post</span><=
/a> |
            	<a href=3D"http://groups.yahoo.com/group/wdf-dom/post;_ylc=3DX=
3oDMTJlMW5zcHM5BF9TAzk3MzU5NzE0BGdycElkAzI1NjQ1NjMEZ3Jwc3BJZAMxNzA1MDE2MDYx=
BHNlYwNmdHIEc2xrA250cGMEc3RpbWUDMTI2OTMyMTAwOA--" style=3D"font-weight: 700=
;">Start a New Topic</a>
      </div>

                <a href=3D"http://groups.yahoo.com/group/wdf-dom/message/56=
57;_ylc=3DX3oDMTM0bTRwZzdtBF9TAzk3MzU5NzE0BGdycElkAzI1NjQ1NjMEZ3Jwc3BJZAMxN=
zA1MDE2MDYxBG1zZ0lkAzU2NTkEc2VjA2Z0cgRzbGsDdnRwYwRzdGltZQMxMjY5MzIxMDA4BHRw=
Y0lkAzU2NTc-">Messages in this topic</a>
          (<span style=3D"font-weight: 700;">3</span>)
          </div>=20
<!------- Start Nav Bar ------>

<!-- |**|begin egp html banner|**| -->
<div id=3D"ygrp-vital" style=3D"background-color: #e0ecee; font-family: Ver=
dana; font-size: 10px; margin-bottom: 10px; padding: 10px;">
      <span id=3D"vithd" style=3D"font-weight: bold; color: #333; text-tran=
sform: uppercase; ">Recent Activity:</span>

    <ul style=3D"list-style-type: none; margin: 0; padding: 0; display: inl=
ine;">
                                                    </ul>
=20=20=20=20
  <div style=3D"clear: both; padding-top: 2px; color: #1e66ae;">
    <a href=3D"http://groups.yahoo.com/group/wdf-dom;_ylc=3DX3oDMTJlaWFkOWZ=
oBF9TAzk3MzU5NzE0BGdycElkAzI1NjQ1NjMEZ3Jwc3BJZAMxNzA1MDE2MDYxBHNlYwN2dGwEc2=
xrA3ZnaHAEc3RpbWUDMTI2OTMyMTAwOA--" style=3D"text-decoration: none;">Visit =
Your Group</a>
  </div>
</div>

      <div id=3D"ygrp-grfd" style=3D"font-family: Verdana; font-size: 12px;=
 padding: 15px 0;">
=20=20=20=20=20=20
<!-- |**|begin egp html banner|**| -->

      Unsubscribe<BR>
[email protected]<BR>
<BR>
List info<BR>
<a href=3D"http://www.quirksmode.org/dom/list.html">http://www.quirksmode.o=
rg/dom/list.html</a>=20=20=20=20=20=20
<!-- |**|end egp html banner|**| -->

    </div>
=20=20
<div id=3D"ft" style=3D"font-family: Arial; font-size: 11px; margin-top: 5p=
x; padding: 0 2px 0 0; clear: both;">
  <a href=3D"http://groups.yahoo.com/;_ylc=3DX3oDMTJkMjBmcWs5BF9TAzk3MzU5Nz=
E0BGdycElkAzI1NjQ1NjMEZ3Jwc3BJZAMxNzA1MDE2MDYxBHNlYwNmdHIEc2xrA2dmcARzdGltZ=
QMxMjY5MzIxMDA4" style=3D"float: left;"><img src=3D"http://l.yimg.com/a/i/u=
s/yg/logo/us.gif" height=3D"15" width=3D"137" alt=3D"Yahoo! Groups" style=
=3D"border: 0;"/></a>
  <div style=3D"color: #747575; float: right;">Switch to: <a href=3D"mailto=
:[email protected]?subject=3DChange Delivery Format: Trad=
itional" style=3D"text-decoration: none;">Text-Only</a>, <a href=3D"mailto:=
[email protected]?subject=3DEmail Delivery: Digest" class=3D"m=
argin-rt" style=3D"text-decoration: none;">Daily Digest</a> &bull; <a href=
=3D"mailto:[email protected]?subject=3DUnsubscribe" style=
=3D"text-decoration: none;">Unsubscribe</a> &bull; <a href=3D"http://docs.y=
ahoo.com/info/terms/" style=3D"text-decoration: none;">Terms of Use</a></di=
v>
</div>

<!-- |**|end egp html banner|**| -->

  </div> <!-- ygrp-msg -->

  <!-- Sponsor -->
  <!-- |**|begin egp html banner|**| -->
  <div id=3D"ygrp-sponsor" style=3D"width:160px; float:right; clear:none; m=
argin:0 0 25px 0; background: #fff;">

<!-- Start Recommendations -->
<div id=3D"ygrp-reco">
     </div>
<!-- End Recommendations -->



  </div>   <!-- |**|end egp html banner|**| -->

  <div style=3D"clear:both; color: #FFF; font-size:1px;">.</div>
</div>

  <img src=3D"http://geo.yahoo.com/serv?s=3D97359714/grpId=3D2564563/grpspI=
d=3D1705016061/msgId=3D5659/stime=3D1269321008/nc1=3D5191954/nc2=3D5741393/=
nc3=3D5522124" width=3D"1" height=3D"1"> <br>

<div style=3D"color: #fff; height: 0;">__,_._,___</div>
<!--~-|**|PrettyHtmlEnd|**|-~-->

</body>

<!--~-|**|PrettyHtmlStart|**|-~-->
<head>
  <style type=3D"text/css">
  <!--
  #ygrp-mkp {
  border: 1px solid #d8d8d8;
  font-family: Arial;
  margin: 10px 0;
  padding: 0 10px;
}

#ygrp-mkp hr {
  border: 1px solid #d8d8d8;
}

#ygrp-mkp #hd {
  color: #628c2a;
  font-size: 85%;
  font-weight: 700;
  line-height: 122%;
  margin: 10px 0;
}

#ygrp-mkp #ads {
  margin-bottom: 10px;
}

#ygrp-mkp .ad {
  padding: 0 0;
}

#ygrp-mkp .ad a {
  color: #0000ff;
  text-decoration: none;
}
  #ygrp-sponsor #ygrp-lc {
  font-family: Arial;
}

#ygrp-sponsor #ygrp-lc #hd {
  margin: 10px 0px;
  font-weight: 700;
  font-size: 78%;
  line-height: 122%;
}

#ygrp-sponsor #ygrp-lc .ad {
  margin-bottom: 10px;
  padding: 0 0;
}

  a {
    color: #1e66ae;
  }

  #actions {
    font-family: Verdana;
    font-size: 11px;
    padding: 10px 0;
  }

  #activity {
    background-color: #e0ecee;
    float: left;
    font-family: Verdana;
    font-size: 10px;
    padding: 10px;
  }

  #activity span {
    font-weight: 700;
  }

  #activity span:first-child {
    text-transform: uppercase;
  }

  #activity span a {
    color: #5085b6;
    text-decoration: none;
  }

  #activity span span {
    color: #ff7900;
  }

  #activity span .underline {
    text-decoration: underline;
  }

  .attach {
    clear: both;
    display: table;
    font-family: Arial;
    font-size: 12px;
    padding: 10px 0;
    width: 400px;
  }

  .attach div a {
    text-decoration: none;
  }

  .attach img {
    border: none;
    padding-right: 5px;
  }

  .attach label {
    display: block;
    margin-bottom: 5px;
  }

  .attach label a {
    text-decoration: none;
  }
=20=20
  blockquote {
    margin: 0 0 0 4px;
  }

  .bold {
    font-family: Arial;
    font-size: 13px;
    font-weight: 700;
  }

  .bold a {
    text-decoration: none;
  }

  dd.last p a {
    font-family: Verdana;
    font-weight: 700;
  }

  dd.last p span {
    margin-right: 10px;
    font-family: Verdana;
    font-weight: 700;
  }

  dd.last p span.yshortcuts {
    margin-right: 0;
  }

  div.attach-table div div a {
    text-decoration: none;
  }

  div.attach-table {
    width: 400px;
  }

  div.file-title a, div.file-title a:active, div.file-title a:hover, div.fi=
le-title a:visited {
    text-decoration: none;
  }

  div.photo-title a, div.photo-title a:active, div.photo-title a:hover, div=
.photo-title a:visited {
    text-decoration: none;
  }

  div#ygrp-mlmsg #ygrp-msg p a span.yshortcuts {
    font-family: Verdana;
    font-size: 10px;
    font-weight: normal;
  }

  .green {
    color: #628c2a;
  }

  .MsoNormal {
    margin: 0 0 0 0;
  }

  o {
    font-size: 0;
  }

  #photos div {
    float: left;
    width: 72px;
  }

  #photos div div {
    border: 1px solid #666666;
    height: 62px;
    overflow: hidden;
    width: 62px;
  }

  #photos div label {
    color: #666666;
    font-size: 10px;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    width: 64px;
  }

  #reco-category {
    font-size: 77%;
  }

  #reco-desc {
    font-size: 77%;
  }

  .replbq {
    margin: 4px;
  }

  #ygrp-actbar div a:first-child {
   /* border-right: 0px solid #000;*/
    margin-right: 2px;
    padding-right: 5px;
  }

  #ygrp-mlmsg {
    font-size: 13px;
    font-family: Arial, helvetica,clean, sans-serif;
    *font-size: small;
    *font: x-small;
  }

  #ygrp-mlmsg table {
    font-size: inherit;
    font: 100%;
  }

  #ygrp-mlmsg select, input, textarea {
    font: 99% Arial, Helvetica, clean, sans-serif;
  }

  #ygrp-mlmsg pre, code {
    font:115% monospace;
    *font-size:100%;
  }

  #ygrp-mlmsg * {
    line-height: 1.22em;
  }

  #ygrp-mlmsg #logo {
    padding-bottom: 10px;
  }

  #ygrp-mlmsg a {
    color: #1E66AE;
  }

  #ygrp-msg p a {
    font-family: Verdana;
  }

  #ygrp-msg p#attach-count span {
    color: #1E66AE;
    font-weight: 700;
  }

  #ygrp-reco #reco-head {
    color: #ff7900;
    font-weight: 700;
  }

  #ygrp-reco {
    margin-bottom: 20px;
    padding: 0px;
  }

  #ygrp-sponsor #ov li a {
    font-size: 130%;
    text-decoration: none;
  }

  #ygrp-sponsor #ov li {
    font-size: 77%;
    list-style-type: square;
    padding: 6px 0;
  }=20

  #ygrp-sponsor #ov ul {
    margin: 0;
    padding: 0 0 0 8px;
  }

  #ygrp-text {
    font-family: Georgia;
  }

  #ygrp-text p {
    margin: 0 0 1em 0;
  }

  #ygrp-text tt {
    font-size: 120%;
  }

  #ygrp-vital ul li:last-child {
    border-right: none !important;=20
  }=20
  -->
  </style>
</head>

<!--~-|**|PrettyHtmlEnd|**|-~-->
</html>
<!-- end group email -->


--lKHdfNcKnWCtiSzC3Zp2Kkr9IxBOfL11Kbtcfz---