一、什么是函数

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

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

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. easyui datagrid隔行变色

    属性striped设置为true,即striped:true. 如果想更改颜色,可以更改easyui.css中的.datagrid-row-alt样式.

  2. 【转】VC中对文件的读写

    原文网址:http://www.cnblogs.com/LJWJL/archive/2012/10/06/2712466.html 注意: 1.由于C是缓冲写 所以要在关闭或刷新后才能看到文件内容 2 ...

  3. 多组 RadioButtonList 获取值

    <div class="row">    <table>        <thead><tr><th>操作</th ...

  4. ORM Entities vs. Domain Entities under Entity Framework 6.0

    I stumbled upon the following two articles First and Second in which the author states in summary th ...

  5. cocos2d-x android项目引用so库编译

    项目接了几十个渠道平台,每个平台都建了一个Android工程,引用Classes,由于才用java接口类来抽象出平台接口方法,所以每个工程的Android.mk是完全一致的,也就是说libgame.s ...

  6. 转(NLP必读)

    如果你刚接触自然语言处理并对她感兴趣,最好读几本这方面的书籍,除了能让你知道自然语言处理各个领域是干什么的外,还能培养一下NLP的感觉.以下四本书是我读研期间阅读和接触过的,如果您还有好书推荐,欢迎补 ...

  7. PC-XP系统忘记密码怎么办

    (一)以恢复本地用户"*****"口令为例,来说明解决忘记登录密码的步骤:1.重新启动计算机,在启动画面出现后马上按下F8键,选择"带命令行的安全模式".2.运 ...

  8. hdu 2711&&poj2182 Lost Cows (线段树)

    从后往前查第一个为0的奶牛肯定应该排在第一个.每次从后往前找到第一个为0的数,这个数应该插在第j位.查找之后,修改节点的值为极大值,当整棵树的最小值不为0的时候查找结束. 至于这种查找修改的操作,再没 ...

  9. maven工程-eclipse红叹号

    从公司代码库中check下一份完整代码,在其他开发机器上都能正确构建,唯独一台机器无法正确构建,查证了2个小时,最后还是死在了最基础的问题上 maven工程 工程如下,创建了一个新的maven工程,j ...

  10. 【三支火把】---C指针总结

    好久没写博客了,重新学习C语言了的基础课程,发现很多东西都忘记的差不多了,闲来无事,总结一下关于指针的知识,希望能帮到像我一样的菜鸟们: 指针,众所周知是C语言的精华所在,不懂指针的话,你就不要说你学 ...