1.函数,对象和类理解
在javaScript中定义一个函数的同时就相当于定义了一个同名的类,如
function Student(name,age){
this.age=age;
this.name=name;
this.type="student";
this.print=function(){
document.write(" "+this.name+this.age+ “ ”);
}
}
var s=new Student("whz",24);
在这里定义一个Student函数,同时也是一个类
2.prototype属性
Function的prototype属性保存着函数的原型对象,prototype在英语中是原型的意思,在这里属于Object的属性,所以每一个类都具有该属性
当我们的类中有固定的属性和方法时,我们用prototype来定义这样可以节省内存,简化代码
举例:
var xiaoming=new Student("xiaoming",22);
xiaoming.print();
var xiaohei=new Studnet("xiaohei",22);
xiaohei.print();
上面的代码中我们重复调用了type属性和print()方法,这两个属于每一Student对象共同的属性,方法,在javaScript中我们使用prototype来实现.。在该示例中每生成一个实例,都会重复生成type属性和eat( )方法从而浪费了内存。这时候,prototype(原型对象)就派上用场了。
举例:
function Student(name,age){
this.age=age;
this.name=name;
}
Student.prototype.type="student";
Student.prototype.print=function (){
document.write('sdfsdfsdfds");
}
在JavaScript中实例可继承prototype的属性和方法;也就是说:我们可把那些不变的属性和方法直接定义在prototype对象上
3.call()和apply()的使用
call( )和apply( )用于调用当前Function对象并与此同时改变函数内的this指针引用。换句话说:call( )和apply( )切换了函数执行时的上下文(this值)。call( )和apply( )是Function对象的方法,每个函数都能调用它们。先来瞅瞅call( )
var name="小明";
var boy={name:"大雄"};
function introduce(message){
document.writeln(message+",我的名字是"+this.name+" ");
}
introduce("hello");
introduce.call(this,"hello");
introduce.call(boy,"大家好");
输出结果大家应该能猜到了:hello,我的名字是小明
hello,我的名字是小明
大家好,我的名字是大雄
一般来说,this指的是window窗口,我们定义的this.name 和this.print方法都是属于window窗口的,可以看到,第二个this只是重复强调了一遍introduce方法中的this.name中的this为window窗口。
而第三个方法中我们用call将切换了this,将其改为boy,这样就相当于boy类中有了introduce方法
,可以想到事实上这就是javaScript中继承的雏形!!!!
apply( )与Function对象的call( )函数作用相同,只不过call( )函数是将Function对象的参数一个个分别传入,而apply( )函数是将Function对象的参数以一个数组或以arguments对象的形式整体传入。其余东西,不再赘述。
boy.apply(this,arguments);//可能会奇怪怎么会用类.apply()呢?要记住javaScript中函数就是类,类就是函数啊,这里是把boy当函数使用了
4、length属性
Function的length属性返回函数的输入参数的个数
5.arguments
Function的arguments代表正在执行的函数的内置属性,它包含了调用该函数时所传入的参数信息。例如:可使用arguments.length得到参数的个数;可利用arguments[index]得到参数的值。
网友评论