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>
  • 相关阅读:
    JS控制的几种页面跳转方式和传值
    文件管理
    文件:文件和文件夹
    上传文件
    购物车的例子
    使用ajax登录格式
    ajax 另外两种返回类型(json xml)
    省级三级联动
    thinkPHP--SQL连贯操作
    thinkPHP-空操作
  • 原文地址:https://www.cnblogs.com/DCL1314/p/7374023.html
Copyright © 2011-2022 走看看