函数实际上是对象,因此函数名 实际上也是一个指向函数对象的指针,不会与某个函数绑定。
每个函数都是 Function 类型的实例,而且都与其他引用类型一样具有属性和方法
函数定义:
- 函数声明语法:
function sum (num1, num2) {
return num1 + num2;
}
- 函数表达式:
var sum = function (num1,num2){
return num1 + num2;
};
- 构造函数:
不推荐
var num = new Function('num1','num2','return num1 + num2');
会导致解析两次代码(第一次是解析常规 ECMAScript 代码,第二次是解析传入构造函数中的字符串),从而影响性能
没有重载
同名函数,后者覆盖前者
函数声明与函数表达式
解析器会率先读取函数声明 ,并使其在执行任何代码之前可用(可以访问) ;函数声明提升(function declaration hoisting)
至于函数表达式,则必须等到解析器执行到它所在的代码行 ,才会真正被解释执行。
作为值的函数
function callSomeFunction(someFunction, someArgument){
return someFunction(someArgument);
}
function add10(num){
return num + 10;
}
var result1 = callSomeFunction(add10, 10);
alert(result1); //20
设有一个对象数组,我们想要根据某个对象属性对数组进行排序。而传递给数组 sort()方法的比较函数要接收两个参数,即要比较的值。
function createComparisonFunction(propertyName) {
return function(object1, object2){
var value1 = object1[propertyName];
var value2 = object2[propertyName];
if (value1 < value2){
return -1;
} else if (value1 > value2){
return 1;
} else {
return 0;
}
};
}
应用:
var data = [
{name: "Zachary", age: 28},
{name: "Nicholas", age: 29}
];
data.sort(createComparisonFunction("name"));
alert(data[0].name); //Nicholas
data.sort(createComparisonFunction("age"));
alert(data[0].name); //Zachary
函数内部属性
两个特殊的对象 :
- arguments :是一个类数组对象,包含着传入函数中的所有参数
这个对象还有一个名叫 callee 的属性,该属性是一个指针,指向拥有这个 arguments 对象的函数
阶乘:
1.
function factorial(num){
if (num <=1) {
return 1;
} else {
return num * factorial(num-1)
}
}
函数的执行与函数名 factorial 紧紧耦合在了一起
2.
消除耦合
function factorial(num){
if (num <=1) {
return 1;
} else {
return num * arguments.callee(num-1)
}
}
- this :引用的是函数据以执行的环境对象 ——或者也可以说是 this 值(当在网页的全局作用域中调用函数时,this 对象引用的就是 window)
window.color = "red";
var o = { color: "blue" };
function sayColor(){
alert(this.color);
}
sayColor(); //"red"
o.sayColor = sayColor;
o.sayColor(); //"blue"
拥有caller 属性,保存着调用当前函数的函数的引用,
如果是在全局作用域中调用当前函数,它的值为 null 。
Opera 的早期版本不支持,其他
浏览器都支持这个 ECMAScript 3 并没有定义的属性,es5规范化了。
function outer(){
inner();
}
function inner(){
console.log(inner.caller);
//低耦合:
//console.log(arguments.callee.caller);
}
outer(); //outer(){inner();}
inner();//null
IE、Firefox、Chrome 和 Safari 的所有版本以及 Opera 9.6 都支持 caller 属性
函数在严格模式下运行时,访问 arguments.callee 会导致错误。
ECMAScript 5 还定义了arguments.caller 属性,但在严格模式下访问它也会导致错误,而在非严格模式下这个属性始终是undefined.(分清 arguments.caller 和函数的 caller 属性)
严格模式还有一个限制:不能为函数的 caller 属性赋值,否则会导致错误
函数属性和方法
两个属性:
- length : 函数希望接收的命名参数的个数,即形参个数
function sayName(name){
alert(name);
}
function sum(num1, num2){
return num1 + num2;
}
function sayHi(){
alert("hi");
}
alert(sayName.length); //1
alert(sum.length); //2
alert(sayHi.length); //0
- prototype : 保存引用类型所有实例方法的真正所在。在es6是中不可枚举的,因此使用 for-in 无法发现
(第六章中)
两个非继承来的方法:
作用:在特定的作用域中调用函数,实际上等于设置函数体内 this 对象的值
- apply() : 接收两个参数:一个是在其中运行函数的作用域,另一个是参数数组。其中,第二个参数可以是 Array 的实例,也可以是arguments 对象
function sum(num1, num2){
return num1 + num2;
}
function callSum1(num1, num2){
return sum.apply(this, arguments); // 传入 arguments 对象
}
function callSum2(num1, num2){
return sum.apply(this, [num1, num2]); // 传入数组
}
alert(callSum1(10,10)); //20
alert(callSum2(10,10)); //20
在严格模式下,未指定环境对象而调用函数,则 this 值不会转型为 window。
除非明确把函数添加到某个对象或者调用 apply()或call(),否则 this 值将是undefined。
- call() : 接受1到多个参数,第一个为this,其余是要传给函数的参数
function sum(num1, num2){
return num1 + num2;
}
function callSum(num1, num2){
return sum.call(this, num1, num2);
}
alert(callSum(10,10)); //20
apply()和 call()真正强大的地方是能够扩充函数赖以运行的作用域 , 且对象不需要与方法有任何耦合关系
window.color = "red";
var o = { color: "blue" };
function sayColor(){
alert(this.color);
}
sayColor(); //red
sayColor.call(this); //red
sayColor.call(window); //red
sayColor.call(o); //blue
方法:
- bind() : 创建一个函数的实例,其 this 值会被绑
定到传给 bind()函数的值
window.color = "red";
var o = { color: "blue" };
function sayColor(){
alert(this.color);
}
var objectSayColor = sayColor.bind(o);
objectSayColor(); //blue
sayColor()调用 bind()并传入对象 o,创建了objectSayColor()函数。objectSayColor()函数的 this 值等于 o
支持 bind()方法的浏览器有 IE9+、Firefox 4+、Safari 5.1+、Opera 12+和 Chrome。
每个函数继承的 toLocaleString() 、 toString() 和 valueOf() 方法始终都返回函数的代码