函数:将完成某一特定功能的代码集合起来，可以重复使用的代码块。

-------------------------------------

一、函数的声明方式(创建)

A.基本语法
   function  关键字
   function 函数名([参数1],[参数2]....){
      函数体
      [retrun]  //返回值
    }

 function math () {

   var num1=parseFloat(prompt("请输入",""));

   var num2=parseFloat(prompt("请输入",""));

   var operator=prompt("请输入运算符","");

   var result;

   switch (operator) {

   case "+":

      result=num1+num2;

	  break;

   case "-":

      result=num1-num2;

	  break;

   case "*":

      result=num1*num2;

	  break;

   case "/":

      result=num1/num2;

	  break;

   default:

      result="输入有误";

   }

     return result;

   }

   alert(math());

B.字面量定义的形式(匿名函数)

var 变量=function ([参数1],[参数2]....){
         函数体
        [retrun]  //返回值
       }

var fun=function  () {

   var num1=parseFloat(prompt("请输入",""));

   var num2=parseFloat(prompt("请输入",""));

   var operator=prompt("请输入运算符","");

   var result;

   switch (operator) {

   case "+":

      result=num1+num2;

	  break;

   case "-":

      result=num1-num2;

	  break;

   case "*":

      result=num1*num2;

	  break;

   case "/":

      result=num1/num2;

	  break;

   default:

      result="输入有误";

   }

     return result;

   }

 alert(fun());

C.以对象的形式来声明(不常用)
      new 关键字。

var 变量=new Function([参数1],[参数2]...,"函数体");

var fun=new Function(alert("330141830"))

 fun();

-------------------------------------

二、函数的调用方式

A.函数名() 、变量名();(前面代码中已经体现)

B.(function  () {alert("后盾网");})();    ()在这个括号的含义是运行一段函数.下面代码是加括号和不加括号的不同

1.函数调用时不加括号

<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<title>Document</title>

</head>

<body>

     <input type="button" value="验证" id="tes"></input>

	<script type="text/javascript">

		var tes=document.getElementById('tes');

		var fun=function ()

		{

			alert("中国");

		}

		tes.onclick=function(){

			alert(fun);

		}

	</script>

</body>

</html>

　　结果:

　　2,函数调用时加括号

<!DOCTYPE html>

<html lang="en">

<head>

	<meta charset="UTF-8">

	<title>Document</title>

</head>

<body>

     <input type="button" value="验证" id="tes"></input>

	<script type="text/javascript">

		var tes=document.getElementById('tes');

		var fun=function ()

		{

			alert("中国");

		}

		tes.onclick=function(){

			alert(fun());

		}

	</script>

</body>

</html>

　　结果

-------------------------------------

三、两种声明方式的区别(第A种和第B种)

1.如果两个函数的命名相同，后面的将会覆盖前面的函数。
   
   2.以基本语法声明的函数，会在代码运行的时候，提前加载到内存当中，以供以后使用，
     但是以字面量形式命名的函数，会在执行到的时候，才进行赋值。

3.在不同的<script></script>块中的函数，使用和调用的时候，应该先定义，后执行。

javascript函数的声明和调用的更多相关文章

  1. JavaScript函数的声明与调用方式

    入职第一天小记 对于初入前端的程序猿来说,对于函数的理解与使用可谓是相当浅薄的,回顾这自己近几年的工作以及学习经历,准备对JavaScript来个系统的总结. 如果要我们对H5中的表单做个简单的校验, ...

  2. JavaScript 函数 (一 JavaScript 函数的声明与使用)

    函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块. JavaScript 函数的声明与使用 实例 <!DOCTYPE html> <html> <head> ...

  3. JavaScript 函数的4种调用方法

    JavaScript 函数有 4 种调用方式. 每种方式的不同方式在于 this 的初始化. 作为一个函数调用 function myFunction(a, b) { return a * b; } ...

  4. JavaScript函数的4种调用方法详解

    在JavaScript中,函数是一等公民,函数在JavaScript中是一个数据类型,而非像C#或其他描述性语言那样仅仅作为一个模块来使用.函数有四种调用模式,分别是:函数调用形式.方法调用形式.构造 ...

  5. javascript 函数的4种调用方式与 this（上下文）的指向

    前言:这是笔者学习之后自己的理解与整理.如果有错误或者疑问的地方,请大家指正,我会持续更新! javascript中作用域链和this(上下文)的指向是很容易混淆的,简单的说就是: 作用域链取决于函数 ...

  6. JavaScript函数定义 ，参数调用

    一.JavaScript函数函数: 函数就是一种封装,由事件驱动的或者当它被调用时执行的可重复使用的代码块.定义函数:function 函数名(){函数体;}数不会自动执行,需要被调用才可以执行函数名 ...

  7. javascript this 代表的上下文,JavaScript 函数的四种调用形式

    JavaScript 是一种脚本语言,支持函数式编程.闭包.基于原型的继承等高级功能.其中JavaScript 中的 this 关键字,就是一个比较容易混乱的概念,在不同的场景下,this会化身不同的 ...

  8. javascript函数的声明，及返回值

    <1> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>< ...

  9. javascript函数的4种调用方式

    在javascript中一共有4种函数调用模式,分别是:方法调用模式.函数调用模式.构造函数调用模式和apply(call)调用模式,这4种模式的主要差异在于如何初始化关键参数this. 方法调用模式 ...

随机推荐

  1. SpinLock 自旋锁, CAS操作（Compare & Set） ABA Problem

    SpinLock 自旋锁 spinlock 用于CPU同步, 它的实现是基于CPU锁定数据总线的指令. 当某个CPU锁住数据总线后, 它读一个内存单元(spinlock_t)来判断这个spinlock ...

  2. AVR JTAG MKii 引脚布局 ( JTAG 和 ISP )

    1,JTAG和ISP引脚复用,JTAG的TCK,TDO,TDI分别与ISP的SCK,MISO,MOSI复用:2,VT引脚必须接目标板电源,不然仿真器接口电路不工作: JTAG接口引脚定义如下 标配的J ...

  3. 如何在DigitalOcean安装Ghost

    查看原文: http://leancodingnow.com/how-to-install-ghost-on-digital-ocean-vps/ 这篇文章主要讲一下如何在DigitalOcean V ...

  4. Sql中的union和union all的讲解

    SQL UNION 和 UNION ALL操作符 UNION 操作符用于合并两个或多个 SELECT 语句的结果集. 请注意,UNION 内部的 SELECT 语句必须拥有相同数量的列.列也必须拥有相 ...

  5. [cocos2dx]怎样将Android手机游戏移植到电视？

    近期智能电视很火,我也买了一个小米电视,看片效果不错,网络也还算给力.可是,玩游戏比較蛋疼,要用遥控器,下了一个捕鱼达人试玩了一把,要用方向键控制大炮的方向和远近,再用确定键发射炮弹,根本没法玩... ...

  6. hdu 4739 Zhuge Liang's Mines 随机化

    Zhuge Liang's Mines Time Limit: 20 Sec Memory Limit: 256 MB 题目连接 http://acm.hdu.edu.cn/showproblem.p ...

  7. 【JavaScript】XMLHttpRequest Level2使用指南

    XMLHttpRequest是一个浏览器接口,使得Javascript可以进行HTTP(S)通信. 最早,微软在IE 5引进了这个接口.因为它太有用,其他浏览器也模仿部署了,ajax操作因此得以诞生. ...

  8. 三星galaxy s4问题解决及快捷操作

    http://blog.csdn.net/pipisorry/article/details/38474827 三星galaxy s4更改锁屏方式时出现故障 屏幕锁定设置除password以外,其它锁 ...

  9. mysql常用知识点

    --存储过程及常用流程控制语法 /*该代码是创建了一个名叫"p4"的存储过程并设置了s1,s2,s3两个int型一个varchar型参数,还可以是其他数据类型,内部创建了x1,x2 ...

  10. aspjpeg组件在2008R2下“ActiveX 部件不能创建对象”

    64位要用 C:\Windows\SysWow64下的 regist32注册另外 IIS下要设置应用是32位的