thymleaf javascript 参数 javascript函数参数

转载

mob64ca1405a060 2023-12-16 21:41:05

文章标签 函数基本知识点字符串作用域嵌套 文章分类 JavaScript 前端开发

初识函数

一、函数的定义

函数的定义由以下4部分组成：关键字function、函数名、参数、函数体
定义命名函数

function funcName(参数列表){  
       statements
       [return [expr]];
}
function sayHi(name,message){
       alert("hello"+name+","+message);
}

二、参数设置

1、无参函数
适用于不需要提供任何数据，即可完成指定功能的情况

function greet(){
     console.log('Hello');
}

2、有参函数
形参：形式参数，具有特定的含义，在定义有参函数时设置的参数
实参：实际参数，也就是具体的值，在函数调用时传递的参数

function maxNum(a,b){
    a=parseInt(a);
    b=parseInt(b);
    return a>=b?a:b;
}

三、函数的调用

1、直接调用：函数名（实参值）

sayHi("南工院","新学期开学了")；

2、在表达式中调用

function add(a,b){
     return a+b;
}
var sum=add(4,5);
alert(sum);
alert(add(4,5));

3、在事件中调用

<input type="button" value="单击"  onclick="myFun()"/>

*注意

return 语句不是函数必须的，但任何函数在任何时候都可以通过return 语句+返回的值，实现返回。
若在一个文件中，定义函数名字相同，会使用最后定义的函数。

匿名函数

一、函数表达式

概念：所谓函数表达式指的是将声明的函数赋值给一个变量，通过变量完成函数的调用和参数的传递，它也是JavaScript中另一种实现自定义函数的方式。

① 函数的定义方式不同② 函数的调用方式不同③ 函数定义与调用顺序不同

二、匿名函数

概念：匿名函数指的是没有函数名称的函数。
作用：可以有效的避免全局变量的污染以及函数名的冲突问题。
说明：既是函数表达式的另一种表示形式，又可通过函数声明的方式实现调用。

三、回调函数

使用回调函数的方法

thymleaf javascript 参数 javascript函数参数_字符串

四、嵌套与递归

1、嵌套

概念：在一个函数内部存在另一个函数的声明。
特点：内层函数只能在外层函数作用域内执行，在内层函数执行的过程中，若需要引入某个变量，首先会在当前作用域中寻找，若未找到，则继续向上一层级的作用域中寻找，直到全局作用域，我们称这种链式的查询关系为作用域链

<script>
  var i=26;
  function fn1() {
    var i=24;
    function fn2() {
      function fn3() {
        console.log(i)
      }
      fn3();
    }
    fn2();
  }
  fn1();
</script>

2、递归调用

概念：递归调用是函数嵌套调用中一种特殊的调用。它指的是一个函数在其函数体内调用自身的过程，这种函数称为递归函数。

<script>
  function factorial(n) {
    if(n==1){
      return 1;
    }
    return n*factorial(n-1);
  }
  var n=prompt('求n的阶乘\n n是大于等于1 的正整数，如2表示求2！');
  n=parseInt(n);
  if(isNaN(n)){
    console.log('输入的n值不合法');
  }else{
    console.log(n+'的阶乘：'+factorial(n));
  }
</script>

五、闭包函数

在JavaScript中，内嵌函数可以访问定义在外层函数中的所有变量和函数，并包括其外层函数能访问的所有变量和函数。但是在函数外部则不能访问函数的内部变量和嵌套函数。此时就可以使用"闭包"来实现。
所谓"闭包"指的就是有权访问另一函数作用域内变量（局部变量）的函数。
它最主要的用途是以下两点：
1、可以在函数外部读取函数内部的变量。
2、可以让变量的值始终保持在内存中。
注意由于闭包会使得函数中的变量一直被保存在内存中，内存消耗很大，所以闭包的滥用可能会降低程序的处理速度，造成内存消耗等问题。

3、闭包函数的实现
常见创建方式：就是在一个函数内部创建另一个函数，通过另一个函数访问这个函数的局部变量

<script>
  function fn() {
    var times=0;
    var c=function () {
      return ++times;
    };
    return c;
  }
  var count =fn();
  console.log(count());
  console.log(count());
  console.log(count());
  console.log(count());
  console.log(count());

</script>