(3部分.docxVIP

js面向（基于）对象编程澄清概念js中 基于对象 == js 面向对象js 中没有类class，但是它取了一个新的名字叫 原型对象，因此 类==原型对象为什么需要面向对象引出一个问题：张老头养了两只猫猫：一只名字叫小白，今年3岁，白色。还有一只叫小花，今年10岁，花色。请编写一个程序，当用户输入小猫的名字时，就显示该猫的名字，年龄颜色。如果用户输入的小猫名字错误，则显示张老头没有这只猫猫。猫有三个属性：名字，年龄，颜色在没有学习面向对象之前，定义变量，用传统的方法去解决。//张老太养了两只猫猫:一只名字叫小白,今年3岁,白色。还有一只叫小花,今年10岁,花色。请编写一个程序，当用户输入小猫的名字时，就显示该猫的名字，年龄，颜色。如果用户输入的小猫名错误，则显示 张老太没有这只猫猫。//..解决方法，把猫的属性集中，创建一种新的数据类（原型对象 /类）//用面向对象的方法来解决上面的问题//这里就是一个Cat类function Cat(){}//如果你这样用//Cat();//函数.var cat1=new Cat();//类//这是cat1就是一个对象（实例）cat1.name=小白;cat1.age=3;cat1.color=白色;//从上面的代码我们可以看出//1.js中的对象的属性可以动态的添加//2.属性没有限制类（原型对象）和对象（实例）的区别和联系通过上面的案例和讲解我们可以看出：①类（原型对象）是抽象的，概念的，代表一类事物，比如人，猫...②对象是具体的，实际的，代表一个具体事物③类（原型对象）是对象实例的模版，对象实例是类的一个个体类（原型对象）—如何自定义类（原型对象）和对象1.工厂方法—使用new Object创建对象并添加相关属性2.使用构造函数来定义类（原型对象）3.使用prototype4.构造函数及原型混合方式5.动态原型方式目前先讲2.使用构造函数来定义类（原型对象），然后再创建对象实例基本语法：function 类名/原型对象名()创建对象：var 对象名=new 类名();★对象—特别说明★★1.在js中一切都是对象★★function Person(){}var a=new Person();window.alert(a.constructor); //a 对象实例的构造函数window.alert(typeof a); //a 的类型是什么var b=1234;window.alert(b.constructor); //b 对象实例的构造函数window.alert(typeof b);//b 的类型是什么var c=1234;window.alert(c.constructor); //b 对象实例的构造函数window.alert(typeof c);//b 的类型是什么//思考: 如何判断一个对象实例是不是Person类型 ?//window.alert(a);if(a instanceof Person){window.alert(a是Person ok1);}if(a.constructor==Person){window.alert(a是Person ok2);}补充说明：带var和不带var的区别//全局变量var abc=89;function test(){//在函数里，如果你不带var，则表示使用全局的abc变量//如果你带上var则表示在test()中，定义一个新的函数变量abc=900;}test();window.alert(abc);访问（使用）对象实例的成员变量（1）普通方式对象实例名.属性名;（2）动态访问对象实例名[属性名];function Person(){}var p1=new Person();p1.name=顺平;window.alert(p1.name);window.alert(p1[name]);var val=na+me;window.alert(p1[val]);加深理解为了让大家加深印象，我们定义一个人类（Person）（包括名字，年龄）我们看看下面的一段代码function Person(){};var a=new Person();a.age=10;a.name=小明;var b=a;b.name=小白;window.alert(b.age);window.alert(b.age+名字+b.name+名字+a.name);b=null;window.alert(a.age+a名字+a.name);window.alert(b.age+b名字+b.name);a=null;内存分析，js引擎中也有堆和栈的概念，对象的引用传递var a=new Person();// new Person()是一个真正的数据，a是指向它的一个引用