首页 > 代码库 > JavaScript面向对象之类的创建
JavaScript面向对象之类的创建
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>JavaScript中的类</title> <script type="text/javascript"> // 创建Object类的实例,所有直接用花括号括起来的都属于Object类,这种创建的类不用实例化 //!!!不推荐使用 var obj = { property:'this is a property.', method:function(){ return 'I am a method.' } }; // 调用方法: console.info('property:'+obj.property+'\nmethod:'+obj.method()); // 自定义类:其实在JavaScript中一个函数就是一个类,调用的时候必须进行实例化 -->可以使用 // !每个实例化的类都会有三个属性,只是其中一个属性是方法而已 function User(name,age){ // 虽然对类名没有强制要求,但建议类名进行大写 // 创建属性 this.name = name ; this.age = age ; //创建方法 this.getInfo = function(){ // 获得实例的变量必须加上this return 'name-->'+this.name+'\nage-->'+this.age ; } } // 调用方法 // 实例化 var user = new User() ; console.info(user.getInfo()); //基于prototype进行创建 每个实例化的对象都公用统一的方法 -->强烈推荐使用 // 性能上和维护方面都是最好的 function Person(name,age){ this.age = age ; this.name = name ; } Person.prototype.getInfo = function(){ return 'name-->'+this.name+'\nage-->'+this.age ; }; // 调用方法 // 实例化 var person = new Person(); console.info(person.getInfo()); </script> </head> <body> <button onclick="javascript:alert('属性:'+obj.property+'\n方法:'+obj.method())" >第一:创建Object类的实例(不推荐)</button> <button onclick="javascript:alert(new User('tom',12).getInfo())" >第二:自定义类(可以使用)</button> <button onclick="javascript:alert(new Person('tom',12).getInfo())" >第三:基于原型prototype(推荐使用)</button> </body> </html>
JavaScript,面向对象开发,恐怕已成趋势,之后JQuery 2.0的版本后,也在使用JavaScript面向对象的编程概念。JavaScript,一直以来对我来说,是一种灵活而难以控制的语言,但是无法否认的是它真的很强大。但如果不能很规范的进行编码的话,后期的维护,简直就是个痛苦。像高级语言一样的去编写JavaScript代码,这样才是明智的选择。
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。