js面向对象初步探究(上) js面向对象的5种写方法
2017-05-18 13:09
337 查看
非常长一段时间看网上大神的JS代码特别吃力。那种面向对象的写法方式让人看得云里来雾里去。于是就研究了一下JS面向对象。因为是初学,就将自己在网上找到的资料整理一下,作为记忆。
js面向对象的5种写方法:(来自http://www.iteye.com/topic/434462)
首先
定义circle类,拥有成员变量r。常量PI和计算面积的成员函数area();
js面向对象的5种写方法:(来自http://www.iteye.com/topic/434462)
首先
定义circle类,拥有成员变量r。常量PI和计算面积的成员函数area();
//第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());
//第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 ) );
//第3种写法 var Circle = new Object(); Circle.PI = 3.14159; Circle.Area = function( r ) { return this.PI * r * r; } alert( Circle.Area( 1.0 ) );
//第4种写法 var Circle={ "PI":3.14159, "area":function(r){ return this.PI * r * r; } }; alert( Circle.area(1.0) );
//第5种写法 var Circle = new Function("this.PI = 3.14159;this.area = function( r ) {return r*r*this.PI;}"); alert( (new Circle()).area(1.0) );在第一种方法中用到了pretotype请看下一节js中的pretotype
相关文章推荐
- js面向对象初步探究(上) js面向对象的5种写方法
- js面向对象,多种创建对象方法!
- js面向对象,多种创建对象方法!
- JS面向对象(智能社面向对象知识点总结)
- js面向对象,多种创建对象方法!
- JS面向对象组件(四) -- 面向对象的继承
- JS面向对象问题初步解析
- JS面向对象(2) -- this的使用,对象之间的赋值,for...in语句,delete使用,成员方法,json对象的使用,prototype的使用,原型继承与原型链
- js面向对象,多种创建对象方法!
- javascript 面向对象基础(三)面向对象的常用属性和方法
- js面向对象 多种创建对象方法小结
- Java编程那些事儿61—面向对象设计方法和面向对象特性(一)
- js 面向对象,多重创建对象方法
- JS面向对象(智能社面向对象知识点总结)
- (40)面向对象的三大特性继承性(41)面向对象中常用的关键字和魔术方法
- js面向对象,多种创建对象方法!
- js面向对象学习笔记之二(debug调试方法)
- js两种形式写淡入弹出轮播图(面向对象和不面向对象)
- Java编程那些事儿61—面向对象设计方法和面向对象特性(一)
- JS 中面向对象的5种写法和拓展JS对象的写法