Javascript构造函数

     构造函数注意事项:

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏程序员互动联盟

【编程基础】Java Comparator接口的使用

在实际编程中我们经常会用到集合或者数组,有的时候你需要对这个集合中的元素就行排序,那这个时候就用到了Comparator接口,先看一下接口的原型: public...

3269
来自专栏GreenLeaves

JavaScript之面向对象学习一

1、通过Object构造函数和对象字面量来创建对象缺点:使用同一个接口创建很多的对象,会产生大量的重复代码。比如我需要创建人的对象,并且需要三类人,医生、工程师...

1646
来自专栏lgp20151222

BeanCopier使用说明

552
来自专栏别先生

Scala学习教程笔记二之函数式编程、Object对象、伴生对象、继承、Trait、

1:Scala之函数式编程学习笔记: 1:Scala函数式编程学习: 1.1:Scala定义一个简单的类,包含field以及方法,创建类的对象,并且调用...

2665
来自专栏用户3030674的专栏

java集合框架(hashSet自定义元素是否相同,重写hashCode和equals方法)

/*HashSet 基本操作 * --set:元素是无序的,存入和取出顺序不一致,元素不可以重复 * (通过哈希值来判断是否是同一个对象) * ---...

522
来自专栏平凡文摘

Comparable 与 Comparator 浅析

884
来自专栏ccylovehs

JavaScript 深入之从原型到原型链

在这个例子中, Person 就是一个构造函数,我们使用 new 创建了一个实例对象 person 。 很简单吧,接下来进入正题:

753
来自专栏java 成神之路

java.lang.Void 解析与使用

2725
来自专栏Janti

Java自定义注解

什么是注解: Annotation注解就Java提供了一种元程序中元素中的元素关联的任何信息和任何元数据(metadata)的途径和方法。 Annotion(注...

2535
来自专栏小樱的经验随笔

next_permutation(全排列算法)

 STL提供了两个用来计算排列组合关系的算法,分别是next_permutation和prev_permutation。首先我们必须了解什么是“下一个”排列组合...

2728

扫描关注云+社区