JavaScript简单入门(补充篇)

本文是对上一篇 JavaScript简单入门 的一些细节补充。

一、全局变量和局部变量

在<script>标签内定义的变量是当前页面中的全局变量。即 <script>标签可以直接访问其他<script>标签定义的变量。而在函数体中定义的变量则为局部变量。如：

 <script type="text/javascript">
 var x = 1;//全局变量
 function show(x){//局部变量
 x = ++x;
 return x;
 }
 show(x);
 document.write("x="+x);
 </script>

所以输出的x = 1;而不是2。

二、常见对象

1、object对象：为js对象提供通用方法。如toString()方法：返回对象的字符串形式。

2、String对象：用于处理文本（字符串），String对象为字符串提供了许多方法。

①字符串是 JavaScript 的一种基本的数据类型。String 对象的 length 属性声明了该字符串中的字符数。String 类定义了大量操作字符串的方法，例如从字符串中提取字符或子串，或者检索字符或子串。需要注意的是，JavaScript 的字符串是不可变的（immutable），String 类定义的方法都不能改变字符串的内容。像 String.toUpperCase() 这样的方法，返回的是全新的字符串，而不是修改原始字符串。

②用户可以使用已有的方法来增加自定义方法，如：去掉字符串两端的空格：

 <script type="text/javascript">
     function trim(str){
         var start,end;
         start = 0;
         end = str.length-1;

         while(start <= end && str.charAt(start)==' '){
             start++;
         }
         while(start <= end && str.charAt(end)==' '){
             end--;
         }
         return str.substring(start,end+1);//包含头不包含尾。
     }
 </script>

③String的原型：String.prototype

使用原型属性可以向对象添加属性和方法。添加的新方法或新属性，那么字符串对象就都具有了这些新方法。如：

<script type="text/javascript">
    //使用String原型添加自定义方法haha()：
    String.prototype.haha= function(){
        var start,end;
        start = 0;
        end = str.length-1;

        while(start <= end && str.charAt(start)==' '){
            start++;
        }
        while(start <= end && str.charAt(end)==' '){
            end--;
        }
        return str.substring(start,end+1);//包含头不包含尾。
    }
//然后字符串对象就可以调用haha()这个方法了。

3、Array对象：数组对象

方法如：concat()：返回一个新数组，这个新数组是由两个或更多数组组合而成的。

4、date对象：日期对象

启用基本存储器并取得日期和时间。

5、Math对象：是一个固有对象，提供基本数学函数和常数。不用new创建对象可以直接调用。

6、Number对象：代表数值数据类型和提供数值常数的对象。

7、自定义对象

在js中可以使用function来模拟对象的创建过程。

方式1：

 <script type="text/javascript">
     //自定义Person对象
     function Person(){//相当于构造器

     }
     //通过描述直接进行对象的建立
     var p = new Person();
     var name = "张三";
     var age = 20;
     p.show = function(){
         document.write(name+":"+age);
     }

     p.show();
 </script>

方式2：

 <script type="text/javascript">
     //自定义Person对象
     function Person(name,age){//相当于构造器
         this.name = name;
         this.age = age;
         this.setName = function(name){
             this.name = name;
         }
         this.setAge = function(age){
             this.age = age;
         }
         this.show = function(){
             document.write(this.name+":"+this.age);
         }
     }

     var p = new Person("张三",22);
     p.setName("哈哈");
     p.setAge(20);
     p.show();
 </script>

方式3：另一种封装方式：

 <script type="text/javascript">
     var pp = {
         //定义对象(逗号隔开)
         "name":"李四",
         "age":20,
         "show":function(){
             return this.name+":"+this.age;
         }
     }

     document.write(pp.show());
 </script>

方式4：等等

三、特殊语句:with

with 语句通常用来缩短特定情形下必须写的代码量。在下面的例子中，请注意 Math 的重复使用：

 x = Math.cos(3 * Math.PI) + Math.sin(Math.LN10)
 y = Math.tan(14 * Math.E)

当使用 with 语句时，代码变得更短且更易读：

 with (Math){
    x = cos(3 * PI) + sin (LN10)
    y = tan(14 * E)
 }