今天内容:js中的对象 ,变量,数组,数据的遍历,还有函数function,全局变量和局部变量。
1.js中的对象和变量:
(1)对象,
js里有好多对象,例如:字符串,数字,数组,日期,等,其实我们生活中的所有事物都可以称为一个对象。在我们js里的对象我们可以这样理解,班主任出差不在学校找了一个代理班主任,他拥有班主任的所有权利,代理班主任可以分配班长任务和给同学们分任务。这个代理班主任就是对象,是班主任的一个对象。
下面具体举例,
var person = {
firstName : "John",
lastName : "Doe",
age : 50,
eyeColor : "blue"
};
这是声明了一个对象并为对象设置了自己的属性,{}里的属性都可以通过对象person来调用。
(2)变量,
变量是用于存放信息,像是一个容器一样,这里创建变量和其他语言没有太大的区别,但是js是弱类型语言,创建变量的时候没有类型的限制,创建变量的时候用var关键字
例如:var a= 1; (这里a就是int型,但是我们不这样写int a = 1 )
var a = 1.0; (这里的b是浮点数也就是小数,a可以是float类型或是double类型)
看到这里你就能明白,不管你定义的变量是什么类型只需要写:var 变量名字=赋初始值(当然也可以不给初始值);
2.数组
js里的数组Arr()对象是用来存放一系列的值的,和C语言里的一维数组很像。
例如:var cars = ["ss","bb","bmw"];
上面的cars就是一个数组,数组的元素下标是从0开始的。cars[0]就是ss,同样car[2]就是bmw.
var myCars=new Array("Saab","Volvo","BMW");也是数组的定义方式。
3.数组的遍历
下面将下怎么使用数组:
<script type="text/javascript">
var mycars = new Array()
mycars[0] = "Saab"
mycars[1] = "Volvo"
mycars[2] = "BMW"
for (i=0;i<mycars.length;i++)
{
document.write(mycars[i] + "<br />")
}
</script>
上面mycars.length是的到数组的长度,
4.function
函数定义:是由事件驱动的或者当它被调用时执行的可重复使用的代码块。简单的说函数就是一段代码块,是可以重复使用,通过事件进行调用的,也可以通过函数之间的相互调用,函数的格式:
function functionname() { 这里是要执行的代码 }
function是关键词,每个函数都要有的,functionname函数名字,我们使用的时候就是通过函数名使用函数的,
一个简单的函数使用的案例:
<!DOCTYPE html> <html> <head> <script> function myFunction()//这里是函数的定义 { alert("Hello World!");//浏览器弹出hello world } </script> </head> <body> <button οnclick="myFunction()">点击这里</button>//这里通过事件onclick调用函数。格式:οnclick="函数名()"; </body> </html>
5.全局变量和局部变量
全局变量的作用范围大,局部变量只能在局部起作用,如果是在函数内部定义的就只能在函数内部起作用,
例如:
<script type=
"text/javascript"
>
var
m
= 1;
function
hehe()
{
window.alert(a);
var
m
= 2;
window.alert(m);
}
hehe();
</script>
上面这段代码输出的结果是2,因为var m = 1;是全局变量,而var m = 2;是局部变量,window.alert(m);这里的m是函数内部的,变量使用的时候要考虑作用范围和在哪里使用,以确定变量的定义位置。