一、什么是函数

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

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

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. codeigniter实现ajax分页

    <?php /** *417 add 主要是实现ajax分页 **/ class MY_Pagination extends CI_Pagination{ public function __c ...

  2. ORACLE RAC NTP 时间服务器配置

    Linux 时间同步配置 . 一. 使用ntpdate 命令 1.1 服务器可链接外网时 # crontab -e 加入一行: */1 * * * * ntpdate 210.72.145.44 21 ...

  3. 在 ASP.NET MVC Web 应用程序中输出 RSS Feeds

    RSS全称Really Simple Syndication.一些更新频率较高的网站可以通过RSS让订阅者快速获取更新信息.RSS文档需遵守XML规范的,其中必需包含标题.链接.描述信息,还可以包含发 ...

  4. Async callback to awaitable Task<> z

    http://blog.tedd.no/2013/09/13/async-callback-to-awaitable-task/ The Async-Await feature in .Net is ...

  5. 学习Python前序

    最近一直在学习有关Python语言.回顾的时候,发现学习过程中的有些东西被遗漏了.故记录在此......加深记忆,方便查找. The reason:     语言如此多,why choose Pyth ...

  6. C#语法知识笔记

    抽象类 1.抽象类没有方法体,直接在括号后加“;”. protected abstract string getShoutSound(); 2.抽象类不能实例化:抽象方法必须被子类重写:如果类中包含抽 ...

  7. 【HTML】Intermediate2：Text: AbbreviationsQuotations Code

    1.</abbr> attribute:title 2.Quotations blockquote :standalone often multi-line quotations-cite ...

  8. Nexus5如何手动OTA更新系统到4.4.3、4.4.4及常见问题回答

    这里将记录一套行之有效的Nexus5手动升级方法,以帮助看见这篇文章的朋友成功将手头的Nexus5升级到4.4.4. 因为谷歌服务器的事,我的这次OTA更新起来走了很多弯路.我试过挂VPN等待系统来更 ...

  9. devexpress中gridview控件编辑时改变输入法状态

    在win7环境下使用Devexpress中的SpinEdit控件,切换成中文[简/繁]输入法输入数字键时有不少输入法会重复产生数字如输入1会变成11,输入123会变成112233.使用SpinEdit ...

  10. Duff and Weight Lifting - 587A

    题目大意:某个人训练举重,他每次可以举起来2^wi的重量,不过这个人比较懒所以他想尽量减少训练的次数,如果所有的训练重量2^a1 +2^a2+....2^ak = 2^x,那么这些重量可以一次性训练( ...