javascript的函数

在 JavaScript 中, 每个函数实际上都是一个Function对象。

函数一般定义：

function fn(x,y) {
    console.log(x + y)
}
fn.name //"fn"

匿名函数：

var fn
f = function(x,y){
    console.log(x + y)
}
f.name //"f"

window.function

var f = new Function('x','y','return x+y')
f.name // "anonymous"

箭头（lamda表达式）

var fn = (x,y) => {return x + y}
f.name  //"fn"

函数名:function(){}（设置对象方法）

var foo={
	a:10,
	b:function(){
		alert('我是对象的方法');
	}
}
foo.b();// 调用b方法

 

函数的调用和call()

首先我们声明了一个函数：

var fn = function(x,y){
    retrun x + y
}

 因为Function也是属于一种对象，所以这个变量就有了一个地址A，这个地址A就指向堆内存中的对象B，对象B中就存放着我们的函数参数与函数体。

在这个对象B中的__proto__指向了Function.prototype，在Function.prototype中有一个特殊的call()属性，这个方法对我们“调用函数”的这个动作来说至关重要。 

 fn.call()才是函数真正的调用方法。

注意：

fn(1,2)等价于fn.call(undefined,1,2)

函数中的this和arguments

this指的就是call()中的第一个参数，第一个参数往后都是arguments。

我的理解是，他指的是一种域，一种范围（可适当理解为函数的作用域）。

 我们声明了一个函数：

var fn = function(x,y){
    console.log('x:'+x,'y:'+y)
    console.log(this)
}
fn(1,2)
fn.call(undefined,1,2)

fn(1,2)的this就是window对象，fn（obj,1,2）this就是obj对象。

普通模式与严格模式

在普通模式和严格模式下，this表现会有所不同：

// 严格模式
var fn = function(x,y){
    'use strict'
    console.log('x:'+x,'y:'+y)
    console.log(this)
}
fn.call(undefined,1,2)
fn.call(1,1,2)

// 普通模式
var fn = function(x,y){
    console.log('x:'+x,'y:'+y)
    console.log(this)
}
fn.call(undefined,1,2)
fn.call(1,1,2)

在普通模式下，如果this是undefined，浏览器会自动把this变成Window；如果是其他的值，则会打出一个对象(比如说1，则会打出一个Number 1的对象)；

严格模式下，如果this是undefined，他就是undefined，如果是其他的值，则会打出这个值本身。

arguments 

arguments指的就是函数的参数。

使用arguments可以打出一个伪数组，伪数组就是像数组，但是proto中没有Array.prototype的对象。

// 普通模式
var fn = function(x,y){
    console.log('x:'+x,'y:'+y)
    console.log(arguments)
}
fn.call(undefined,1,2)