美文网首页
【javascript】Function类型的七点总结

【javascript】Function类型的七点总结

作者: PomeloTerminal | 来源:发表于2015-06-09 16:02 被阅读0次

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

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

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类型的七点总结

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

  • JavaScript Function 类型

    JavaScript 的 Function 类型实际上是对象。每个函数都是 Function 类型的实例,而且而且...

  • JavaScript学习总结之Function类型

    Function类型 每个函数都是Function类型的实例,因此函数名实际上也是一个指向函数对象的指针 一、函数...

  • 05.Object函数

    JavaScript函数是引用类型(对象类型),所以Function函数也是对象 2."Function构造函数"...

  • JavaScript引用类型——Function类型

    Function类型 函数实际上是对象,每个函数都是Function类型的实例,而且都与其他引用类型一样具有属性和...

  • 【javascript】引用类型-Function类型

    函数是对象,每个函数都是Function类型的实例,函数名实际上也是一个指向函数对象的指针,不会与某个函数绑定。 ...

  • JavaScript之Function类型

    定义Function两种方式: 以上代码定义了变量sum并将其初始化为一个函数。后一个例子中,function关键...

  • JavaScript的函数

    JavaScript的函数 //第一种类型function App(){ return ( 1111111 ) }...

  • 前端开发面试题javascript

    1.javascript的typeof返回哪些数据类型 Object number function boolea...

  • 前端

    1.javascript的typeof返回哪些数据类型 object number function boolea...

网友评论

      本文标题:【javascript】Function类型的七点总结

      本文链接:https://www.haomeiwen.com/subject/wghjqttx.html