javascript中的 object 和 function小结
在学习过传统的面向对象语言后,如javac++,转学javascript却有点不适应,特别是javascript中所谓的object(对象)function(函数),有时候会被搞晕。于是乎简单整理了下面的一些概念性的东西,方便学习和理解,会结合一点java面向对象的知识加以说明。
先了解几个概念:
1.首先Object在ECMAScripe中是指什么,在ECMAScripe中有5种简单数据类型:Undefined,Null,Boolean,Number,String.还有一种复杂数据类型,那就是Object.
2.引用类型---java中的类的概念
引用类型的值---java中对象的概念
3.函数----java中方法的概念
4.var---申明变量的一个操作符,因为js的变量是松散类型的,所谓松散就是可以用来保存任何数据,变量仅仅用来表示一个占位符而已,所以变量也不必指定什么String,int,直接var就可以了,注意对象可以用var声明.
5.Object(),是什么---java中Object的构造方法,js中Object的构造函数。
Object
js是可以动态的添加属性和方法的。
比如创建一个Object实例
varobj=newObject();
变量obj就是newObject()的对象。
接下来:
varobj=newObject();
obj.name='Zeng';
obj.age=12;
obj.fun=function(){
console.log(this.name+this.age);
}
但这样封装性不太好,所以比较经常使用的是对象字面量表示法
varobj={
name:'Zeng',
age:12,
fun:function(){
console.log(this.name+this.age);
}
}
obj.fun();//打印出:Zeng12
对象属性的访问:
1,采用 中括号
console.log(obj["name"]);
2,采用 点,建议采用此方式
console.log(obj.name);
function
函数对于任何语言来说都是重要的一部分,函数是js的叫法,你也可以理解为就是java的方法,c语言的函数,都一样的。不过在申明和使用上,js的函数可很大不同。
函数的一个示例:
functionfun(){
return"例子";
}
console.log(fun());//输出:‘例子'
还可以这样:
varfun=function(){
return"使用表达式创建函数"
};
console.log(fun());//输出:"使用表达式创建函数"
上面例子你会注意到函数没有函数名,只有一个变量名fun,表达式尾部还有一个;分号,
你可以把它当作声明一个变量的表达式就好理解了,声明其它变量是这么写的:
varname="Zeng";//有变量名,还有分号
来一个带参数的例子:
functionfun(){
returnarguments[0]+arguments[1]+arguments[2];
}
console.log(fun("这是","一个","例子"));//输出:“这是一个例子”
是不是有点奇怪,首先我创建的函数没有带参数的,在调用的时候有给参数,在函数里面也能获得参数并返回。
其实这里是要说明一点,js函数不介意传递进来几个参数,也不在乎参数是什么类型!原因是函数内部接收参数是用一个数组来储存的!
数组也就是上面的arguments,数组当然不介意你传几个参数进来,有参数我加一,没参数我就是null。
咱们可以利用这个特性做个例子:
模仿方法的重载--利用参数个数的不同执行不同反应
functionfun(){
if(arguments.length==1){
returnarguments[0]*10;
}
if(arguments.length==2){
return(arguments[0]+arguments[1])*10;
}
return10;
}
console.log(fun(11,111));//返回1220!!!!
没有重载:
上面例子是模仿函数的重载,为什么要模仿呢,我自己创建几个不同参数的函数不久可以了。
functionfun(num1){
return"只有一个参数的函数"
}
functionfun(num1,num2){
return"有两个参数的函数";
}
console.log(fun(11));//输出“有两个参数的函数”
明明调用的是带一个参数的函数,执行的确是带两个参数的函数。原因:js定义了两个相同名字的函数,该名字只属于后定义的函数!!!所以在js中没有重载这一特性。
函数名是指针:
varfun=function(num1,num2){
returnnum1+num2;
};
varnew_fun=fun;
fun=null;//将函数置null
console.log(new_fun(10,20));//输出:30
console.log(fun(10,20));//抛出异常:funisnotafunction
可看出尽管fun=null;但在此之前varnew_fun=fun;也就是指针也指向了new_fun了,所以new_fun()函数还能执行,并且函数体没有置null
函数也可以作为值来使用:
functionadd(fun,num){
returnfun(num);
}
functionadd_10(num){
returnnum+10;
}
console.log(add(add_10,200));//输出:210
可以这么解释:
functionadd(函数,参数){
return函数(传递过来的参数);
}
函数的arguments.callee
这是一个递归的示例
functionfun(num){
if(num<=1){
console.log(num);
return1;
}else{
console.log(num);
returnnum*arguments.callee(num-1);
}
}
console.log(fun(3));//输出6