转载

深入理解javascript函数

函数实际上是对象,每个函数都是Function类型的实例,且与其他类型一样具有属性和方法.由于函数是对象,故函数名即为指向函数的指针,正是由于这一点,函数没有重载,重复定义函数只会后者替换前者.

函数的定义

函数的定义有三种:

  • 函数声明

function sum(num1,num2){ return num1+num2; }
  • 函数表达式

var sum=function(sum1,sum2){  return sum1+sum2; }
  • 使用Function构造函数(不推荐使用)

var sum=new Function('num1','num2','return num1 + num2;');

注: 函数声明和函数表达式的唯一区别是函数声明会提前.意即函数调用在函数声明之前可以正常运行.

作为值的函数

前面提到函数是对象,所以函数也可以作为参数值或返回值.

//作为参数 function callSomeFunction(someFunction,someArgument){ reuturn someFunction(someArgument); }  function add10(num){ return num+10; }  var result=callSomeFunction(add10,10); alert(result); //20  //作为返回值 function createCompareFunction(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;    }  } } 

函数内部属性

在函数内部有两个特殊对象: arguments this

arguments 是一个类数组对象,包含传入函数中的所有参数(这是其主要用途),除此之外,其还有一个callee的属性,该属性是一个指针,指向当前函数对象.

this 引用的是函数据以执行的环境对象.在调用函数之前,this的值是不确定的,当在全局对象中调用函数时,this引用的是全局对象window,当把函数赋值给某对象时,this指的是此对象.

window.color = "red"; function sayColor(){ alert(color); } sayColor(); //red  var o={color:'blue'}; o.sayColor = sayColor; o.sayColor();//blue

函数的属性和方法

  1. 属性

    length :函数希望接收的命名参数的个数.

    prototype :这是一个非常耐人寻味的属性,它保存着函数的实例方法,意即到通过函数实例化得到的对象可以访问prototype中的方法.此属性在自定义引用类型和实现继承很有用处.

  2. 方法

    apply call 这两个方法是函数的非继承方法.用途都是设置函数体内this对象的值.

apply 接收两个参数,第一个是运行函数的作用域,通俗的说就是将这个参数作为this指向的值.第二个参数是数组作为执行函数的参数.

function sum(num1,num2){ return num1+num2; } function callSum(num1,num2){ return sum.apply(this,arguments); } alert(callSum(10,10)); //20

call 接收的第一个参数也是运行函数的作用域,后面的参数也是传递给执行函数的参数,与 apply 不同的是,后面的参数并非数组,而是逐个列举出来的.

function sum(sum1,sum2){ return sum1+sum2; } function callSum(num1,num2){ return sum.call(this,num1,num2); } alert(callSum(10,10)); //20

构造函数

ECMAScript中的构造函数可以创建特定类型的对象.内置的构造函数(例如Array Object)会自动出现在执行环境中.构造函数的首字母应该以大写字母开头,从而区分非构造函数.要创建新的实例,必须使用new操作符,穿件新的实例会经历以下四个步骤:

  1. 创建一个新对象

  2. 将构造函数的作用域赋值给新对象(因此this指向这个新对象);

  3. 指向构造函数中的代码.

  4. 返回新对象

function Person(name,age,job){ this.name = name; this.age = age; this.job = job; this.sayName = function(){ alert(this.name); }; }  var person=new Person('Mr pu',24,'web developer'); 

构造函数与普通函数的区别在于构造函数在实例化时加了new关键字.其它地方完全一样.

重要提示 在通过构造函数实例化对象时,请勿把方法放在构造函数中,因为每个函数(在这里指方法方法)都是对象,每次实例化一个对象时这个对象中会保存每一构造函数中的方法,这是很影响性能的.解决办法是把这些方法放在prototype属性中.

正文到此结束
Loading...