JavaScript---对象学习（一）object对象、string对象、javaScript的constructor属性和prototype属性

JavaScript对象学习

那么我们就先看看看object对象把

object对象学习
查看帮助文档 ，得到了这些信息

 Object 对象提供所有 JScript 对象通用的功能。obj = new Object([value]) 两个属性prototype 属性 | constructor 属性三个方法toLocaleString 方法 | toString 方法 | valueOf 方法

那么就来测试测试帮助文档的方法把（属性放到String对象里学 嘻嘻）
演示代码

<script type="text/javascript">              var arr=[1,3,5,7];    document.write("</br>"+arr);                document.write("</br>toString()");    document.write("</br>"+arr.toString());    document.write("</br>toLocaleString()");    document.write("</br>"+arr.toLocaleString());</script>

结果

恩，我们发现输出函数名默认会输出toString();
toLocaleString(); 具体我也没学很明白。。。看帮助文档把
toLocaleString 方法返回一个 String 对象，这个对象中包含了用当前区域设置的默认格式表示的日期。可能是按照日期格式来修改了输出吧。

string对象学习
查看帮助文档 ，得到了这些信息

• 属性
  constructor 属性 | length 属性 | prototype 属性
• 方法

anchor 方法 | big 方法 | blink 方法 | bold 方法 | charAt 方法 | charCodeAt 方法 | concat 方法 | fixed 方法 | fontcolor 方法 | fontsize 方法 | fromCharCode 方法 | indexOf 方法 | italics 方法 | lastIndexOf 方法 | link 方法 | match 方法 | replace 方法 | search 方法 | slice 方法 | small 方法 | split 方法 | strike 方法 | sub 方法 | substr 方法 | substring 方法 | sup 方法 | toLowerCase 方法 |toUpperCase 方法 | toString 方法 | valueOf 方法

String 对象的创建方式 （与Java类似）

// 试试var str1 = "abc";var str2 = new String("abc");document.write("</br>第一种创建String对象方式---"+str1); document.write("</br>第一种创建String对象方式---"+str2);

应该都能成功

接下来演示一些方法

script type="text/javascript">             var str1 = "abc";document.write(str1);document.write("</br>调用Sting对象的big方法"+str1.big()); document.write("</br>调用Sting对象的bold方法"+str1.bold());document.write("</br>调用Sting对象的charAt方法"+str1.charAt(0));document.write("</br>调用Sting对象的fixed方法"+str1.fixed());document.write("</br>调用Sting对象的fontcolor方法"+str1.fontcolor("red"));document.write("</br>调用Sting对象的fontsize方法"+str1.fontsize("20"));document.write("</br>调用Sting对象的toUpperCase方法"+str1.toUpperCase());</script>

看看结果

发现好像这些方法都是HTML 里面控制 显示的一些属性，那想办法;看看他们是什么代码

<script type="text/javascript">    var str1 = "abc";            document.write(str1);document.write("</br>调用Sting对象的big方法"+str1.big());document.write("</br>调用Sting对象的toUpperCase方法"+str1.toUpperCase());alert(str1.big());</script>

猜猜结果

惊了！！ 这就是HTML代码，用个标签包起来。。。恩，很好很好

接下来看看 他的属性吧

constructor 属性 | length 属性 | prototype 属性
constructor属性
先看一段代码

<script type="text/javascript">    var str1 = "abc";    alert(str1.constructor);</script>

然后我们很开心的看到了他的代码，我们得到了一个信息
这里给我们提示一项技术：js中的对象是用function来做的,这个我们以后学

<script type="text/javascript">     var str1 = "abc";    alert(str1.constructor==String);</script>

结果

这里我们可以明白 str1的原型是String 、、、因为JavaScript的所有对象都是原型可能出来的，所有constructor就是拿到对象原型的属性
原理图如下

prototype 属性
prototype ：就是可以用来在原型里面添加东西的属性

那么我们来试试 加两个属性

<script type="text/javascript">        //加个name属性        String.prototype.name ="达哥";        //加个age属性        String.prototype.age ="20";             var str1 = "abc";        document.write("看看str1的name属性 ："+str1.name);        document.write("</br>看看str1的age属性 ："+str1.age);</script>

结果 当然是成功啦！！！

我们发现JavaScript中String的方法中没有trim()方法。我们来加一个把

trim()方法

字符串把两边的空格去掉

演示代码：

<script type="text/javascript">        String.prototype.trim=function(){            var start,end;              start=0;              end=this.length-1;              while(start<=end && this.charAt(start)==' '){                     start++;              }              while(start<=end && this.charAt(end)==' '){                     end--;              }              return this.substring(start,end+1);          };          var  s = " a dsa  ";          document.write(s.trim())          alert("**"+s.trim()+"**");        </script

结果，很好很好！！！

在String 原型中加了方法。