JavaScript之函数的创建和调用

创建函数

函数声明

函数声明：这种定义方式下，函数不属于任何对象，但是在js中，它始终是默认的全局对象；
函数可以先调用，因为在js的最顶层，都有一个预编译处理机制

function fun(){
	console.log(1);
	// return this;
	// 为什么函数会输出函数体中内容，因为在函数体的最后
	// 默认会有一个return this！
	// 不过也可以修改成其它的返回值！
	// 这里的this指向全局对象window！
}

fun();// 函数必须调用，不调用函数是没有用的

函数表达式（存储在变量中）

var fun =function(){
	console.log(1);
}

fun();// 这里的函数调用，必须写在函数声明的后面！就是说要先声明在使用

构造函数（可自调）

var fun = new Function(console.log(1));

调用函数

函数

作为一个函数去调用：函数名+();(函数作为全局对象调用，会使this的值成为全局对象，使用window对象作为一个变量，容易造成程序崩溃！)

方法

函数作为方法调用：（函数作为对象的方法调用，会使this的值成为对象的本身！）

var myObject={
	firstName:"John",
	lastName:"Doe",
	fullName:function(){
		return this.firstName+" "+this.lastName;
	}
}

myObject.fullName;// John Doe

上面的代码：创建了一个对象myObject，该myObject对象拥有函数，this对象，拥有js的代码，这里的this就是myObject对象！

构造函数

使用构造函数调用函数：(构造函数中的this没有任何值)

function myFunction(arg1,arg2){
	this.firstName=arg1;
	this.lastName=arg2;
}

var x=new myFunction("John","Doe");
x.firstName;// John

构造函数调用会创建一个新的对象，新的对象会继承构造函数的属性和方法

函数方法

作为函数方法调用函数：(这种可以设置this的值，我可以返回不同this！)

在js中函数是对象，是对象就有属性个方法，而call（）和apply（）是预定义的函数方法！

这两个方法都可以调用函数，两个方法的第一个参数必须是对象的本身！

function myFunction(a,b){
	return a * b;
}
myFunction.call(myObject,10,2);// 20
var myArray=[10,2];
myFunction.apply(myObject,myArray);// 20

call()和apply()方法的区别在于，apply传入的是一个参数数组，而call传入的是普通的参数