美文网首页
javaScript函数与Function

javaScript函数与Function

作者: 魂之挽歌w | 来源:发表于2018-01-11 16:36 被阅读7次

    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]得到参数的值

    相关文章

      网友评论

          本文标题:javaScript函数与Function

          本文链接:https://www.haomeiwen.com/subject/rwftoxtx.html