下载文档原格式
最新韩顺平__jsp和selverlt原完整版课件_笔记_.doc◆背景知识介绍J2EE的13种技术java->servlet->jsp [技术总是有⼀个演变过程]zip粘贴到word设置◆回顾⼀下我们现有的技术java 基础(⾯向对象,集合,界⾯,线程,⽂件,⽹络)jdbc (java 的数据库编程)oracle / mysql / sqlserverhtml css javascript (web 开发) ->⽹页设计xmlserlvet+jsp ->java web开发[使⽤java技术做web开发]◆java ee 体系的介绍◆servlet项⽬演⽰◆web 开发介绍①静态页⾯(html)②动态页⾯1.⽤户可以输⼊数据，和页⾯交互(注册,购物,发帖⼦,付款...)2.不同时间打开页⾯，内容是变化.3.⽬前⽐较流⾏的左动态页⾯的技术( servlet/jsp , php , /doc/b83fffd680eb6294dd886c36.html , asp, cgi )◆动态⽹页技术的⽐较(了解)◆bs 和cs的⽐较（1）BS：browser server 浏览器服务器（2）cs client server 客户服务为什么需要的web服务器/web究竟是⼲什么的?模拟⼀个web服务器MyWebServer.javaimport java.io.*;import /doc/b83fffd680eb6294dd886c36.html .*;public class MyWebServer{public static void main(String []args) throws Exception{ServerSocket ss=new ServerSocket(80);Socket s=ss.accept();//提⽰⼀句话System.out.println("在9999 上等待连接...");OutputStream os=s.getOutputStream();BufferedReader br=new BufferedReader(new FileReader("d:\\hello.html"));String buf="";while((buf=br.readLine())!=null){os.write(buf.getBytes());}//关闭流br.close();os.close();s.close();}}◆通过tomcat来讲解BS结构◆安装tomcat服务器(1)解压即可(2)配置①在环境变量中添加JA V A_HOME= 指向你的jdk的主⽬录（并不是bin⽂件⽬录）②在不配置JA V AHOME的前提下启动tomcat 在startup.bat的第25⾏中添加set JA V A_HOME=JKD路劲(3)启动tomcat服务器到tomcat 主⽬录下bin/startup.bat(4)验证是否安装成功http://localhost:8080（8080是默认端⼝如果该端⼝已经被占⽤需要修改端⼝）◆tomcat安装后问题解决（1）tomcat⽆法正常启动的原因分析1.JA V A_HOME 配置错误，或者没有配置2.如果你的机器已经占有了8080 端⼝，则⽆法启动，解决⽅法(1) 你可以8080 先关闭netstat –annetstat –anb 来查看谁占⽤该8080(2) 主动改变tomcat的端⼝.到conf/server.xml ⽂件中修改server.xml的端⼝号）protocol="org.apache.coyote.http11.Http11NioProtocol" redirectPort="8443"/>(3) 能够正常启动，但是会导航到另外⼀个页⾯.去修改⼯具->管理加载项，把默认的导航给禁⽤即可.(4) 在访问tomcat时候，⼀定保证tomcat 服务器是启动◆tomcat的⽬录结构⽂件bin: 启动和关闭tomcat的bat⽂件conf: 配置⽂件-->server.xml: 该⽂件⽤于配置和server 相关的信息, ⽐如tomcat启动端⼝后,配置Host, 配置Context 即web应⽤-->web.xml : 该⽂件配置与web应⽤(web应⽤就相当于是⼀个web站点)-->tomcat-users.xml: 该⽂件⽤户配置tomcat 的⽤户密码和权限lib⽬录: 该⽬录放置运⾏tomcat 运⾏需要的jar包logs⽬录：存放⽇志, 当我们需要去查看⽇志的时候，很有⽤!,当我们启动tomcat错误时候，可以查询信息.webapps⽬录: 该⽬录下，放置我们的web应⽤(web 站点), ⽐如:建⽴web1 ⽬录下⾯放置我们的html ⽂件jsp ⽂件..图⽚... 则web1就被当做⼀个web应⽤管理起来(?特别说明tomcat 6.0 以后⽀持tomcat 5 版本还有别的设置)work: ⼯作⽬录: 该⽬录⽤于存放jsp被访问后⽣成的对应的server⽂件和.class⽂件如何去访问⼀个web 应⽤的某个⽂件◆⾸页⾯设置及⽬录规范结构现在我们要求：把hello.html⽂件设置成该web应⽤的⾸页，则需要把web应⽤的⽬录格式做的更加规范:①在web⽂件夹下配置WEB-INF⽂件夹②在web.xml ⽂件中添加配置的代码:hello1.html③通过http://localhost:8088/web1来访问hello1.htmlweb-inf⽬录下的classes⽬录将来是存放class⽂件lib ⽬录将来时存放jar⽂件web.xml 配置当前这个web应⽤的信息.◆tomcat如何去管理虚拟⽬录需求: 当我们把web 应⽤放到webapps⽬录，tomcat会⾃动管理，如果我们希望tomcat 可以管理其它⽬录下的web应⽤?->虚拟⽬录配置我在d 盘有⼀个web应⽤.◆虚拟⽬录配置步骤：①找到server.xml⽂件②编辑host节点添加Context path在server.xml中添加：myweb2：是访问时输⼊的web名,实际取出的是web2中的资源"d:\web2"：绝对路径下web2中存放资源如：hello2.html实际访问时输⼊的地址：http://localhost:8088/myweb2/hello2.html绝对路径：从根分区找某个⽂件相对路径：从该⽂件位置去找另⼀个⽂件③需要重启tomcat，才能⽣效.（因为是采⽤的dom技术讲信息加载到内存中）◆context 的⼏个属性的说明path:docbase:reloadable;如果设为ture ，表⽰tomcat 会⾃动更新web应⽤，这个开销⼤，建议在开发过程中，可以设为true, 但是⼀旦真的发布了，则应当设为false;upackW AR: 如果设为ture ，则⾃动解压，否则不⾃动解压.①：打war包cd:d/web2 然后jar –cvf web2.war *②：浏览打好的war包Deploy发布后会在webapps中⾃动⽣存改⽂件◆配置域名我们看和⼀个如何配置⾃⼰的主机名:我们在实际访问⽹站的过程中，不可能使⽤http://localhost:8080/web应⽤/资源名的⽅式去访问⽹站，实际上使⽤类似/doc/b83fffd680eb6294dd886c36.html 或者/doc/b83fffd680eb6294dd886c36.html 的⽅式去访问⽹站，这个⼜是怎么实现的呢?看看ie浏览器访问⼀个web站点的流程.实现的步骤如下:(1) 在C:\WINDOWS\system32\drivers\etc 下的host⽂件添加127.0.0.1/doc/b83fffd680eb6294dd886c36.html(2) 在tomcat 的server.xml⽂件添加主机名(3) 在d:\web3 加⼊了⼀个/WEB-INF/web.xml 把hello2.html设为⾸页⾯如果连端⼝都不希望带，则可以吧tomcat的启动端⼝设为80即可.(4) 重启⽣效◆tomcat体系的再说明图:如何配置默认主机:在tomcat/conf/server.xml ⽂件◆为什么需要servlet技术?⽐如需求：我们希望⽤户可以贴，⽤户还可以回复....这样⼀些和⽤户可以交互的功能，⽤普通的java技术就完成不了, sun 就开发了servlet技术供程序员使⽤.◆servlet的介绍①servlet 其实就是java程序(java类)②该java 程序(java 类)要遵循servlet开发规范③serlvet是运⾏在服务端④serlvet 功能强⼤,⼏乎可以完成⽹站的所有功能⑤是学习jsp基础◆tomcat 和servlet 在⽹络中的位置servlet的⽣命周期是怎样的/servlet究竟是怎样⼯作的UML 时序图帮助⼤家理解参看execel⾯试题: 请简述servlet的⽣命周期(⼯作流程)答:标准版本：①WEB服务器⾸先会检查是否已经装载并创建了该servlet实例对象。
java平台1、J2SE java开发平台标准版2、J2EE java开发平台企业版java程序需要在虚拟机上才可以运行，换言之只要有虚拟机的系统都可以运行java程序。
不同系统上要安装对应的虚拟机才可以运行java程序开发步骤1、编写源文件(.java)2、编译源文件为类文件(.class)可用J2SE或J2EE编译3、在虚拟机上运行注释ava文件)2、java编译器即3、java字节码文件(.class文件)4、由解释执行器即将字节码文件加载到java虚拟器(jvm)5、字节码文件(.class)就会在java虚拟机中执行对程序进行改过使之变为一个简单的加法运算程序;.case 常量n:语句n;break;default:语句;break;}*****:switch中的可用数据类型主要是：允许byte,short,int,char,enum等1、单分支控制作业：请大家看个案例[]:编写一个程序，可以输入人的年龄，如果该同学的年龄大于18岁，则输出“你年龄大于18，要为自己的行为负责!”2、双分支控制作业：请大家看个案例[]:编写一个程序，可以输入人的年龄，如果该同志的年龄大于18岁，则输出“你年龄大于18岁，要对自己的行为负责!”否则，输出“你的年龄不大这次放过你了”3、多分支控制作业：请大家看个案例[]编写一个程序，可以输入人的年龄，如果该同志的年龄大于18岁，则输出“你年龄大于18，要对自己的行业负责，送入监狱”。
如果该同志的年龄大于10岁并且小于等于18，则输出“你的年龄也不小了，把你送少管所”。
其它情况，则输出“小孩子，下次注意”。
4、多分支控制作业：请大家看个案例[]请编写一个程序，该程序可以接收一个字符，比如：a,b,c,d,e,f,ga表示星期一，b表示星期二...根据用户的输入显示相应的信息，要求使用switch语句完成。
5、多分支控制作业：请大家看个案例[]对比switch与if语句在执行分支语句的区别。
Java韩顺平笔记第1讲内容介绍.项目演示.原理剖析1. 课程包括：java面向对象编程，java图形界面，java数据库编程，java文件i/o流，java网络编程，java的多线程2. Java历史：1990 sun 启动绿色计划 1992 创建 oak语言—> java1994 gosling 参加硅谷大会演示java功能震惊世界 1995 sun 正式发布java第一个版本，目前最新的是jdk7.03. java开发工具：记事本，jcreator，jbuilder，netbean，eclipse4. jdk包括：jre（java运行环境）java的工具：编译器javac.exe解释执行器java.exe java的类库：3600多个，常用的150多个5. 第一个程序：//功能：显示―HelloWorld‖//public:表示类是公共的，一个文件中只有一个public类 //class:表示这个是一个类//HelloWorld:类名（公共类的类名，必须和文件名一样）public class HelloWorld {//一个主函数，程序的入口 public static void main (String args[]) { //执行语句System.out.println("helloWorld!"); } }6. Java源程序（.java文件）——>java字节码文件（.class文件）——>由解释执行器（java.exe）将字节码文件加载到java虚拟机（jvm）——>字节码文件（.class）就会在java虚拟机中执行l,average); } }第2讲变量.数据类型1. 在java里面int占4个字节，long占8个字节2. Java基本数据类型：整数：(byte一个字节：-128---127 int四个字节：-2147483648---+2147483647short两个字节：-32768---+32767 long八个字节：)小数（浮点）：float double布尔：boolean字符：char（两个字节，可以存放汉字, char test1 ='中';）引申到字符串（类）3.在java中对char进行运算的时候，直接是当做ASCII码对应的整数4.数据不能从高精度到低精度的转换Byte<short<int<long<float<doublefloat a=3.4；是过不去的，在java中小数默认是double（双精度）的应该写成是float a=3.4f；不过可以强制转换：int a=(int)1.2; intb=(int)1.95. int a=1;int b=a+1.2; a先是往高精度转换，然后赋给b，就报错改成int a=1;double b=a+1.2; 或者int a=1;float b=a+1.2f; 就解决了第4讲流程控制1. switch case语句中，switch条件表达式的数据类型应该和后面case的类型一致2. switch case语句中，可用的数据类型主要是：byte short int char enum第5讲类与对象1. 面向对象编程-类与对象类名首字母大写类里面的元素叫类的成员变量/属性2. 类的定义package 包名；class 类名extends 父类implements接口名{成员变量；构造方法；成员方法；}3. 如何创建对象：先声明再创建Cat cat1；cat1=new Cat();一步到位Cat cat1 =new Cat();4. 引用传递类似于指针一样第8讲this 类变量1. this属于类的对象的而不是属于类的2. 5this不能在类的外部使用，只能在类定义时候使用！3. 可以用类名直接访问静态变量第9讲类方法封装1.类变量是该类的所有对象共享的对象,一改全改了2.定义语法：访问修饰符static 数据类型变量名3. public class Demo9{static int i=1;static{System.out.println("zhixingyicile");i++;}//会自动执行一次，也只有一次public Demo9(){System.out.println("ffffffff");i++;}public static void main(String args[]){Demo9 t1=new Demo9();System.out.println(Demo9.i);Demo9 t2=new Demo9();System.out.println(i);}}4.类方法（静态方法、静态函数）：属于所有对象实例的5.Java中:类变量（static）原则上用类方法（static）去访问；类方法中不能访问非静态变量，就是非类变量，但是普通的成员方法可以访问静态变量（类变量）使用：类名.类方法名对象名.类方法名6.非类变量就是实例变量，属于每个对象自己的7.Java面向对象编程的三（四）大特征：封装、继承、多态（、抽象）8.抽象：把一类事物的共有的属性和行为提取出来，形成一个物理模板，此研究问题的方法就是抽象9.封装：把抽象出来的数据和对数据的操作封装在一起，数据被保护在内部，程序的其它部分只有通过被授权的操作（成员方法），才能对数据进行操作。
java平台1、J2SE java开发平台标准版2、J2EE java开发平台企业版java程序需要在虚拟机上才可以运行，换言之只要有虚拟机的系统都可以运行java程序。
不同系统上要安装对应的虚拟机才可以运行java程序开发步骤1、编写源文件 (.java)2、编译源文件为类文件(.class)可用J2SE或J2EE编译3、在虚拟机上运行注释//单行注释/* */多行注释java内容介绍java编程可以分成三个方向：1、java se (j2se)桌面开发 java中的基础中的基础2、java ee (j2ee)web开发3、java me (j2me)手机开发java se课程介绍java面向对象编程(基础)java图开界面开发java数据库编程java文件io流编程java网络编程java多线程编程java ee基础1java面向对象编程--数据库编程-->java sejava 基础2html--css--javascript-->div+cssjava ee中级部分Servlet--Jsp-->mvc模式java ee高级部分Struts--Ejb--Hibernate--Spring--Ajax(ext,dw2)-->ssh框架java之父gosling1990 sun启动绿色计划1 | 4451992 创建oak语言-->java1994 gosling参加硅谷大会演示java功能，震惊世界1995 sun正式发布java第一个版本，目前最新是jdk7.0java开发工具记事本、(jcreator、jbuilder退出舞台了)、netbean、eclipse如何选择开发工具先选择记事本，对java有一定了解后再使用eclipse高级开发工具为什么呢？1、更深刻的理解java技术，培养代码感2、有利于公司面试java语言的特点1、java语言是简单的2、java语言是面向对象的3、java语言是跨平台(操作系统)的[即一次编译，到处运行]4、java是高性能的java第一个程序hello.java运行java程序要安装和配置jdkjdk是什么？1、jdk全称java dvevlopment kit中文java开发工具包2、jdk是sun公司开发的3、jdk包括jre(java runtime envirnment)java运行环境、一堆java工具和java基础的类库(类共3600左右，常用类在150个左右)4、可以在下载**开发安装jdk,用户执行需要安装jre配置JDK添加环境变量即可windows下配置jdk在计算机属性--高级设置--环境变量--添加PATH将JDK所在路径指定即可。
JA V A学习记录第一讲//pulic:表示这个类是公共的，一个java文件中只能有一个public类//class :表示这是一个类//Hello:类名（公共类的类名必须和文件名一致）public class Hello{//一个主函数，相当于是程序的入口public static void main (String args[]){/* 多行注释*///System.out.println("hello");int a=10;// 定义一个变量，变量名位a,它的值为10// int为4个字节，long为8个字节int b=20;int result=a+b//输出结果system.out.println("结果是"+result)}}第二讲JA V A基本数据类型四大类型整数类型小数（浮点）类型基本数据类型布尔类型字符类型1.整数类型整数类型表示一个整数，常用的整数类型有：byte, short, int, long范围：byte 一个字节-128 – 127short 两个字节-32768 - 32767int 四个字节-2147483648 – 2147483647long 八个字节一个字节= 八个byte例：一个byte0 0 0 0 0 0 0 1 最高位为符号位0表示正数，1表示负数1 1 1 1 1 1 1 1 – 0 1 1 1 1 1 1 12.小数（浮点）类型常用类型有float, double3.布尔类型可以表示：真或者假，类型是boolean4.字符类型表示单个字符，字符类型是char，chai是两个字节，可以存放汉字。
多个字符称为字符串，在java中用String表示，String属于类。
.在java中，对char进行运算的时候，直接当做ascii码对应的整数对待。
（汉字则是unic码）定义变量int a初始化变量int a = 45给变量赋值int a ; a =45基本数据类型转换int a = 1.2 错误会损失精度double a = 4 正确数据类型可以自动从低精度向高精度转换。
韩顺平循序渐进学java从入门到精通课件笔记29讲到31讲项目经理：1、懂技术2、懂行业图形界面（gui）1、sun已经提供了一个跨平台gui开发工具包awt提供了好多类与接口。
但有缺点《致命的一个本地化lcd》2、sun又创建了一个swing框架，解决了lcd问题。
swing是awt的升级版本。
就是继承的关系。
3、IBM认为swing消耗内存，创建了一个新的gui库，就是swt。
4、IBM为了方便开发swt程序，在swt基础上又创建出一个更易用，功能强大的图形包JFace。
我们重点学习swing。
了解awt。
做图形界面在MyEclipse下开发。
Eclipse最早是IBM附属公司oti开发的。
是开源的，可扩展的开发环境，是最流行的java 开发工具，但是不能开发java ee项目，否则需要安装MyEclipse，现在一般都安装MyEclipse，不单独安装Eclipse。
IDE 集成开发环境。
（vs2005 jcreater MyEclipse等等）开发java的IDE：NetBeans jbuilder jcreater MyEclipseswing组件一览表JFrame是Frame的子类，JButton也属于容器类的布局管理器：通过布局管理器来管理控件的大小与位置。
共五种，常用3种，流式布局管理器，边界布局管理器，网格布局管理器，卡片布局管理器，网格包布局管理器第三十讲：边界布局管理器：将容器化为东南西北中五个区域，中间区域最大。
JFrame JDialog对话框自建默认的是边界布局。
注意事项：1、不是五个部件都必须添加2、中部组件会自动的调节大小3、JFrame JDialog默认布局管理器就是BorderLayout。
/***BorderLayout布局*1继承JFrame*定义需要的组件*创建组件(构造函数)*添加组件*对窗体设置*/package com.test1;import java.awt.*;import javax.swing.*;public class Demo8_2 extends JFrame {JButton jb1,jb2,jb3,jb4,jb5;public static void main(String[] args) {Demo8_2 dd =new Demo8_2();}public Demo8_2(){//创建组件jb1=new JButton("中部");jb2=new JButton("北部");jb3=new JButton("东部");jb4=new JButton("南部");jb5=new JButton("西部");//添加各个组件this.add(jb1,BorderLayout.CENTER);this.add(jb2, BorderLayout.NORTH);this.add(jb3, BorderLayout.EAST);this.add(jb4,BorderLayout.SOUTH);this.add(jb5, BorderLayout.WEST);//设置窗体属性this.setTitle("这是一个演示窗体");this.setSize(200,200);this.setLocation(500, 500);this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);this.setVisible(true);}}流式布局flowLayout，从左到右跟网页差不多注意事项：1、流式布局不限制所管理组件的大小，允许他们有最佳大小2、当容器被缩放时，组建的位置可能发生变化，但是组建的大小不发生变化（做编程时，通常不许窗口大小变化）3、默认组件是居中对齐的package com.test1;import java.awt.*;import javax.swing.*;;public class demo8_3 extends JFrame{//定义需要组建.JButton jb1,jb2,jb3,jb4,jb5,jb6;public static void main(String[] args) {demo8_3 demo=new demo8_3();}//构造函数public demo8_3(){//创建组件jb1=new JButton("关羽");jb1.setSize(100, 200);jb2=new JButton("张飞");jb3=new JButton("刘备");jb4=new JButton("诸葛亮");jb5=new JButton("曹操");jb6=new JButton("魏延");//添加组件this.add(jb1 );this.add(jb2 );this.add(jb3 );this.add(jb4 );this.add(jb5 );this.add(jb6 );//设置布局管理器,流式布局默认的是居中对齐this.setLayout(new FlowLayout(FlowLayout.RIGHT));//设置窗体属性this.setTitle("这是一个演示窗体");this.setSize(200,280);this.setLocation(500, 500);//禁止用户修改控件大小.this.setResizable(false);this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); this.setVisible(true);}}网格布局：网格布局容器分割为多行多列，将组件放在格中。
韩顺平Java（持续更新中）原创上课笔记，转载请注明出处第⼀章⾯向对象编程(中级部分) PDF为主1.1 IDEA删除当前⾏，ctrl+y复制当前⾏，ctrl+d补全代码，alt+/添加或者取消注释，ctrl+/导⼊该⾏需要的类，alt+enter快速格式化代码，ctrl+ALT+L快速运⾏程序，alt+r（⾃⼰设置）⽣成构造器等，alt+insert查看⼀个类的层级关系，ctrl+H，继承有⽤（光标放在类名上）快速定位某个⽅法的位置，ctrl+B（ctrl+⿏标点击）⾃动分配变量，main⽅法中，.var，例如new Scanner(System.in).var查看快捷键模板：Live Templates (例如，fori)1.2 Object类详解(equals、==、hashCode等)所有类都实现了Object类，都能使⽤Object类的⽅法。
1.2.1 ==运算符基本类型—>判断值是否相等引⽤类型—>判断地址是否相等指向同⼀个地址，结果为true1.2.2 equals()⽅法1.2.2.1 基本介绍Object的equals()⼀⽬了然，==运算符，⽤来判断地址是否相等⽽String等类的equals()被重写了，⽤来判断内容是否相等（根据需求，判断内容相等的标准也是可能会有所改变的）如何重写equals⽅法：Person person1 = new Person("jack", 10, '男');Person person2 = new Person("jack", 20, '男');System.out.println(person1.equals(person2));//假，如果没有重写Person类的equals⽅法，这⾥的equals⽅法调⽤的Object的（即，判断的是地址）⽰例代码：//重写Object 的 equals⽅法public boolean equals(Object obj) {//判断如果⽐较的两个对象是同⼀个对象，则直接返回trueif(this == obj) {return true;}//类型判断if(obj instanceof Person) {//是Person，我们才⽐较//进⾏向下转型, 因为我需要得到obj的各个属性Person p = (Person)obj;return .equals() && this.age == p.age && this.gender == p.gender;}//如果不是Person ，则直接返回falsereturn false;}1.2.2.2 课堂练习第三个输出：因为Person并没有重写equals，所以这⾥调⽤的equals⽅法是Object的，判断地址是否相同的，⽽这两个新的对象肯定不相等，所以返回false 这道题需要注意的是，基本数据类型的==运算符是判断内容的1.2.3 hashCode()⽅法1.2.4 toString()⽅法全类名：包名+类名/**Object的toString() 源码(1)getClass().getName() 类的全类名(包名+类名 )(2)Integer.toHexString(hashCode()) 将对象的hashCode值转成16进制字符串*/public String toString() {return getClass().getName() + "@" + Integer.toHexString(hashCode());}1.2.5 finalize()⽅法public class Finalize_ {public static void main(String[] args) {Car bmw = new Car("宝马");//这时 car对象就是⼀个垃圾,垃圾回收器就会回收(销毁)对象, 在销毁对象前，会调⽤该对象的finalize⽅法//,程序员就可以在 finalize中，写⾃⼰的业务逻辑代码(⽐如释放资源：数据库连接,或者打开⽂件..)//,如果程序员不重写 finalize,那么就会调⽤ Object类的 finalize, 即默认处理//,如果程序员重写了finalize, 就可以实现⾃⼰的逻辑bmw = null;System.gc();//主动调⽤垃圾回收器System.out.println("程序退出了....");}}class Car {private String name;//属性, 资源。
javascript 2===============================================================================1.js面向/基于对象编程-----类（原型对象）与对象（实例）(1)js面向/基于对象特征介绍Javascript是一种基于对象（object-based）的动态脚本语言，你遇到的所有东西都是对象。
js的面向对象技术广泛应用于AJAX等优秀框架。
☞特别说明：基于对象也好，面向对象也好，实际上都是以对象的概念来编写程序。
从本质上并无区别，所以这两个概念在课程中是一样的。
因为javascript中没有class(类)，所以有人把类也称为原型对象。
其实这两个概念在编程中发挥的作用都看成一个意思。
(2)为什么需要原型对象（类）？例子：张老太养了两只猫猫：一只猫叫小白，今年3岁，白色；还有一只叫小花，今年5岁，花色。
(3)类（原型对象）————如何自定义类（原型对象）和对象创建类的方式有5中方法：工厂方法——使用new Object创建对象并添加相关属性使用构造函数来定义类（原型对象）：上面的Cat类就是用此种方法基本语法：function 类名/原型对象名(){}创建对象：var 对象名=new 类名/原型对象名();使用prototype构造函数及原型混合方式动态原型方式2.如何判断一个对象实例是不是Cat类型？✧if(a instanceof Cat){window.alert(“a是Cat的实例”)}✧if(a.constructor== Cat){window.alert(“a是Cat的实例”)}3.带var和不带var的区别var abc=89;function test(){abc=900;//在函数里，如果不带var，则表示使用全局的abc变量89。
//如果带var，则表示在函数中，定义一个新的私有的abc变量。
