javascript对象初探(一)
- 作者: 五速梦信息网
- 时间: 2026年04月04日 13:37
我们可以通过构造器函数(简称构造函数)来创建对象:
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对象与数组
- 互联网
- 2026年04月04日
-
javascript多浏览器的兼容
javascript多浏览器的兼容
- 互联网
- 2026年04月04日
-
JavaScript多张图下载
JavaScript多张图下载
- 互联网
- 2026年04月04日
-
javascript动态创建script标签,加载完成后调用回调
javascript动态创建script标签,加载完成后调用回调
- 互联网
- 2026年04月04日
-
javascript动画系列第三篇——碰撞检测
javascript动画系列第三篇——碰撞检测
- 互联网
- 2026年04月04日
-
JavaScript从父页面获取子页面的值(子页面又如何访问父页面)
JavaScript从父页面获取子页面的值(子页面又如何访问父页面)
- 互联网
- 2026年04月04日






