《编写高质量代码--改善JavaScript程序的188个建议》学习记录（五）-CSDN博客

2019独角兽企业重金招聘Python工程师标准>>>

Js中的对象
（一）原型：
在JavaScript中，对象是没有原型的，只有构造函数拥有原型，而构造类的实例对象都能通过prototype属性访问原型对象。
在JavaScript中，对象应该是类（class）和实例（instance）的关系演化。类是对象的模型化，而实例则是类的特征具体化，类包含很多概念类型，如元类，超类，泛类和类型等。
例如：
function Class(type){
   this.type = type;
}
var instance1 = new Class("instance1");
var instance2 = new Class("instance2");
使用instanceof运算符可以验证它们之间的关系：
alert(instance1 instanceof Class); //true
alert(instance2 instanceof Class); //true
instance1 和instance2都是对象，但是Class构造函数不是它们唯一的类型，Object也是它们的类型
alert(instance1 instanceof　Object); //true
alert(instance2 instanceof Object); //true
Object 比 Class类型更加抽象，它们之间属于一种继承关系。
alert(Class instanceof Object); //true
但是instance1和instance2对象不是Function构造函数的实例，这说明它们之间没有直接关系
alert(instance1 instanceof Function); //false
alert(instance2 instanceof Function); //false
而Object和Function之间的关系非常微妙，它们都是高度抽象的类型，互相为对方的实例
alert(Object instanceof Function);//true，说明Object对象是Function函数的实例
alert(Function instanceof Function);//true，说明Function函数是Object对象的实例
Obj与Function同时也是两个不同类型的构造器，下面的代码可以很好展示它们之间的差异
var f = new Function();
var o = new Object();
alert(f instanceof Function); //true
alert(f instanceof Object);   //true
alert(o instanceof Function); //false
alert(o instanceof Object);   //true
（二）对象中的this
this是一个动态指针。this所指向的对象是由this所在的执行域决定的，而不是由this所在的定义域决定的，this是JavaScript执行域中的一个属性，它的指针始终指向当前调用的对象。
this的指向有下列几种情况：
（1）指向当前的DOM对象
下面这个按钮定义了一个单击属性，其中包含了this关键字
<input type="button" value="点击" onclick = "this.value='我被点击'"/>
其中，onclick时间属性中包含的this就代表当前DOM对象input
(2)指向构造函数，在其中使用this关键字作为临时代表，然后使用new运算符实例化构造函数
function F(){
     this.name = "hello world";
}
var f = new F();
alert(f.name);
这里的this就代表房钱实例对象f
(3)指向当前对象直接量
下面是一个对象直接量，它包含了两个属性，其中方法me()返回关键字this
var o = {
    name : "我是对象o",
    me : function(){
    return this;
}
var who = o.me();
alert(who.name);
在调用对象直接量o的方法me()后，变量who的值就是this的值，它代表当前对象直接量o，然后读取对象o的属性name，返回字符串“我是对象o"
(4)指向全局对象
在函数f()中调用this关键字，并且为this定义并初始化一个属性name,在调用函数之后，可以直接读取属性name

function f(){
   this.name = "我是谁?";
}

f();
alert(name);
在函数f()中，this实际上就是代表window，实际上，上面代码可以写成如下形式，
window.f = function(){
   this.name = "我是谁?";
}
window.f();
alert(window.name);
(5)指向当前作用域对象
}