首页 > 代码库 > 2014年辛星Javascript解读第三节

2014年辛星Javascript解读第三节

经过第一节的入门和第二节的运算符,那么接下来我们就可以学习Javascript的函数了,当然了,不管大家之前学习的是什么编程语言,都会有函数的概念,如果大家学的是Pascal,还会有”过程“的概念,但是js中没有那么复杂。

 

************函数***********

1.所谓函数,就是一些代码的集合,我们用一种形式把它封装起来,当做一个整体,就有了函数的概念。

2.在js中,我们首先使用关键词funtion来声明一个函数,然后紧跟的就是函数名,然后是一个小括号,括号内可以写一些参数,然后紧跟一对大括号,大括号中写函数体,就是函数的功能代码,示例如下:

function xin(){
    alert("辛星");
}

3.上面我们就定义了一个很简单的函数,它的功能就是弹出一个窗口,并且在窗口上显示”辛星“两个字,而这个alert也是一个函数,我们在这里调用了它。

4.函数可以有参数,由于js是弱类型的语言,因此它在传递参数的时候不需要指定参数类型,直接使用参数名即可,多余一个参数的时候用逗号分开。

5.比如我们新建一个html文件,内容如下:

复制代码
<html>
<head>
<script src = "my.js"></script>
</head>
<body>
    <button onclick = "xin(‘辛星‘,‘23‘)">辛星</button>
    <button onclick = "xin(‘小倩‘,‘20‘)">小倩</button>
</body>
</html> 
复制代码

然后在新建一个my.js文件,添加内容如下:

function xin(name,age){
    alert("名字:"+name+"年龄:"+age);
}

6.此时我们发现如果我们点击按钮,则会弹出相应的显示信息。

7.像大多数编程语言一样,函数也可以有返回值,我们使用return语句来返回数据,当一个函数有return语句的时候,函数就会自动停止执行,并且返回执行的数据。

8.代码示例:

function getvar(){
    return 4;
}

9.上面就是一个典型的函数返回值的例子,它没有什么其他功能,就是单纯的返回一个数据。

 

***********变量的作用域************

1.我们在函数外面声明的变量就是所说的全局变量,该网页的js脚本都可以访问它,并且该全局变量会在页面被关闭后删除。

2.我们在函数里使用var关键字定义的变量是局部变量,只能在函数内部使用,当函数执行完毕,该变量也就被删除了,当再次调用该函数的时候,它会被再次创建。

3.一个Javascript变量自从它被声明的那一刻,它就开始了自己的生命周期。

4.如果我们把值赋值给一个未声明的变量,该变量自动作为全局变量,即使是在函数内声明的。

 

*************小结*************

1.本小节比较简单,我们只是介绍了一下Javascript的函数和作用域。

2.还有一个闭包的概念,也不难,我们放到后面再去介绍。

2014年辛星Javascript解读第三节