你的位置:首页 > Java教程

[Java教程]JavaScript之Function类型


一.如何创建函数

    三种方式:

  //1.函数声明  function sum(num1,num2){    return num1+num2;  }  //2.函数表达式  var sum = function(num1,num2){    return num1+num2;  }  //3.使用new关键字,创建Function类型的实例  var sum = new Function("num1","num2","return num1+num2;");  console.log(sum(1,2));//3

 

二.理解“函数是对象,函数名是指向该对象的指针!”

  //1.深入理解:函数是对象,函数名是指向该对象的指针!js里面对象都是引用类型(类似指针,都是指向一个内存)  function sum(num1, num2) {    return num1 + num2;  }  var anotherSum = sum;//绑定function(num1,num2){}函数对象  sum = null;//解除sum同function(num1,num2){}函数对象的绑定  console.log(anotherSum(1, 2));//3  //2.JS中函数名为绑定函数的引用,一个引用只能绑定一个函数对象,所以JS中函数没有重载!  function echo() {    return 4;  }  function echo(num) {    return num;  }  console.log(echo());//undefined,echo绑定function(num){return num;}函数对象了  //3.函数声明提升  console.log(abc());//abc  function abc() {    return "abc";  }

 

三.函数内置对象

每个函数内部都有两个内置的对象(并非属性!):arguments和this

arguments.callee为指向该函数对象的指针

this:链接 http://www.cnblogs.com/ZHeGeS/p/4715570.html

 

四.函数固有的属性和方法

1: caller属性

caller(保存调用当前函数的函数的引用),即调用者的引用。如果在全局作用域中调用当前函数,它的值为null

2: prototype属性

链接:http://www.cnblogs.com/ZHeGeS/p/4870332.html

3:call和apply方法

每个函数都包含两个非继承而来的方法:apply和call(在特定作用域中调用函数,等同于设置函数体内this对象的值)

用法:

call(thisObj,var1,var2,var3)

apply(thisObj,[var1,var2,var3]/arguments)

区别(体现在参数):

call要逐个填入参数、apply不仅可以直接传入参数数组而且可以把当前函数的arguments对象传入!

call/apply真正强大的地方在于:扩充函数赖以运行的作用域的同时,不需要与方法有任何耦合关系!

 

例1.通过耦合的方式扩充作用域:

var name = "ZheG"function echoName(){  alert(this.name);}var echo = {  name:"sansan",  echoName:echoName}echoName();//"ZheG"echo.echoName();//"sansan"

例2.采用apply/call通过解耦的方式扩充作用域:

var name = "ZheG"function echoName(){  alert(this.name);}var echo = {  name:"sansan"}echoName();//"ZheG"echoName.call(echo);//"sansan"alert(echo.echoName);//undefined,可知echoName和对象echo没有任何关系了!

例3.

  $(".login-button:first").click(function(){    $(this).attr("buttonName","loginBtn");    echoBtnName();//由于当时作用域中的this为windows,所以打印undefined    echoBtnName.call(this);//扩展echoBtnName作用域,使得this为当前点击Dom对象,打印“loginBtn”  });  function echoBtnName(){    //alert(this.buttonName);this只能获得原生的Dom属性,无法获得自定义的属性!    //alert(this.tagName);//获得标签名称    alert($(this).attr("buttonName"));//alert($(this).attr("buttonname"));也可以  }