Javascript构造函数

简介: 构造函数注意事项: 1.默认函数首字母大写 2.构造函数并没有显示返回任何东西。new 操作符会自动创建给定的类型并返回他们,当调用构造函数时,new会自动创建this对象,且类型就是构造函数类型。
+关注继续查看
     构造函数注意事项:
1.默认函数首字母大写
2.构造函数并没有显示返回任何东西。new 操作符会自动创建给定的类型并返回他们,当调用构造函数时,new会自动创建this对象,且类型就是构造函数类型。
3.也可以在构造函数中显示调用return.如果返回的值是一个对象,它会代替新创建的对象实例返回。如果返回的值是一个原始类型,它会被忽略,新创建的实例会被返回。
         function Person( name){
                this.name =name;
            }
            
              var p1=new Person('John');
等同于:
          function person(name ){
                Object obj =new Object();
                obj.name =name;
                 return obj;
            }
             var p1= person("John");
4.因为构造函数也是函数,所以可以直接被调用,但是它的返回值为undefine,此时构造函数里面的this对象等于全局this对象。this.name其实就是创建一个全局的变量name。在严格模式下,当你补通过new 调用Person构造函数会出现错误。
 
5.也可以在构造函数中用Object.defineProperty()方法来帮助我们初始化:
               function Person( name){
                Object.defineProperty(this, "name"{
                    get :function(){
                         return name;
                    },
                     set:function (newName){
                        name =newName;
                    },
                    enumerable :true, //可枚举,默认为false
                     configurable:true //可配置
                 });
            }
            
             var p1=new Person('John');
6.在构造函数中使用原型对象
          //比直接在构造函数中写的效率要高的多
             Person.prototype.sayName= function(){
                 console.log(this.name);
            };
但是如果方法比较多的话,大多人会采用一种更简洁的方法:直接使用一个对象字面形式替换原型对象,如下:
          Person.prototype ={
                sayName :function(){
                     console.log(this.name);
                },
                toString :function(){
                     return "[Person "+ this.name+"]" ;
                }
            };
这种方式非常流行,因为你不用多次键入Person.prototype,但有一个副作用你一定要注意:
使用字面量形式改写了原型对象改变了构造函数的属性,因此他指向Object而不是Person。这是因为原型对象具有一个constructor属性,这是其他对象实例所没有的。当一个函数被创建时,它的prototype属性也被创建,且该原型对象的constructor属性指向该函数。当使用对象字面量形式改写原型对象时,其constructor属性将被置为泛用对象Object.为了避免这一点,需要在改写原型对象的时候手动重置constructor,如下:
              Person.prototype ={
                constructor :Person,
                
                sayName :function(){
                     console.log(this.name);
                },
                
                toString :function(){
                     return "[Person "+ this.name+"]" ;
                }
            };
再次测试:
p1.constructor===Person
true
 
p1.constructor===Object
false
 
p1 instanceof Person
true
目录
相关文章
|
21天前
|
JavaScript 前端开发 Java
JavaScript 高级2 :构造函数和原型
JavaScript 高级2 :构造函数和原型
47 0
|
3月前
|
JavaScript
JS 构造函数在 new 时做了啥?
JS 构造函数在 new 时做了啥?
26 0
|
3月前
|
JavaScript 前端开发
JavaScript:构造函数
JavaScript:构造函数
85 0
|
6月前
|
JavaScript 前端开发
【JS精粹】原型链继承和构造函数继承的 “毛病”
先从面向对象讲起,本瓜认为:面向对象编程,它的最大能力就是:复用! 咱常说,面向对象三大特点,封装、继承、多态。
|
6月前
|
前端开发 JavaScript
web前端-JavaScript构造函数创建对象
web前端-JavaScript构造函数创建对象
56 0
|
8月前
|
JavaScript 前端开发
【JavaScript】24_面向对象中的方法和构造函数
# 4、方法 ```html <script> class Person{ name = "孙悟空" // sayHello = function(){ // } // 添加方法的一种方式 sayHello(){ console.log('大家好,我是' + this.name) } // 添加方法(实例方法) 实例方法中this就是当前实例 static test
49 0
|
8月前
|
JavaScript
js基础笔记学习107-构造函数
js基础笔记学习107-构造函数
36 0
js基础笔记学习107-构造函数
|
9月前
|
JavaScript
重温js——构造函数基础
在上面的代码中,我们可以创建多个对象,使用函数的方式来创建的对象。(但是这两个对象是不一样的,每一次都创建一个新的对象)可以方便许多,除了上面的方法外,还有一种构造函数的方式来创建对象。
重温js——构造函数基础
|
9月前
|
JavaScript 前端开发 容器
JavaScript的类和构造函数
JavaScript的类和构造函数 前面一篇博客,我们说到了对象,总结一下就是对象是包含属性和方法的容器。当然说到对象有个问题绕不过,那就是类,当然在es5里边并没有类的概念,但是在这里边有构造函数,可以创建类似于类的函数,说到类我们要知道,类是一种抽象的概念,类似于工厂,模板。然后对象是一具体的一个实例,当然对象可以是类的一个具体实例。接下来接单的说一下“类”和构造函数。 // 对象是指 具体到一个实体 // 类 是抽象的概念 模板 工厂 // 类名一般要大写 // 语法:function 类名(){ // 类的属性和方法(构造
|
9月前
|
JavaScript 前端开发
【JavaScript】面向对象——构造函数(详解)
【JavaScript】面向对象——构造函数(详解)
69 0
相关产品
云迁移中心
推荐文章
更多