JS 面向对象的5钟写法
作者:bea
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 Cir
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) );
大家来讨论一下这五种写法,它们的优缺点,哪个比较规范,特别是最后两种,经常见到。
有用 | 无用
代码如下:
//第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) );
大家来讨论一下这五种写法,它们的优缺点,哪个比较规范,特别是最后两种,经常见到。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- javascript dragable的Move对象
- 让 JavaScript 轻松支持函数重载 (Part 2 - 实现)
- 让JavaScript 轻松支持函数重载 (Part 1 - 设计)
- JavaScript 异步调用框架 (Part 6 - 实例 & 模式)
- javascript 支持链式调用的异步调用框架Async.Operation
- JavaScript 异步调用框架 (Part 5 - 链式实现)
- JavaScript 异步调用框架 (Part 4 - 链式调用)
- JavaScript 异步调用框架 (Part 3 - 代码实现)
- JavaScript 异步调用框架 (Part 2 - 用例设计)
- JavaScript 异步调用框架 (Part 1 - 问题 & 场景)
- jQuery 相关控件的事件操作分解
- 利用javascript实现一些常用软件的下载导航
- [原创]javascript 定时广告显示(两个时间段)
- jQuery 隔行换色 支持键盘上下键,按Enter选定值
- 一句话JavaScript表单验证代码
- JavaScript 关键字屏蔽实现函数
- Javascript 验证上传图片大小[客户端]
- Javascript 汉字字节判断
- JS 输入字数判断实现代码