JS 函数 箭头函数

文章目录

• • 自动调用函数
  • 回调函数
  • 箭头函数 （ES6）
  • 函数参数
  • .call()与.apply()

关键字 function

function [functionName]([parameters]) {
   代码块
}

typeof 运算符会为函数返回 “function”
arguments.length 会返回函数被调用时收到的参数数目
.toString()可以得到函数定义

自动调用函数

立即执行函数
需要用()包裹 函数 后接一对( [填写实参] );

(function () {
    代码块     
})();

JQuery就类似这种做法

回调函数

JS中 函数可以作为参数
当前函数可以在调用时动态执行参数函数的代码
相当于在定义函数时，调用一个假象已经存在的函数，让它完成部分的功能
参考博客

箭头函数 （ES6）

回调函数，经常看到 var self = this 这样的代码

• 箭头函数没有自己的 this ，会向上继承。
• this为定义函数时的对象，而不是调用函数时的对象。
• 它们不适合定义对象方法，因为此时this会指向全局。

箭头函数不会被提升

const x = (x, y) => { return x * y };

括号可以省略，只有return时，可省略return；当返回对象时，需要括号（）区分

函数参数

• 形参（parameter）指的是在函数定义中列出的名称。
• 实参（argument）指的是传递到函数或由函数接收到的真实值。

参数默认undefined
如果函数调用的参数太多（超过声明），则可以使用 arguments 对象来达到这些参数
arguments 对象是函数的内置对象，包含函数调用时使用的参数数组

.call()与.apply()

.call() 方法，可以使本对象的方法编对另一个对象执行
.apply() 方法与 .call() 方法非常相似
区别：

call() 方法分别接受参数。
apply() 方法接受数组形式的参数。

Math.max.call(null, 1, 2, 3]); // 也会返回 3
Math.max.apply(null, [1,2,3]); // 也会返回 3 (第一个参数（null）无关紧要)