们可以通过构造器函数(简称构造函数)来创建对象:

function Her(){
    this.child = 'Jon';
}

为了使用该函数来创建对象,我们需要使用new操作符,例如:

var she = new Hew();
she.child; // Jon

使用构造函数创建对象的好处就是她可以接受一些参数,下面我们就来修改一下上面的例子:

function Her(name){
    this.name = name;
    this.child = 'Jon;
    this.whoAreYou = function(){
        return 'I am' + this.name + 'My child is' + this.child;
    }
}

现在,我们就能利用同一个构造函数创建不同的对象了:

var her1 = new Her('A');
var her2 = new Her('B');

按照惯例,我们应该将构造函数的首字母大写,以便区分一般函数。

如果我们在调用一个构造函数的时候忽略了new操作符,尽管代码不会出错但她的运行结果往往会出人意料!

var a = Her('A');
console.log(typeof a);  // undefined

由于我们没有使用new操作符,那我们就不是在创建一个新的对象。这个函数调用与其它函数并没有神马区别,这里的a就应该是函数的返回值,由于Her()函数没有显式的返回值(return关键字返回),所以说便隐式的返回了undefined,并将该值赋给了a。

那么这时候的this指向的是谁呢?答案是window.

当我们创造对象的时候,实际上同时也赋予了该对象的一种特殊的属性---即构造器属性(constructor prototype)。该属性实际上是一个指向用于创建该对象的构造器函数的引用。

function Her(){
   this.name = 'Anna';
}
var she = new Her();
cosole.log(she.constructor);
// function Her(){
//    this.name = 'Anna';
//}

当然,由于构造器函数引用的是一个函数,因此我们可以利用她来创建另一个新对象:

var her2 = new Her.constructor()

大意就是:‘无论对象her2有没有被创建,我们都可以用她来创建另一个对象’。

另外,如果对象是通过‘{}’这种方式被创建的,那么实际上她就是由内建函数Object()函数所创建的:

var o = {};
console.log(o.constructor);
//function Object(){}
console.log(typeof o.constructor)
// function

instanceof 操作符

可以测试某个对象是不是由某个指定的构造函数创建的。

function Hero(){};
var h = new hero();
var o = {};
cosole.log(h instanceof Hero) //true

请注意,这里的函数名Hero后面没有加(),因为这是函数的引用而不是调用。

javascript对象初探(一)--- 构造器函数的更多相关文章

  1. javascript 对象初探 (四)--- 内建对象之旅之Array

     我们不要去纠结神马是内建对象,神马是內建构造器.到后来你们便会发现其实她们都是对象. Array()是一个构建数组的內建构造器函数: var arr = new Array(); 与下面的是等效的: ...

  2. javascript 对象初探 (三)--- 传递/比较对象

    传递对象 当我们拷贝某个对象或者将对象传递给某个函数时,往往传递的都是该对象的引用.因此我们在该对象的引用上做任何改动,实际上都会影响到引用的原对象. var she = {num:1}; var h ...

  3. javascript 对象初探(二)--- 返回对象的函数

    除了使用new操作符调用构造函数以外,我们也可以抛开new操作符,只用一般函数来创建对象,这样就能执行某些预备工作,并已对象为返回值的函数.. function her(){ return { nam ...

  4. javascript对象初探 (五)--- 函数对象的属性

    与其他对象相同的是,函数对象中也有一个叫做constructor的属性,其引用就是Function()这个构造函数. function her(a){ return a; } console.log( ...

  5. javascript 对象初探 (六)--- call()和apply()初探

    在javascript中,每个函数都具有call()和apply()两个方法,您可以用她们来触发函数,并指定相关的调用参数. 此外,这两个方法还有另一个功能,就是她可以让一个对象去‘借用‘另一个对象的 ...

  6. javascript 对象初探 (四)--- 内建对象之旅之Boolean

    var a = new Boolean() 我们要明白一点在这里的b是一个对象而不是一个基本数据类型的布尔值.如果想将b转化成基本数据类型的布尔值,我们可以调用她的valueof()方法(继承自Obj ...

  7. 24 JavaScript对象访问器&JavaScript对象构造器

    ES5引入了Getter和Setter Getter和Setter允许定义对象访问器 JavaScript Getter(get关键字):获取对象属性 <script> var perso ...

  8. javascript——对象的概念——创建对象与销毁对象

    一.创建对象 1.创建空对象 方式一: var o ={};o; //Object {} typeof(o); //"object" 方式二: var o=new Object() ...

  9. 在 JavaScript 中使用构造器函数模拟类

    今天,我们要讲的是在 JavaScript 中使用构造器函数(construcor function)模拟类. 构造器函数简介 你可以使用 ES6 的 class 关键字来实现类,不过我建议你使用传统 ...

随机推荐

  1. SharePoint Server 2013开发之旅(三):为SharePoint Server配置App开发、部署、管理环境

    上一篇我讲解了如何利用微软提供的Office 365开发人员网站,进行在线的SharePoint App开发,这当然是不错的一个选择,因为你可以快速地进行开发和调试.(仅仅针对App开发而言).但是, ...

  2. MySQL的学习--用户创建授权

    前一段时间,将项目改成SAAS的架构,每个billing account都可以获得一个子域,一个单独的数据库,一个单独的数据库用户和对应数据库的权限. 现在有时间了,将数据库相关的命令用博客备份一下. ...

  3. [转载]基于TFS实践敏捷-修复Bug和执行代码评审

    本主题阐释了这些功能,以继续这一关注虚拟敏捷团队成员的一天的教程. Peter 忙于编写一些代码以完成积压工作 (backlog) 项任务.但是,他的同事发现了一个阻碍他们工作的 Bug,他想立即修复 ...

  4. 开发人员看测试之运行Github中的JBehave项目

    本文要阐述的主要有两点,一是介绍自动化测试框架JBehave,二是介绍如何在Github上拉项目,编译成myeclipse环境中的项目,并最终导入Myeclipse中运行. JBehave是何物? J ...

  5. SQLServer学习笔记系列5

    一.写在前面的话 转眼又是一年清明节,话说“清明时节雨纷纷”,武汉的天气伴随着这个清明节下了一场暴雨,整个城市如海一样,朋友圈渗透着清明节武汉看海的节奏.今年又没有回老家祭祖,但是心里依然是怀念着那些 ...

  6. oracle创建表相关

    --创建表 create table person( id number primary key, name ), birth date ); --创建序列 create sequence perso ...

  7. excel日期格式转换为文本格式

    今天测试读取excel并修改数据库数据的时候遇到几个小问题. 1.空指针,读写io异常蛮多的,获取不到的数据就是null 2.读取文件位置,开始找不到文件 3.读取日期格式结果是一个数值,因此需要转化 ...

  8. C# 可空值类型

    一个值类型永远不可能为null,但是当数据库中的某列数据允许为空时,或者另一种语言中的数据类型(引用类型)对应C#的是值类型,当需要和另外的语言交互时,就有可能需要处理空值的问题. 所以,CLR中引用 ...

  9. jquery 进阶

    1.0 jquery的ajax同步和异步区别 2.0 cdnjquery加载失败加载本地 <script type="text/javascript" src="/ ...

  10. 年薪10w和年薪100w的人,差在哪里?

    职场10年,为什么有人已经当上了董事总经理,而有的人还是资深销售经理? 出道10年,为什么有人已经当上了主编.出版人,而有的人还是资深编辑? 打拼10年,为什么有人已经身价数十亿美金,而有的人还在为竞 ...