zoukankan      html  css  js  c++  java
  • JavaScript基础——JavaScript函数(笔记)

    avaScript 函数(笔记)

      JavaScript 是函数式编程语言,在JavaScript脚本中可以随处看到函数,函数构成了JavaScript源代码的主体。

    一、定义函数

    定义函数的方法有两种:

    • 使用function语句声明函数。
    • 通过Function对象来构造函数。

    使用function来定义函数有两种方式:

    //方式1: 命名函数
    function f(){
    	//函数体
    }
    
    //方式2: 匿名函数
    var f = function(){
    	//函数体
    }
    

      命名函数的方法也被称为声明式函数,而匿名函数的方法也被称为引用式函数或者函数表达式,即把函数看做一个复杂的表达式,并把表达式赋予给变量。

      使用Function对象构造函数的语法如下:

    var function_name = new Function(arg1, arg2, arg3,) ……,argN, function_body)
    

      在上面语法形式中,每个arg都是一个函数参数,最后一个参数是函数主体(要执行的代码)。Function()的所有参数必须是字符串。

    【示例1】在以下示例中,通过Funnction构造函数定义了一个自定义函数,该函数包含两个参数,在函数主体部分使用 document.write() 方法把两个参数包裹在 <h1> 标签中输出,显示效果如下所示:

    <html>
    	<head>
    		<meta charset="utf-8">
    		<title>JavaScript 定义函数</title>
    		<script type="text/javascript" src="test.js"></script>
    	</head>
    <body>
    </body>
    </html>
    
    var say = new Function("name", "say", "document.write('<h1>' + name + ':' + say + '</h1>');");
    say("张三","Hi!");
    

    【示例2】在实际开发中,使用function定义函数要比Function构造函数方便,且执行效率更高。Function仅用于特定的动态环境中,一般不建议使用。

    var say = function(name, say){		//定义函数
    	document.write('<h1>' + name + ':' + say + '</h1>');
    }
    say("张三","Hi!");	//调用函数
    

    【效果】

    二、调用函数

      调用函数使用小括号运算符来实现。在括号运算符内部可以包含多个参数列表,参数之间通过逗号进行分隔。

    【示例】 在以下示例中使用小括号调用函数f,并把返回值传递给document.write()方法。

    function f(){
    	return "Hello, World!";	//设置函数返回值
    }
    document.write(f());		//设置函数,并输出返回值
    

    【提示】

    一个函数可以包含多个return语句,但是在调用函数时只有第一个return语句被执,且被return语句后面的表达式的值作为函数的返回值被返回,return语句后面的代码将被忽略掉。

     三、函数参数

    参数可以分为两种:形参实参

    形参:就是在定义函数时,传递给函数的参数,被称为形参,即形式上参数。

    实参:就是当函数被调用时,传给函数的参数,这些参数被称为实参。

    【示例1】在以下示例函数中,参数a和b就是形参,而调用函数中的23和34就是实参。

    function add(a,b){	//形参a和b
    	return a+b;
    }
    alert(add(23,24));	//实参23和24
    

    【效果1】

    函数的形参没有限制,可以包括零个或多个。函数形参的数量可以通过函数的length属性获取。

    【示例2】针对上面函数可以使用以下语句读取函数的形参个数。

    function add(a,b){ //形参a和b
    	return a+b;
    }
    alert(add.length)	//返回2,形参的个数
    

    【效果2】

  • 相关阅读:
    NserviceBus+rabbitmq
    c#调用Mysql带参数的存储过程
    datatable list 之前相互转换
    (gridcontrol等)通用导出excel z
    异步数据库查询 Z
    Gridview导出EXCEL(多页) z
    [自制简单操作系统] 4、计时器(线性表实现优化中断)
    [JAVA] 基于TCP的起重机运行模拟器
    [自制简单操作系统] 3、内存管理和窗口叠加
    [自制简单操作系统] 2、鼠标及键盘中断处理事件[PICGDTIDTFIFO]
  • 原文地址:https://www.cnblogs.com/zuoyang/p/9556850.html
Copyright © 2011-2022 走看看