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.还有一个闭包的概念,也不难,我们放到后面再去介绍。

时间: 2024-11-05 12:27:19

2014年辛星Javascript解读第三节的相关文章

2014年辛星Javascript解读第一节

***************概述*************** 1.Javascript是一种原型化继承的基于对象的动态类型的脚本语言,它区分大小写,主要运行在客户端,用户即使响应用户的操作并进行数据的解析和传递. 2.Javascript和Java并没有太多的关系,只是名字重复了四个字母. 3.Javascript的主要功能是进行数据验证.提供网页特效,动态响应用户的操作,我们提到Javascript也通常会提到jQuery和Ajax. ************Javascript的历史**

2014年辛星Javascript解读第四节 流程控制语句

上一节我们介绍了函数,本小节我们介绍一下流程控制语句,对于不论什么一门编程语言来说,流程控制都是很重要的,也就是我们常说的顺序结构.选择结构和循环结构. ************选择结构*************** 1.Javascript中用条件语句来实现选择结构,它提供的选择结构主要是if语句.if....else语句和if...else if ...else语句,另一个switch语句,和PHP非常像. 2.这些语句都比較基础,因此我们这里仅仅给出if...else if..else的形

2014年辛星jquery解读第三节 Ajax

***************Ajax********************* 1.Ajax是Asynchronous Javascript And  XML的简写,它指的是异步Javascript和XML.简单来说,就是不刷新整个页面的情况下来和server端进行数据的交互,而且可以在网页上进行显示. 2.jQuery对Ajax的支持还是比較完好的.它能够让我们以GET或者POST方式从server读取信息,而且显示它. 3.jQuery通过以下几个方法对Ajax进行支持. ********

2014年辛星Javascript解读第二节

本小节我们讲解一下Javascript的语法,虽然js语言非常简单,它的语法也相对好学一些,但是不学总之还是不会的,因此,我们来一探究竟把. ********注释************* 1.我们通常用注释来标记一些代码,它会使得我们更好理解我们之前写过的程序代码,这些注释不会被解释执行,但是它是非常有用的. 2.Javascript支持以C++风格的//开头的单行注释,即两个斜线之后的部分直到这一行的结束,都会被当做注释来对待,它们是不会被计算机解释执行的. 3.Javascript还支持C

2014年辛星Javascript解读第五节 break continue 与异常处理

先说一下break和continue的主要用法吧,break用于跳出循环,continue用于跳过该循环中的一个迭代.简单的说,就是break直接从该语句跳出,但是continue不会跳出该循环语句,但是它会重新来过,即本次不会再次执行. ************具体说明************* 1.我们通过举例的形式来说明,首先看代码一: var sum = 0; for(i = 0;i<10;i++){ if(i==5){ break; } sum += i; } alert(sum);

2014年辛星完全解读Javascript第七节 数组和对象

由于Javascript是脚本语言,因此,使用起来非常方便,数组的使用也是比较简单的,下面我们就主要介绍一下Javascript中数组的介绍,以及上一节中没有完成的对象的介绍. **************数组************** 1.在Javascript中,声明一个数组太简单了,而且它支持三种方式,第一种方式是直接实例化一个Array,然后用下标的形式去添加,但是它不像PHP那样灵活,它不允许不写下标就向里面添加数据,因此,我们指定下标即可. 2.访问数组的成员就向C语言的数组那样访

2014年辛星完全解读Javascript第八节 json

json是JavaScript Object Notation的简写,它是一种轻量级的数据交换格式,而且表达上很容易靠字面去理解.json是用于存储和传输数据的格式,通常用于向服务器端传递数据. *************JSON************** 1.我们上一节介绍了对象,这一节我们将介绍json,json既然是一种数据的传输方式,那么它也必然会有自己的语法规则,它的语法规则如下:由大括号保存对象,由方括号保存数组,数据以键值对的方式存储,而且多个数据之间需要用逗号分开. 2.比如下

2014年辛星完全解读Javascript第六节 对象

随着面向对象的普及,现在很多语言都在支持面向对象,Javascript也不例外,所谓对象,就是拥有属性和方法的数据.这里的属性其实就是变量,这里的方法,其实就是函数.但是Javascript的面向对象和其他编程语言还是有很大区别的. ************对象************* 1.Javascript中的对象的定义“属性的无序集合,每个属性存放一个初始值.函数或者对象”,也就是说,对象是没有额定顺序的值的数组. 2.Javascript中的对象一般可以分为本地对象.内置对象.宿主对象

2014年度辛星完全解读html第三节

接下来我们继续学习HTML中的标签,希望大家能够再接再厉,同时辛星也会支持大家,我们一起努力,一起加油.我们本小节来认识另外几个标签. *************空格和换行************** 1.我们在HTML文件中的那么多的空格和换行在浏览器上显示的时候和我们在文本编辑器中看到的并不一样,我们可能HTML代码中有大量的空格和换行,但是输出到浏览器上的时候却好像没有空隙. 2.浏览器会把我们多余一个的空格都解析为一个空格,如果我们想要多加几个空格的话,需要使用  它表示字符实体,每当我