JavaScript简单入门(补充篇)

时间:2023-03-09 21:14:23
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)
}