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属性的值只能是一个函数的引用
****************************************************************************