`
sntetwt
  • 浏览: 20207 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
社区版块
存档分类
最新评论

JS 面向对象的5钟写法

 
阅读更多
Java代码 
复制代码 代码如下:
//第1种写法 
function Circle(r) { 
this.r = r; 
} 
Circle.PI = 3.14159; 
Circle.prototype.area = function() { 
return Circle.PI * this.r * this.r; 
} 
var c = new Circle(1.0); 
alert(c.area()); 

Java代码 
复制代码 代码如下:
//第2种写法 
var Circle = function() { 
var obj = new Object(); 
obj.PI = 3.14159; 
obj.area = function( r ) { 
return this.PI * r * r; 
} 
return obj; 
} 
var c = new Circle(); 
alert( c.area( 1.0 ) ); 

Java代码 
复制代码 代码如下:
//第3种写法 
var Circle = new Object(); 
Circle.PI = 3.14159; 
Circle.Area = function( r ) { 
return this.PI * r * r; 
} 
alert( Circle.Area( 1.0 ) ); 

Java代码 
复制代码 代码如下:
//第4种写法 
var Circle={ 
"PI":3.14159, 
"area":function(r){ 
return this.PI * r * r; 
} 
}; 
alert( Circle.area(1.0) ); 

Java代码 
复制代码 代码如下:
//第5种写法 
var Circle = new Function("this.PI = 3.14159;this.area = function( r ) {return r*r*this.PI;}"); 
alert( (new Circle()).area(1.0) ); 

大家来讨论一下这五种写法,它们的优缺点,哪个比较规范,特别是最后两种,经常见到。 
详细出处参考:http://www.jb51.net/article/19461.htm

 

分享到:
评论

相关推荐

    MooCSS模块化面向对象的css写法

    Moo-CSS 模块化面向对象的css写法

    js面向对象的写法

    主要介绍了四种js面向对象的常见写法,还介绍了有关this的相关内容,感兴趣的小伙伴们可以参考一下

    原生js实现无缝轮播(包括面向对象的写法)

    原生js实现无缝轮播(包括面向对象的写法),包括实现思路。

    JavaScript面向对象基础PPT

    JavaScript面向对象基础PPT,讲述了何谓面向对象、面向对象特点、组成及写法、工厂模式、原型以及如何将普通面向过程的代码转换为面向对象的基本原则

    选项卡改变为面向对象写法后,复用和增加方法.md

    面向对象写的一个点击选项卡,复用这个面向对象写法,同时为不同的添加不一样的方法

    讲解JavaScript的面向对象的编程

    -目的说明它是在第1,2阶段文档演示的JavaScript面向对象的书写方式的进一步改进,它是现代JavaScript面向对象编程方式(使用基本类来编码)的过渡代码--没有它就没有当今的JS OOP--此人非常牛!!! 4. 最后使用IE...

    简单的选项卡改变为面向对象的写法的一点学习经验总结.md

    写选项卡的时候,要改变为面向对象的写法,面向兑现的写法更容易扩展或者维护,这里是文章的Markdown文档,需要的可以下载浏览,如有错误,欢迎指出 谢谢

    归纳下js面向对象的几种常见写法总结

    下面小编就为大家带来一篇归纳下js面向对象的几种常见写法总结。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    转载面向对象的理解

    面向过程: 为了把大象装进冰箱,需要3个过程。 1) 把冰箱门打开(得到打开门的冰箱) 2) 把大象装进去(打开门后,得到里面装着大象的冰箱) 3) 把冰箱门关上(打开门、装好大象后,获得关好门的冰箱) 每个过程有...

    JavaScript 面向对象代码实践

    JavaScript面向对象代码的写法与其它常见语言(Java C# C++)几乎完全不同。

    JavaScript面向对象分层思维全面解析

    但在javascript里面多态的概念是不存在,而继承由于web页面的必须先下载js在运行导致js的继承不能像后台那么灵活而且js没有重载以及重写不方便(而且js中重写的意义不是很大),所以在js中很少用到面向对象,可能在一些...

    JS面向对象编程——ES6 中class的继承用法详解

    JS是一种基于对象的语言,要实现面向对象,写法跟传统的面向对象有很大的差异。ES6引入了Class语法糖,使得JS的继承更像面向对象语言的写法。 此篇博客,分为:基本介绍、Vue使用案例 基本介绍 Class可以通过extends...

    JavaScript面向对象编写购物车功能

    之前的项目中需要一个购买数据商品并付款的功能,刚开始一直不敢使用面向对象的写法,主要是没有理清思路,而且那时的数据商品比较的复杂,就一直没敢动,在网上也找些面向对象的写法,把思路理清一遍,就想自己试着...

    JavaScript类的写法

    早期的javascript需求都很简单,基本都是写成函数的,然后是面向过程的写法,后来慢慢的引入面向对象开发思想,再后来就慢慢写成类。 在js中,写成类的本质基本都是 构造函数+原型。下面,就讨论一下js类的几种写法...

    javascript从入门到高级教程,PPT2007格式.rar

    需要office2007才能打开,或者使用office2003兼容2007包,本课程分了两段,第一部分是javascript入门基础和中级教程,后面是高级,讲到了javascript的作用域链和原型链,以及javascript面向对象的继承写法,...

    javascript中的面向对象

    相信大家对javascript中的面向对象写法都不陌生,那还记得有几种创建对象的写法吗?相信大家除了自己常写的都有点模糊了,那接下来就由我来帮大家回忆回忆吧! 1. 构造函数模式 通过创建自定义的构造函数,来定义...

Global site tag (gtag.js) - Google Analytics