您的位置：首页 > Web前端 > JavaScript

week11---11月17日 JS基础（六）

2015-11-16 10:45 369 查看

一、复习

1、循环的注意点

二、新课

引入：之前的操作都是通过按钮调用函数。

（一）函数

函数就是完成某个功能或需要重复执行的代码块，只在被调用时才会执行，函数代码可避免在页面载入时就被自动执行。

JavaScript以事件驱动方式响应用户的操作，当用户对页面操作时则会引发相应事件并调用函数对用户作出响应。

JavaScript函数分为独立函数、内嵌函数与匿名函数。

1、独立函数

1）函数的定义

function函数名( [参数变量1, 参数变量2, ...] )

{ 脚本代码语句块……; [return返回值表达式] }

独立函数一般在<head>部分或在.js外部文件中单独定义。

函数必须用function关键字定义，函数名必须符合标识符的构成规则，参数变量是属于该函数内部的局部变量，负责接收调用函数时传递的数据，也规定了调用函数所必须提供的数据。

注意：在函数中可以直接使用JavaScript内置对象，例如用document.getElementById("id属性值")获取指定的标记对象。

PS：上节课关于计算器按钮提问思考。
2）函数的返回值

带表达式的return语句可以将表达式的值作为调用函数产生的结果数据返回给调用者，省略表达式的return语句仅表示立即停止代码的执行，结束函数调用。

注意：对于有默认操作的标记在调用事件函数时，可使用return false;终止元素的默认操作。例如单击submit提交按钮时<form>的默认操作是向服务器提交表单数据，当<form>调用submit事件函数时如果函数没有返回值或返回true; 则继续执行默认操作向服务器提交表单，如果函数返回false则终止<form>不向服务器提交表单。

若<a>标记单击事件函数false则会终止超链接指定页面。

3）函数的调用

独立函数可以被其他函数任意调用，也可以被页面中任何元素任何事件任意多次的调用，调用时只需使用函数名并按定义的参数变量传递数据即可。
在JavaScript代码中调用函数的格式：
函数名( [表达式1,表达式2,...] );
如果被调函数有返回值，则可以将函数调用看作是一个数据，即可用变量保存，也可在表达式中直接使用。
例如：var变量=函数名( [表达式1,表达式2,...] );
var变量=a+b*函数名( [表达式1, 表达式2, ...] );
在页面中通过某个标记的事件属性调用函数的格式：
<标记名事件属性名＝"函数名( [表达式1, 表达式2, ...] )" >
若事件函数返回false将终止该标记元素的默认操作。
4）函数的内置arguments数组

JavaScript的函数在每次被调用时都会自动生成一个名字为arguments的局部数组以接收调用者传递过来的所有数据，因此定义函数时即使不指定参数变量，调用时也可以传递任意多个数据，通过arguments数组元素即可逐一获取使用这些数据。
functiontest()
{ var i;
for(i=0; i<arguments.length;i++)
document.write(arguments[i]+"<br/>");
//或：for(iin arguments)
// document.write(arguments[i]+"<br/>");
……
}
（二）实训操作
用传统事件驱动调用函数的方式模拟计算器

本例题为 +、-、×、÷ 等4个按钮设置了单击事件调用同一个bfun()函数，为区分不同按钮并让<span>标记显示该运算符，采用了将按钮标记作为参数传递给函数(当前对象用this表示)，也可以用运算符字符作参数，还可以不传递参数直接在函数中通过event事件对象获取引发事件的按钮。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航