JS 里的函数

五种声明

具名函数

function add (a, b) {
    return a + b
}

匿名函数

let add = function (a, b) {
    return a + b
}

两边都有名字

和上面的方法有不一致性

let add = function x (a, b) {
      console.log(x) // 可以访问x,是一个函数
    return a + b
}

console.log(x) // 报错

window.Function 函数对象

new Function('a', 'b', 'return a + b')

箭头函数

let fn = (a, b) => a + b

函数的name属性

function f() {} 
console.log(f.name) // f

let f2 = function() {}
console.log(f2.name) // f2

let f3 = function f4() {}
console.log(f3.name) // f4
console.log(f4.name) // 报错

let f5 = new Function()
console.log(f5.name) // anonymous -> 函数就是叫做匿名的"anonymous"

let f6 = () => {}
console.log(f6.name) // f6

体系

call()

可以调用的对象就是函数

let f = {
    params: ['x', 'y'],
    fbody: 'console.log(1)',
    call: function() {
        return eval(f.body)
    }
}
f.call()

// f 是这个函数对象, f.call() 就是执行函数体

f(1, 2) vs f.call(undefined, 1, 2)

  • f(1, 2) 是语法糖
  • f(undefined, 1, 2) 才是真正的函数调用
function f(x, y) {
    return x + y
}

f.call(undefined, 1, 2) // 3

this & arguments

  1. call 的第一个参数可以用this得到
  2. call 的第二个参数可以用arguments得到
f.call(this, arguments)

this

  • 如果开启严格模式,那么第一个参数传什么,this就是什么
  • 如果不开启严格模式
    • 第一个参数如果是基本类型会转成对象,如 1 -> Number的1, ‘str’ -> String 的 str
    • 而如果本来就是对象Object,那么还是那个对象
    • 如果第一个参数是undefined会变成全局变量
'use strict'
function f() {
    console.log(this)  // undefined / 不是严格模式就是全局对象
    console.log(arguments) // [1, 2, 3]
}

f.call(undefined, 1, 2, 3)

arguments

  • Arguments是一个伪数组,判断是否是一个伪数组
  • 没有数组的共有属性和方法
__proto__ =? Array.prototype

闭包

如果一个函数使用了范围外的值,那么这个函数+这个变量叫做闭包

var a = 1

function f4() {
    console.log(a)
}

历史原因

为什么要有this

  • call() 的第一个参数放this,[2, 3]作为arguments
  • JS 没有class
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 函数 函数, function, 是一个关键字, 表示声明一个函数, 是一个变量的特例. 每一个函数,都必须有一个...
    YjjTT阅读 1,891评论 0 1
  • 函数和对象 1、函数 1.1 函数概述 函数对于任何一门语言来说都是核心的概念。通过函数可以封装任意多条语句,而且...
    道无虚阅读 10,096评论 0 5
  • Lua 5.1 参考手册 by Roberto Ierusalimschy, Luiz Henrique de F...
    苏黎九歌阅读 14,735评论 0 38
  • 讲函数前,先了解Function和function的区别。 function是关键字(if else var )f...
    小志1阅读 2,206评论 0 0
  • 我们班的学生两极分化很严重。行为习惯比较好的孩子通常成绩是很好的,很多行为习惯不好的孩子成绩是一直呈现下滑的...
    Thanks_ee52阅读 3,547评论 0 6