javascript对象初探(一)--- 构造器函数
我们可以通过构造器函数(简称构造函数)来创建对象:
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对象初探(一)--- 构造器函数的更多相关文章
- javascript 对象初探 (四)--- 内建对象之旅之Array
我们不要去纠结神马是内建对象,神马是內建构造器.到后来你们便会发现其实她们都是对象. Array()是一个构建数组的內建构造器函数: var arr = new Array(); 与下面的是等效的: ...
- javascript 对象初探 (三)--- 传递/比较对象
传递对象 当我们拷贝某个对象或者将对象传递给某个函数时,往往传递的都是该对象的引用.因此我们在该对象的引用上做任何改动,实际上都会影响到引用的原对象. var she = {num:1}; var h ...
- javascript 对象初探(二)--- 返回对象的函数
除了使用new操作符调用构造函数以外,我们也可以抛开new操作符,只用一般函数来创建对象,这样就能执行某些预备工作,并已对象为返回值的函数.. function her(){ return { nam ...
- javascript对象初探 (五)--- 函数对象的属性
与其他对象相同的是,函数对象中也有一个叫做constructor的属性,其引用就是Function()这个构造函数. function her(a){ return a; } console.log( ...
- javascript 对象初探 (六)--- call()和apply()初探
在javascript中,每个函数都具有call()和apply()两个方法,您可以用她们来触发函数,并指定相关的调用参数. 此外,这两个方法还有另一个功能,就是她可以让一个对象去‘借用‘另一个对象的 ...
- javascript 对象初探 (四)--- 内建对象之旅之Boolean
var a = new Boolean() 我们要明白一点在这里的b是一个对象而不是一个基本数据类型的布尔值.如果想将b转化成基本数据类型的布尔值,我们可以调用她的valueof()方法(继承自Obj ...
- 24 JavaScript对象访问器&JavaScript对象构造器
ES5引入了Getter和Setter Getter和Setter允许定义对象访问器 JavaScript Getter(get关键字):获取对象属性 <script> var perso ...
- javascript——对象的概念——创建对象与销毁对象
一.创建对象 1.创建空对象 方式一: var o ={};o; //Object {} typeof(o); //"object" 方式二: var o=new Object() ...
- 在 JavaScript 中使用构造器函数模拟类
今天,我们要讲的是在 JavaScript 中使用构造器函数(construcor function)模拟类. 构造器函数简介 你可以使用 ES6 的 class 关键字来实现类,不过我建议你使用传统 ...
随机推荐
- Testing - 测试基础 - 分类
对软件内部结构的深入程度 黑盒测试:又叫功能测试.数据驱动测试或基于需求规格说明书的功能测试. 白盒测试:又称结构测试.逻辑驱动测试或基于程序代码内部构成的测试. 灰盒测试:包含性能测试.自动化测试. ...
- Android 网络通信API的选择和实现实例
Android开发网络通信一开始的时候使用的是AsyncTask封装HttpClient,没有使用原生的HttpURLConnection就跳到了Volley,随着OkHttp的流行又开始迁移到OkH ...
- 2015年,从毕业到工作的几点感悟(Android开发新人)
锄禾日当午,汗滴禾下土. 2015年,从毕业到工作的几点感悟(Android开发): 多用三方类库:(成长经验:尽量不要自己手动实现网络上已经有的优秀开源类库的功能,例如: 网络请求:常见 ...
- 使用AsyncTask异步更新UI界面及原理分析
概述: AsyncTask是在Android SDK 1.5之后推出的一个方便编写后台线程与UI线程交互的辅助类.AsyncTask的内部实现是一个线程池,所有提交的异步任务都会在这个线程池中的工作线 ...
- 重读 code complete 说说代码质量
重读code complete 说说代码质量 2014年的第一篇文章本来计划写些过去一年的总结和新年展望,但是因为还有一些事情要过一阵才能完成,所以姑且不谈这个,说说最近重读code complete ...
- Windows Azure Virtual Machine (28) 使用Azure实例级别IP,Instance-Level Public IP Address (PIP)
<Windows Azure Platform 系列文章目录> 本文介绍的是国内由世纪互联运维的Azure China 熟悉Azure平台的读者都知道,我们在使用Azure Virtual ...
- Elasticsearch 数据搜索篇·【入门级干货】
ES即简单又复杂,你可以快速的实现全文检索,又需要了解复杂的REST API.本篇就通过一些简单的搜索命令,帮助你理解ES的相关应用.虽然不能让你理解ES的原理设计,但是可以帮助你理解ES,探寻更多的 ...
- Struts2 源码分析——过滤器(Filter)
章节简言 上一章笔者试着建一个Hello world的例子.是一个空白的struts2例子.明白了运行struts2至少需要用到哪一些Jar包.而这一章笔者将根据前面章节(Struts2 源码分析—— ...
- 前端scss的使用及gulp发布方式
如标题所述,这篇博文是说scss以及gulp发布方式: 如果你没用过scss和gulp或不甚了解,你可以看看这篇博文,叙说的水平有限,各位看官大神见谅: 说scss之前,先来说说sass,sass是一 ...
- 使用Graphviz绘图(一)
前言 日常开发或者编写课程论文时,除了代码文档的编写,其中一个很重要的部分就是需要绘制流程图.示意图 绘制流程图有很多工具,一般常见的就有如下几种: Word.PPT等办公软件 Viso以及开源的Di ...