一、什么是函数

函数：把完成特定功能的代码放到一个函数里，直接调用这个函数，就省去重复输入大量代码的麻烦

函数的作用：写一次代码，然后反复地重用这个代码

Eg：

求多组数的和，不使用函数

{

　　var sum;

　　sum = 3+2;

　　alert(sum);

　　sum = 7+8;

　　alert(sum);

....　　//不停重复两行代码

}

使用函数

　　function add2(a,b){

　　sum = a+b;

　　alert(sum);

　　}//只需要写一次

　　add2(3,2);

　　add2(7,8);

　　....　　//只需调用函数

二、定义函数

格式：

function　　函数名()

{

　　函数体;

}

function：定义函数的关键字

“函数名”：自己为函数取的名字

“函数体”：替换完成特定功能的代码

调用：

函数定义好后，需要调用才能执行，调用方式直接在需要的位置写函数名。

1、在<script>标签内调用

<script type="text/javascript">

　　function add2()

　　{

　　　　sum = 1+1;

　　　　alert(sum);

　　}

　　add2();　　//调用函数，直接写函数名

</script>

2、在HTML文件中调用，如通过点击按钮后调用定义好的函数。

<html>

<head>

　　<script type="text/javascript">

　　　　function  add2()

　　　　{

　　　　　　sum = 5+6;

　　　　　　alert(sum);

　　　　}

　　</script>

</head>

<body>

　　<from>

　　<input type="button" value="click it" onclick="add2()">　　//按钮，onclick点击事件，直接写函数名

　　</from>

</body>

</html>

三、有参数的函数

格式：

function 函数名(参数1，参数2)

{

　　函数代码

}

注：参数可以多个，根据需要增减参数个数。参数之间用逗号隔开

Eg：用函数实现任意两个数的和应该写成

function add2(x, y)

{

　　sum = x+y;

　　document.write(sum);

}

x和y则是函数的两个参数，调用函数的时候，可以通过这两个参数把实际的加数传递给函数。

如：add2(2, 3)则会求2+3的和。

返回值的函数

function add2(x, y)

{

　　sum =x+y;

　　return sum;//返回函数值，return后面的值叫做返回值

}

通过变量存储调用函数的返回值

result = add2(3, 4);　　//语句执行后, result变量中的值为7

注：

函数中参数和返回值不只是数字，还可以是字符串的其它类型

JavaScript入门(7)的更多相关文章

  1. JavaScript入门篇 编程练习

    编程挑战 一.定义"改变颜色"的函数 提示: obj.style.color obj.style.backgroundColor 二.定义"改变宽高"的函数 提 ...

  2. JavaScript入门

    本篇内容是学习慕课网相关课程后,总结出可能未来会忘记的内容 (一)JavaScript入门操作 1.js代码插入位置,以及执行顺序 <head> <script type=" ...

  3. 慕课网JavaScript入门篇课程笔记

    1.js注释很重要 单行注释,在注释内容前加符号 “//”. <script type="text/javascript"> document.write(" ...

  4. JavaScript入门基础

    JavaScript基本语法 1.运算符 运算符就是完成操作的一系列符号,它有七类: 赋值运算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=).算术运 ...

  5. JavaScript入门介绍(二)

    JavaScript入门介绍 [函数] 函数function 是Javascript的基础模块单元,用于代码的复用.信息影藏和组合调用. function a(){} 函数对象Function Lit ...

  6. JavaScript入门介绍(一)

    JavaScript入门介绍 [经常使用的调试工具][w3school.com.cn在线编辑] [Chrome浏览器 开发调试工具]按F121.代码后台输出调试:console.log("t ...

  7. 开心菜鸟系列－－－－函数作用域（javascript入门篇）

      1 <!DOCTYPE html>   2 <html>   3 <script src="./jquery-1.7.2.js"></ ...

  8. 开心菜鸟系列－－－－变量的解读（javascript入门篇）

                       console.info(         console.info(window['weiwu'])          console.info(window. ...

  9. javascript入门视频第一天 小案例制作 零基础开始学习javascript

    JavaScript 是我们网页设计师必备的技能之一.我们主要用javascript来写的是网页特效.我们从零基础开始学习javascript入门. 但是,好的同学刚开始不知道怎么学习,接触js,因此 ...

  10. ArcGIS API for JavaScript 入门教程[0] 目录

    随时翻看. 转载注明出处,博客园/CSDN/B站:秋意正寒. Part 1 必看 ArcGIS API for JavaScript 入门教程[1] 渊源 你还真不一定知道这是啥.非得学吗? ArcG ...

随机推荐

  1. linux tar 解压命令总结

    把常用的tar解压命令总结下,当作备忘: tar -c: 建立压缩档案 -x:解压 -t:查看内容 -r:向压缩归档文件末尾追加文件 -u:更新原压缩包中的文件 这五个是独立的命令,压缩解压都要用到其 ...

  2. SAE网站搭建（2）

    通过djangao admin界面无法添加汉字(unicode)的解决办法. 根源:mysql服务器的默认设置不支持unicode(utf8) 解决办法: 将/etc/mysql/my.cnf中utf ...

  3. 【原】本地win7，远程服务器XP系统，两台机器间不能拖动文件

    (1)网上大部分说是rdpclip.exe(存放在c:/windows/system32)的问题,试了好几次,没有解决 (2)通过第二种方式解决,详细步骤如下所示: 1.点击进入远程连接. 2.选择本 ...

  4. bsp板级支持包

    定义 2作用 ▪ 建立让操作系统运行的基本环境  ▪ 完善操作系统运行的环境 3开发流程     1定义 板级支持包(BSP)是介于主板硬件和操作系统中驱动层程序之间的一层,一般认为它属于操作系统一部 ...

  5. Java笔记(二十四)……集合工具类Collections&Arrays

    Collections 集合框架的工具类,方法全部为静态 Collections与Collection的区别 Collection是集合框架的一个顶层接口,里面定义了单列集合的共性方法 Collect ...

  6. oracle创建临时表

    Oracle临时表可以说是提高数据库处理性能的好方法,在没有必要存储时,只存储在Oracle临时表空间中.希望本文能对大家有所帮助. 1 .前言 目前所有使用 Oracle 作为数据库支撑平台的应用, ...

  7. Clean Code – Chapter 6 Objects and Data Structures

    Data Abstraction Hiding implementation Data/Object Anti-Symmetry Objects hide their data behind abst ...

  8. Tools that help you scrape web data----帮助你收集web数据的工具

    There are many programs that can be used to extract bulk information from a web site, including brow ...

  9. 【Java基础】Java多线程之线程组和线程池

    在上一篇文章中,讲述了线程的基本概念和用法,这里将继续讲述线程组和线程池的一些东西. 线程组:java.lang.ThreadGroup 1. 线程组的介绍 线程组表示一个线程的集合.此外,线程组也可 ...

  10. Detect combined string

    写一个程序判断字符串A是否为其他两个字符串的组合,组合过程中其他两个字符串的相对顺序不能被破坏. 举例说明:abc和def可以组成字符串adebcf,但不能组成aefbcd,因为def的相对顺序已经被 ...