JavaScript构造函数详解_javascript技巧

《JavaScript构造函数详解_javascript技巧》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、JavaScript构造函数详解构造函数就是初始化一个实例对象，对象的prototype属性是继承一个实例对象。构造函数注意事项：1・默认函数首字母大写2.构造函数并没有显示返回任何东西。new操作符会口动创建给定的类型并返回他们，当调用构造函数时，new会口动创建this对象，且类型就是构造函数类型。3.也可以在构造函数中显示调用return.如果返回的值是一个对象，它会代替新创建的对象实例返回。如杲返回的值是一个原始类型，它会被忽略，新创建的实例会被返回。functionPerson(name){this.name二name;}varpl=newPerso

2、nCJohn");等同于：functionperson(name){Objectobj二newObject();obj.name=name;returnobj;}varpl二person(〃John");4•因为构造函数也是函数，所以可以直接被调用，但是它的返回值为undcfinc,此时构造函数里而的this对象等于全局this对象。this.nameJt实就是创建一个全局的变量name。在严格模式下，当你补通过new调用Person构造函数会出现错误。<•Person{name:"John"}>pl.n<•undefined>varp2=Person(*Li

3、ly*);<■undefined>P2<•undefined>this.name<•"Lily">p2.nameO►UncaughtTypeError:Cannotreadproperty'namefofundefined(-)、I5.也可以在构造函数中用Object,defineProperty()方法来帮助我们初始化：functionPcrson(name){Object.defineProperty(this,〃name〃{get:function(){returnname;},set:function(ncwNamc){name=newName;},e

4、numerable:true,//可枚举，默认为falseconfigurable:true//可配置});}varpl二newPerson(5John');6.在构造函数屮使用原型对象//比直接在构造函数小写的效率要高的多Person.prototype.sayName=function(){console.log(this.name);};但是如果方法比较多的话，大多人会采用一种更简洁的方法：直接使用一个对象字面形式替换原型对象，如下：Person,prototype={sayName:function(){console・log(this・name);}

5、,toString:function(){return〃［Person〃+this.name+〃］〃;}}；这种方式非常流行，因为你不用多次键入Person,prototype,但有一个副作用你一定要注意：J5Q5U「IliutaLlkJIIlCIIUCIII1^0Y▼UPreservelog>plinstanceofPerson使用字面量形式改写了原型对彖改变了构造函数的属性，因此他指向Object而不是Person。这是因为原型对象具有一个constructor属性，这是其他对象实例所没冇的。当一个函数被创建时，它的prototype

6、属性也被创建，且该原型对象的constructor®性指向该函数。当使用对象字面量形式改写原型对象时，其constructor屈性将被置为泛用对象Object.为了避免这一点，需要在改写原型对彖的时候手动重置constructor,如下：Person.prototype={constructor:Person,sayName:function(){console.log(this.name);},toString:function(){return［Person"+this・n3me+"］〃}}；再次测试:pl.constructor===Pcrsontrue

7、pl.construetor二二二ObjectfalseplinstanceofPersontrue