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
目录
相关文章
|
1天前
|
JavaScript 前端开发
js教程——函数
js教程——函数
12 4
|
21天前
|
JavaScript 前端开发 安全
JavaScript函数详解
JavaScript函数的详细解析,包括函数的定义和调用方式(如一般格式、匿名函数、构造函数、自调用函数、箭头函数和严格模式)、函数参数(arguments对象、可变参数、默认参数值)、闭包的概念和应用实例。
JavaScript函数详解
|
3天前
|
JavaScript 前端开发 Java
【javaScript数组,函数】的基础知识点
【javaScript数组,函数】的基础知识点
14 5
|
3天前
|
JavaScript 前端开发
Node.js 函数
10月更文挑战第5天
10 3
|
6天前
|
前端开发 JavaScript
探索JavaScript函数基础
探索JavaScript函数基础
13 3
|
8天前
|
JavaScript 前端开发
在JS中如何声明一个函数
在JS中如何声明一个函数
12 2
|
20天前
|
JavaScript 前端开发
JavaScript函数可以返回两个值
JavaScript函数可以返回两个值
|
20天前
|
自然语言处理 分布式计算 JavaScript
JavaScript函数
JavaScript函数
|
1月前
|
JSON JavaScript 前端开发
JavaScript第五天(函数,this,严格模式,高阶函数,闭包,递归,正则,ES6)高级
JavaScript第五天(函数,this,严格模式,高阶函数,闭包,递归,正则,ES6)高级
|
23天前
|
JSON JavaScript 数据格式
手写JS实现深拷贝函数
本文介绍了如何实现一个深拷贝函数`deepClone`,该函数可以处理对象和数组的深拷贝,确保拷贝后的对象与原始对象在内存中互不干扰。通过递归处理对象的键值对和数组的元素,实现了深度复制,同时保留了函数类型的值和基础类型的值。
18 3