【javascript】Function类型的七点总结

一。不带圆括号的函数名访问的是函数指针,而非调用函数

//不带圆括号的函数名访问的是函数指针,而非调用函数

function sum(num1,num2){

return num1+num2;

}

console.log(sum(10,10));//20

console.log(sum);  //function sum(num1, num2)

console.log(sum()); //NaN

var anotherSum=sum;

console.log(anotherSum(10,10));//20

sum=null;    //使得sum()函数的指针为空

console.log(anotherSum(10,10));//20

console.log(sum(10,10));//uncaught TypeError: sum is not a function

二。虽然函数名可以理解为指针,但是ECMAScript 没有函数重载的概念

如何申明了同名的函数,则按顺序,后面的函数覆盖掉前面的函数

三。函数申明与函数表达式的区别---函数申明会被解释器预先读取(function declaration hoisting)

alert(sum(10,10));//20;因为预先读取到了sum()函数的申明

alert(sum1(10,10))//报错,因为找不到sum1()函数;

function sum(num1,num2){

return num1+num2;

}

var sum1=function(num1,num2){

return num1+num2;

}

四。var sum=function( ){...} 和  sum=function( ){....}的区别?

和变量的定义是相似的,缺少 var 关键字,定义的就是全局变量。 

但是这两种写法都是函数的表达式写法。

五。在函数内部有两个特殊的对象:arguments 和 this 

arguments 是一个数组,主要作用是保存函数参数-----所以javascript函数不在乎传进来什么类型的参数,也不在乎传进来几个参数.

作用一:可以直接利用数组访问参数 ,如arguments[0];

作用二:在递归函数中的应用--------arguments.callee();

这里重点说明一下arguments.callee();它相当于FunctionaName( )

function factorial(num){

if (num<=1){

return 1;

}else{

return num*arguments.callee(num-1);

}

}

不用 return num*factorial( num-1);的目的就是担心函数名在发生变化,程序会出错  这叫消除紧密耦合现象

六。函数的两个属性和方法 

 每个函数都包含length 和prototype 属性

length用法:  FunctionName.length  可以得到函数当前传入的参数个数

prototype用法:函数的原型属性,很多函数的方法依托于这个属性,也是实现函数继承的重要因素

每个函数都包含非继承来的两个方法:apply( )和call( );

主要的意义在于:(1)传递函数参数(2)扩充函数的作用域

举个栗子:

//apply()和call()扩充函数作用域,功能:在特定的作用域中调用函数

window.color="red";

var object={ color:"blue"}

function sayColor(){

alert(this.color);

}

sayColor();//red--函数内部作用域中没有color属性,便利用函数作用域链向上查找找到全局window.color="red"

sayColor.call(this);//red--调用函数内部作用于,找color,没找到便向上查找找到全局window.color="red"

sayColor.call(object);//blue--函数体内部this指针指向object,所以找到 color:"blue"

sayColor.call(window);//red--同理找到全局作用域window.color="red"

七。涉及到的专业术语:

function declaration hoisting (函数申明提升) 避免函数的紧密耦合

你可能感兴趣的:(【javascript】Function类型的七点总结)