美文网首页
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

    1.函数,对象和类理解 在javaScript中定义一个函数的同时就相当于定义了一个同名的类,如 function...

  • 05.Object函数

    JavaScript函数是引用类型(对象类型),所以Function函数也是对象 2."Function构造函数"...

  • JavaScript - 函数 - 1

    #JavaScript 函数定义 JavaScript 使用关键字 function 定义函数。函数可以通过声明定...

  • 2018-05-18 原型链

    1:普通对象与函数对象 JavaScript分为普通对象和函数对象,通过new Function创建的对象都是函数...

  • JS 函数

    JavaScript 函数定义 JavaScript 使用关键字 function 定义函数。函数可以通过声明定义...

  • JavaScript 学习笔记继续篇

    JavaScript 函数定义 JavaScript 使用关键字 function 定义函数。函数可以通过声明定义...

  • 2019-04-29

    JavaScript 函数定义 JavaScript 使用关键字 function 定义函数。函数可以通过声明定义...

  • js原型与原型链

    一. 普通对象与函数对象 JavaScript 中,分为普通对象和函数对象,Object ,Function 是J...

  • JavaScript函数详解

    一、JavaScript函数定义 定义一个函数:JavaScript 使用关键字function 定义函数。当然,...

  • 箭头函数介绍

    ES6标准新增了一种新的函数:Arrow Function(箭头函数)。箭头函数与传统的JavaScript函数主...

网友评论

      本文标题:javaScript函数与Function

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