>

综述下js面向对象的两种普及写法总计

- 编辑:乐百家599手机首页 -

综述下js面向对象的两种普及写法总计

这两天在研商canvas,认为还挺风趣的,就写了叁个小demo,效果如下:

近年来在研究canvas,感到还挺有意思的,就写了叁个小demo,效果如下:

//定义Circle类,具有成员变量r,常量PI和总计面积的分子函数area() 

//定义Circle类,具有成员变量r,常量PI和计量面积的分子函数area()

乐百家前段 1

乐百家前段 2canvas.gif

1.厂子格局

1.厂子方式

率先次尝试用js面向对象的秘技来写,经验不足,还请大家多多包含。 

第一遍尝试用js面向对象的情势来写,经验不足,还请我们多多原谅。

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 ) );
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 ) );

上边起头简要介绍代码: 

上面开首简要介绍代码:

2.相比规范的写法

2.相比较正式的写法

canvas画布:

乐百家前段,canvas画布:

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());
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());

复制代码 代码如下:

<canvas id='canvas' width='1050' height='500' style='background:#333;overflow: hidden;'></canvas>

3.json写法

3.json写法

本文由乐百家前段发布,转载请注明来源:综述下js面向对象的两种普及写法总计