// 在JS中,Function(函数)类型实际上是对象;每个函数都是Function类型的实例;而且都与其他引用类型一样具有属性和方法;
// 由于函数是对象,因此函数名实际上也是一个指向函数对象的指针;
一 函数的声明方式
2.函数表达式定义函数
var Box = function(num1,num2){ // 通过变量Box即可引用函数;
return num1+num2;
}; // 注意函数末尾有一个分号,就像声明其他变量时一样;
var another = Box; // 使用不带圆括号的函数名是访问函数指针;而非调用函数;
console.log(another(10,10));
3.使用Function构造函数
var Box = new Function('num1','num2','return num1+num2');
// 第三种方式不推荐,这种语法会导致解析两次代码(第一次解析常规JS代码,第二次解析传入构造函数中的字符串),从而影响性能;
// 可以通过这种语法来理解"函数是对象,函数名是指针"的概念;
二 作为值的函数
三 函数内部属性
// 1.arguments:是一个类数组对象,包含着传入函数中的所有参数,主要用途是保存函数参数;
// arguments这个对象还有一个名叫callee的属性,该属性是一个指针,指向拥有这个arguments对象的函数;
function Box(num){
if(num<=1){
return 1;
}else{
return num*arguments.callee(num-1); // 使用arguments.callee来执行box本身;
}
}
// 2.this:引用的是函数据以操作的对象,或者说函数调用语句所处的作用域;
// 当在全局作用域调用函数时,this对象引用的就是window;
window.color = "red";
alert(this.color); // 打印全局的color;=>red;
var Box = {
color:'blue',sayColor:function(){
alert(this.color); // 打印局部的color;=>blue;
}
};
四 函数属性和方法
function box(name,age){
alert(name+age);
}
alert(box.length); // 2s
// prototype属性:它是保存所有实例方法的真正所在,也就是原型;
// prototype包含两个方法:apply()和call(),每个函数都包含这两个非继承而来的方法;
// 这两个方法的用途都在特定的作用域中调用函数,实际上等于设置函数体内this对象的值;
var color = 'red';
var box = {
color = 'blue';
}
function sayColor({
alert(this.color);
});
sayColor(); // 作用域在window;
sayColor.call(this); // 作用域在window;
sayColor.call(window); // 作用域在window;
sayColor.call(box); // 作用域在box,对象冒充;=>red;
// 使用call(Box)方法的时候,sayColor()方法的运行环境已经变成了Box对象里了;
// 使用call()或apply()来扩充作用域的最大好处,就是对象不需要与方法发生任何耦合关系;
// 耦合:相互关联的意思,扩展和维护会发生连锁反应;
// 也就是说,Box对象和sayColor()方法之间不会有多余的关联操作,比如:Box.sayColor = sayColor;
function Animal(){
this.name = "Animal";
this.showName = function(){
alert(this.name);
}
}
function Cat(){
this.name = "Cat";
}
var animal = new Animal();
var cat = new Cat();
//通过call或apply方法，将原本属于Animal对象的showName()方法交给对象cat来使用。
//输入结果为"Cat"
animal.showName.call(cat,",");
//animal.showName.apply(cat,[]);
