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

//定义Circle类，拥有成员变量r，常量PI和计算面积的成员函数area()

1.工厂方式

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.比较正规的写法

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

3.json写法

var Circle={"PI":3.14159,"area":function(r){return this.PI * r * r; } }; alert( Circle.area(1.0) );

4.有点变化，但是实质和第一种一样

var Circle=function(r){this.r=r;
}
Circle.PI = 3.14159; Circle.prototype={ area:function(){ return this.r*this.r*Circle.PI; } } var obj=new Circle(1.0); alert(obj.area())

Circle.PI = 3.14159; 能够放入属性中写成this.PI=3.14159;

常用为第一种和第三种

第三种写法的扩展小实例

var show={btn:$('.div1'),init:function(){var that=this; alert(this); this.btn.click(function(){ that.change(); alert(this); }) }, change:function(){ this.btn.css({'background':'green'}); } } show.init();

需要注意的是this的指向问题

转载于:https://www.cnblogs.com/try-better-tomorrow/p/5200872.html

归纳下js面向对象的几种常见写法相关推荐

Python编程语言学习：判断变量是否为NONE或False的几种常见写法(if not用法教程)
Python编程语言学习:判断变量是否为NONE或False的几种常见写法(if not用法教程) 目录判断变量是否为NONE或False的几种常见写法(if not用法教程) 1.not用法 2. ...
JS面向对象的三种写法
欢迎来我的博客交流 /*面向对象的三种写法 *1.构造函数 *2.class类 * 2.直接操作对象 * */ /**/function myShow(name){this.name = name;t ...
js面向对象的五种写法
//定义Circle类,拥有成员变量r,常量PI和计算面积的成员函数area() Java代码 //第1种写法 function Circle(r) { this.r = r; } Circle. ...
mysql索引失效_导致MySQL索引失效的几种常见写法
最近一直忙着处理原来老项目遗留的一些SQL优化问题,由于当初表的设计以及字段设计的问题,随着业务的增长,出现了大量的慢SQL,导致MySQL的CPU资源飙升,基于此,给大家简单分享下这些比较使用的易于 ...
js简易计算机代码if语句,简单学习下JS里的if语句的写法
在 JavaScript 中,我们可以使用下面几种条件语句: if 语句在一个指定的条件成立时执行代码. if...else 语句在指定的条件成立时执行代码,当条件不成立时执行另外的代码. if. ...
SQL Update的四种常见写法
/* 实验对象:两个学生表 1. 一个stu学生表,一个stu1学生表. 2. 上述表有三个字段 (学生id,学生性别,学生名字)*//* update语句常见场景,分为两大类: 1.单表update ...
什么是js面向对象？有什么特点？
什么是js面向对象? 1.首先,js面向对象是一种思想: 2.其次,遵循万物皆对象的准则:程序中的关键模块都可以视为对象,对象都是由属性和方法组成,属性可以理解为对象的特征,是静态的,方法可以理解为对 ...
软件开发的几种常见模型(网易秋招笔试题)
软件开发模型(Software Development Model)是指软件开发全部过程.活动和任务的结构框架. 开发模型有: 1.边做边改模型(Build-and-Fix Model): 2.瀑布模 ...
四种常见的浏览器内核简介----JS城市选择控件
一四种常见的浏览器内核简介 Gecko: Gecko: Netscape6开始采用的内核,后来的Mozilla FireFox (火狐浏览器) 也采用了该内核,Gecko的特点是代码完全公开,因此, ...

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

归纳下js面向对象的几种常见写法相关推荐

最新文章

热门文章