2022年javascript 的面向对象编程CSSHTML教程.docx

《2022年&#106avascript 的面向对象编程CSSHTML教程.docx》由会员分享，可在线阅读，更多相关《2022年&#106avascript 的面向对象编程CSSHTML教程.docx（4页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、2022年javascript 的面向对象编程CSSHTML教程 在写面对对象的WEB应用程序方面JavaSciprt是一种很好的选择.它能支持OOP.因为它通过原型支持继承的方式和通过属性和方法的方式一样好.许多开发者试图抛弃JS,试着用C#或JAVA仅是因为JS不是他认为合适的面对对象的语言.很多人还没有相识到javascript支持继承.当你写面对对象的代码时.它能给你很强大的能量.你也可以运用它写出可复用,可封装的代码. 对象为何如此宏大? 面对对象思想的胜利是由于它仿照了现实中的事物和事物的联系.事物有属性和方法.假如我们描述一个台灯.我们会说它的高度和宽度,比如12CM.开

2、灯这个动作是它的方法.当它是处于开着的状态时.它可以被调亮一点或暗一点(也就是亮度这个属性值变大或变小). javascript 赐予了为WEB应用程序创建对象的实力.对象在须要的时候相应的事务会被触发,代码封装后,它能被实例化许多次.用 new Object() 来创建对象在javascript里有几种创建对象的方法,在不同的场合可用不同的方法.最简洁的就是用 new 操作符,例如:<script language=javascript type=text/javascript><!-person = new Object()person.name = Tim Scarfe

3、person.height = 6Ftperson.run = function() {this.state = runningthis.speed = 4ms-1}/-></script>我们在这个例子里定义了person这个对象,然后加入了它的属性和方法.在这个例子里,自定义的方法里有两个属性.用文字记号Literal Notation创建对象用文字记号也可以创建对象,但要javascript 1.2以上版本.它的创建形式是多样的.<script language=javascript type=text/javascript><!-

4、/ Object LiteralstimObject = {property1 : Hello,property2 : MmmMMm,property3 : mmm, 2, 3, 6, kkk,method1 : function(){alert(Method had been called + this.property1)}}timObject.method1();alert(timObject.property3) / will yield 3var circle = { x : 0, y : 0, radius: 2 } /

5、another example/ nesting is no problem.var rectangle = {upperLeft : { x : 2, y : 2 },lowerRight : { x : 4, y : 4}}alert(rectangle.upperLeft.x) / will yield 2/-></script>文字记号可是是数组,也可以是随意的javascript表达式或值.用 new 操作符或文字记号创建一个自定义对象都是简洁的,也是符合逻辑的.但它最大的缺点就是结果不行复用.也不能很简单的用不同的版本初始化创建对象.例如上面的第一个例子,假如 person 的 name 不是 Tim Scarfe,那样我们不得不重新定义整个对象,仅仅为了适应它的一点点变更.本新闻共2页,当前在第1页12