JavaScript——函数

来源:互联网 发布:三国乱世战车升级数据 编辑:程序博客网 时间:2024/05/20 05:59

JavaScript
函数
 JavaScript并不是面向对象的,JS的函数有点像Java的方法,但并不一样
 在Java里,类是一等公民,类就是可以独立存在的程序单元。
 在JavaScript里,函数是一等公民,函数是可以独立存在的程序单元
  函数永远都是独立存在的。既即使把它定义在一个类中,它也是独立存在的
定义函数的方法
 第一种:(基本不用)
  function 函数名(p1,p2)
  {
   //函数执行体
   returnp1*p2;
  }
 第二种:用function定义匿名函数——这个语法十分常用
  function (p1,p2)
  {
   returnp1*p2;
  }
  只要一个变量引用的是对象,它就是Object的实例(除去基本数据类型)
  只要一个变量应用的是函数对象,它就是Function的实例
 第三种:可以调用Function的构造器来创建函数
  newFinction(p1,p2,p3,...pN)
  前面的p1,p2,p3,...pN-1这些形参将会作为新创建函数的形参列表
   而pN就是该函数的函数执行体
  这种语法繁琐之处在于:设置函数执行体是,程序代码很难传入。

调用函数的方式:
 第一种:
  调用者.函数名(参数列表);
  //调用者可以省略
 第二种:
  函数名.call(调用者,参数列表)
 第三种:
  函数名.apply(调用者,arguments)
  //call与apply的本质一样,只不过apply可以通过arguments来访问当前函数的参数


  call是一个特殊用法,apply也是一个特殊的用法

  xxx是一个函数,调用xxx函数有3个写法:

  调用者.xxx(p1,p2,p3)
  =xxx.call(调用者,p1,p2,p3)
  =xxx.apply(调用者,arguments)
  例:
   functiontest()
   {
    alert("简单的函数"); 
   }
   test();
   window.test();
   test.call(window);
  例:
   vara=30;
   functiontest()
   {
    alert("简单的函数,a的值是"+a);
    //如果a变为this.a只搜索当前对象 
   }
   test();
   window.test();
   test.call(window);

   var o=newObject();
   test.call(o);//等价o.test();
   //先搜索主调对象中的变量,主调对象搜索完后,搜索主调对象所在的对象,    直到搜索到window对象
  例:
   varmyfun=function(a,b)
   {
    alert("a的值"+a);
    alert("b的值"+b); 
    this.test=a+b;
   }
   myfun(12,4);//window为调用者,所以window.test有值
   alert(window.test);

   var o=newObject();
   myfun.call(o,12,23);//o为主调
   alert(window.test);//16
   alert(o.test);//35
  例:
   function(x,y)
   {
   }(12,3);
   等价
   vara=function(x,y)
   {
   };
   a(12,3);
  例:
   varmyfun=function(a,b)
   {
    alert("a的值"+a);
    alert("b的值"+b); 
    this.test=a+b;
   }
   var o=newObject();
   myfun.call(o,12,23);//o为主调
   vara=function(x,y)
   {
    myfun.apply(o,agruments);
   };
   a(2,3);


函数的功能:(Function定义的既是一个函数,也是一个类,同时也是这个类的构造器)
 1.函数就当成一个函数来使用
 2.函数可以当成类用
  定义一个函数,产生了一个函数,一个类,为该类创造了一个构造器
  只用你定义了一个JS函数的时候,同时就产生了一个JS类。因此可通过new来调用它的构造器
   //把函数当成类使用时,函数里的变量可分为
  1.类变量:以函数名作为前缀的变量就是类变量
  2.实例变量:以this作为前缀的变量就是实例变量
   3.局部变量:不使用前缀,或者使用var修饰
 3.函数可当成类的方法
   函数依然是独立存在的
****************************************************************************  
var的作用:(表明申明一个新的变量)
 大部分时,JavaScript脚本可以省略var
 但是,某些时候,如果我们要强调是新声明了一个变量,那就必须使用var修饰

 用var和不用var的区别:
 如果不用var:
  1.如果上下文中该变量存在,直接用已有的变量;
  2.如果上下文中变量不存在,才声明一个变量。
 用var,表明声明一个新的变量

this前缀的作用:
 当在函数里访问一个变量时,
 —如果使用this.前缀
  程序只搜索主钓对象里是够包含该实例变量,如果不存在,当成undefined处理
 —如果没有this.前缀
   A.程序会先搜索当前函数中是否存在该局部变量
  B.如果A搜索不存在,程序会搜索主调对象中是否存在该实例变量
  C.如果B搜索还不存在,才程序会先搜索主调对象所在的对象中是否存在该局部变量
    一直向上,知道window对象为止
**************************************************************************** 
 

****************************************************************************  
最主要的绑定事件监听的方法:
 1.在HTML标签的onxxx属性来设置 
   此时onxxx属性的值可以是一条或者多条JS语句
 2.通过DOM对象的onxxx属性来设置
   此时onxxx属性的值只能是一个函数的引用
****************************************************************************  

 

0 0