js面向对象的那点事

前言

最近在研读《js权威指南》对js的面向对象机制有了一定的了解，下面跟着实验来做下读书笔记

"."运算符

在真正的去定义一个类前，我们先来看看js的一个运算符号"."，它的作用是进行对象属性的存（写）取（读），它的用法是

存(写) 对象名.属性=值\对象\方法;

取(读) 对象名.属性;

下面来做个实验

View Code

function dog(n, w) {
this.name = n;
this.weight = w;
}

dog.voice = "wowo";

dog.heavier = function (dog1, dog2) {//比较两只狗谁比较重
if (dog1.weight > dog2.weitht) {
document.write(dog1.name+"_比较重");
}
else {
document.write(dog2.name + "_比较重");
}
};

var dog1 = new dog("boby", 50);
var dog2 = new dog("旺财", 30);
document.write(dog.voice + "<br/>");
dog.heavier(dog1, dog2);

执行结果如下：上例直接用 dog.voice dog.heavier给dog类赋值属性和方法了，用的时候用dog直接调用就行
wowo
旺财_比较重

js类的层次结构

js里具体的类结构图我就不画了，下面给出超类和子类模型，js的所有类的基类就是object类，如图4



图4

至此JS面向对象的机制写完了，当然实战方面，需要大家不断的积累经验，ps：如果觉得那里写得不对请博友们及时指出，不想误了别人，更不想误了自己

copyright © Tim demo下载