Javascript 对象 (三)

This

var hero = {
    name : 'Rafaelo',
    sayName : function(){
       return this.name;
  }
}
 hero.sayName();//Rafaelo

var hero = {
   name : 'Rafaelo',
   sayName : function(){
      return this.name;   
  }
}
hero.sayName();//Rafaelo

 this的意思就是这个对象的意思,关于this的复杂问题以后在讨论。

 

构造函数(Constructor Functions)

另一种创建对象的方式是用构造函数，直接看例子

function Hero(){
   this.name ='Refaelo';
}

function Hero(){
  this.name ='Refaelo';
}

var hero = new Hero();

hero.name;//Refaelo

这种方式的好处在于创建个对象的时候可以传入参数

function Hero(name){
     this.name = name;
     this.whoAreYou = function(){
         return this.name;
    }
}

 var hi = new Hero('nicholas');
 hi.whoAreYou();//nicholas

function Hero(name){
    this.name = name;
    this.whoAreYou = function(){
        return this.name;
    }
}

var hi = new Hero('nicholas');
hi.whoAreYou();//nicholas

 要注意的时候，不要丢点 new 操作符。。。

全局对象

上几节我们说过全局变量的事情，已经说过了我们要尽量避免使用全局变量，当我们学过对象的时候，我们在看看全局变量究竟怎么回事，其实全局变量就是全局对象一个属性了。如果主机的环境是web浏览器，全局变量就是window。

如果我们定义 var a = 1;

我们可以这么理解

• 一个全局变量a
• 做为window的一个属性a.我们可以这么调用window.a或者window['a']

再看看预定义函数的parseInt('123 m');我们可以写为window.parseInt('123 m');

 

constructor 属性

对象建立之后，后台有创建了个隐藏属性，constructor.

h2.constructor;//Hero(name)

因为constructor的属性是对函数的引用。如果你不关心h2对象是由什么创建的，而只关心创建一个新的对象和h2相似就用如下写法

var h3 = h2.constructor('Nicholas');
 h3.name ;//Nicholas

var h3 = h2.constructor('Nicholas');
h3.name ;//Nicholas

 

我们来看看如下写法的意思

var o = {};
 o.constructor;//Object()
 typeof o.constructor;//"functions"

var o = {};
o.constructor;//Object()
typeof o.constructor;//"functions"

其实就是隐藏了 new Object() ,更深的层次应用以后几个教程在说明。

 

instanceof 操作符

用instanceof来判断对象是否是指定的构造函数创建的。

function Hero(){
}
 var h = new Hero();
 var o = {};
 h instanceof Hero;//true
 h instanceof Object;//false
 o instanceof Object;//true

function Hero(){
}
var h = new Hero();
var o = {};
h instanceof Hero;//true
h instanceof Object;//false
o instanceof Object;//true

 要注意的是instanceof 后面的是个引用 不是个函数 如错误写法 h instanceof Hero();//错误