创建函数
函数声明
函数声明:这种定义方式下,函数不属于任何对象,但是在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传入的是普通的参数