函数的使用以及匿名函数

174 阅读1分钟

函数

JavaScript 函数语法

函数就是将特点的的一推代码快进行包装,能够重复使用。

JavaScript 函数通过 function 关键词进行定义,其后是函数名和括号 ()。

函数名可包含字母、数字、下划线和美元符号(规则与变量名相同)。

// 声明函数

// 封装函数

function get() {
  document.write('看什么呢')
}

// 使用函数

get()

// 函数命名规范,和变名基本一致,小驼峰

// 前缀为动词,常用动词

// can has is get set load

// 执行 包含 是否 获取 设置 加载1

// 调用函数名加上小括号

参数

通过向函数传递参数,可以让函数更加灵活多变,参数可以理解成是一个变量。

声明(定义)一个功能为打招呼的函数

  • 传入数据列表

  • 声明这个函数需要传入几个数据

  • 多个数据用逗号隔开

参数分为形参和实参,函数名括号里面的是形参,调用括号里面的是实参。

function age(start, end) { //括号里面叫形参

  let mgc = 0
  
  for (let i = start; i <= end; i++) {
  
    mgc = mgc + i
  }
  document.write(mgc)
}
// 用户来指定那两个数之间的和

age(1, 10086) //括号里面的叫实参

返回值

函数的本质是封装(包裹),函数体内的逻辑执行完毕后,函数外部如何获得函数内部的执行结果呢?要想获得函数内部逻辑的执行结果,需要通过 return 这个关键字,将内部执行结果传递到函数外部,这个被传递到外部的结果就是返回值。

// 函数需要返回值,函数得出来的结果return

// function fun(a, b) {

// return 20

// 相当于执行了fun()调用者fun()=20

// }

// document.write(fun())

function age(a, b) {

  return a + b

}
let i = age(4, 8)

document.write(i)  //12

总结:

  1. 在函数体中使用return 关键字能将内部的执行结果交给函数外部使用
  2. 函数内部只能出现1 次 return,并且 return 下一行代码不会再被执行,所以return 后面的数据不要换行写
  3. return会立即结束当前函数
  4. 函数可以没有return,这种情况默认返回值为 undefined

匿名函数

函数可以分为具名函数和匿名函数

匿名函数:没有名字的函数,无法直接使用。

函数表达式

// 声明
let fn = function() { 
   console.log('函数表达式')
}
// 调用
fn()

立即执行函数

(function(){ xxx  })();
(function(){xxxx}());

无需调用,立即执行,其实本质已经调用了

多个立即执行函数之间用分号隔开