zoukankan      html  css  js  c++  java
  • JS函数

    函数

    1.函数的优势

    • 提高软件的可靠性
    • 提高软件的开放效率
    • 提高软件的可维护性
    • 提高软件的重用性

    2.函数的组成

    • 函数名(funcName)
    • 函数体(statements)
    • 参数(形参和实参)(parameters)
    • 返回值(结束函数,作为函数调用表达式整体的值)

    函数的声明方式

    function funcName ([parameters]){
        statements;
        [return表达式;]
    }
    
    • 关键字方式

        function 函数名([参数列表]){
        	函数体
        }
      
    • 表达式方式(匿名函数方式)

        var 函数名=function([参数列表]){
        	函数体
        }
      
    • 构造函数方式

        var 函数名=new Function("参数","函数体")
      

    函数的参数问题

    形参:形式上的参数 
    function demo(a,b)
    实参:调用函数时给的参数 
    demo(3,1)
    
    • 形参和实参的数量

        形参数量<实参数量 多余的 实参被忽略
        形参数量>实参数量 没有赋值的形参会自动赋值undefined
      
    • 参数的默认值

      • ECMA6语法(不兼容IE) function 函数名(参数1, 参数2=默认值)
      • 有默认值的参数要写在后面
      • 有默认值的参数称之为可选参数
      • 兼容处理参数默认值问题, 在函数体判断 参数值是否是undefined
    • 可变参数数量的函数

      • arguments

    函数的作用域

    • 全局变量 在函数外面定义的变量
    • 局部变量 在函数里面定义的变量
    • 在函数内,不使用var声明的变量时全局变量(不推荐使用,严格模式(use strict)不允许)

    递归函数

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>递归函数</title>
    </head>
    <body>
    	<h1>梯归函数</h1>
    	<script>
    		//死循环递归
    		function demo(){
    			console.log('demo');
    			demo();
    		}
    		//递归
    		function fn(m){
    			if(m<=0){
    				console.log("-------------");
    				return;
    			}
    			console.log(m);
    			fn(m-1);
    			console.log(m);
    		}
    		fn(3);
    		/*
    			fn(3)  3
    				fn(2)  2
    					fn(1)  1
    						fn(0)   ---------
    					fn(1)  1
    				fn(2)   2
    			fn(3)   3
    		
    		*/
    	//实现 阶乘 m的阶乘
    	function cheng(m){
    		if(m<=1){
    			return 1;
    		}
    		return m *cheng(m-1);
    	}
    	console.log(cheng(3));
    	/*
               cheng(3) return 3 * cheng(2)
               	 cheng(2) return 2 * cheng(1)
               	 	cheng(1)  return1
               	 cheng(2) return 2 * 1
               cheng(3) return 3 * 2
    		*/
    	</script>
    </body>
    </html>
  • 相关阅读:
    java反射机制2
    Java反射机制
    EKT Java企业级关键技术强化 Enterprise Edition
    idea导入tomcat后解决控制台中文乱码问题(day12)
    大对象数据LOB的应用 (day10)
    Java关键技术强化:JDK5.0新特性 (day08)
    Java关键技术强化:JDK5.0新特性1 (day07)
    Java高效特性:反射(二)之获取Class对象的四种方式及其区别 (day06)
    Java关键技术强化:类加载器 (day05)
    Java高级特效:反射 (day04)
  • 原文地址:https://www.cnblogs.com/DCL1314/p/7374023.html
Copyright © 2011-2022 走看看