JavaScript面向对象(极简主义法minimalist approach)

极简主义法
  荷兰程序员 Gabor de Mooij 提出了一种比 Object.create ()更好的新方法,他称这种方法为"极简主义法"(minimalist approach)。这也是我推荐的方法。
  3. 1 封装
  这种方法不使用 this 和 prototype,代码部署起来非常简单,这大概也是它被叫做"极简主义法"的原因。
  首先,它也是用一个对象模拟"类"。在这个类里面,定义一个构造函数 createNew (),用来生成实例。


代码如下:

var Cat = {
createNew: function (){
// some code here
}
};

  然后,在 createNew ()里面,定义一个实例对象,把这个实例对象作为返回值。


代码如下:

var Cat = {
createNew: function (){
var cat = {};
cat.name = "大毛";
cat.makeSound = function (){ alert ("喵喵喵"); };
return cat;
}
};

  使用的时候,调用 createNew ()方法,就可以得到实例对象。


代码如下:

var cat1 = Cat.createNew ();
cat1.makeSound (); // 喵喵喵

  这种方法的好处是,容易理解,结构清晰优雅,符合传统的"面向对象编程"的构造,因此可以方便地部署下面的特性。
  3. 2 继承
  让一个类继承另一个类,实现起来很方便。只要在前者的 createNew ()方法中,调用后者的 createNew ()方法即可。
  先定义一个 Animal 类。


代码如下:

var Animal = {
createNew: function (){
var animal = {};
animal.sleep = function (){ alert ("睡懒觉"); };
return animal;
}
};

  然后,在 Cat 的 createNew ()方法中,调用 Animal 的 createNew ()方法。


代码如下:

var Cat = {
createNew: function (){
var cat = Animal.createNew ();
cat.name = "大毛";
cat.makeSound = function (){ alert ("喵喵喵"); };
return cat;
}
};

  这样得到的 Cat 实例,就会同时继承 Cat 类和 Animal 类。


代码如下:

var cat1 = Cat.createNew ();
cat1.sleep (); // 睡懒觉

  3. 3 私有属性和私有方法
  在 createNew ()方法中,只要不是定义在 cat 对象上的方法和属性,都是私有的。


代码如下:

var Cat = {
createNew: function (){
var cat = {};
var sound = "喵喵喵";
cat.makeSound = function (){ alert (sound); };
return cat;
}
};

  上例的内部变量 sound,外部无法读取,只有通过 cat 的公有方法 makeSound ()来读取。


代码如下:

var cat1 = Cat.createNew ();
alert (cat1.sound); // undefined

  3. 4 数据共享
  有时候,我们需要所有实例对象,能够读写同一项内部数据。这个时候,只要把这个内部数据,封装在类对象的里面、createNew ()方法的外面即可。


代码如下:

var Cat = {
sound : "喵喵喵",
createNew: function (){
var cat = {};
cat.makeSound = function (){ alert (Cat.sound); };
cat.changeSound = function (x){ Cat.sound = x; };
return cat;
}
};

  然后,生成两个实例对象:


代码如下:

var cat1 = Cat.createNew ();
var cat2 = Cat.createNew ();
cat1.makeSound (); // 喵喵喵

  这时,如果有一个实例对象,修改了共享的数据,另一个实例对象也会受到影响。


代码如下:

cat2.changeSound ("啦啦啦");
cat1.makeSound (); // 啦啦啦

时间: 2012-07-14

JavaScript Math.ceil 方法(对数值向上取整)

JavaScript Math.ceil 方法 Math.ceil 方法用于对数值向上取整,即得到大于或等于该数值的最小整数.语法如下: Math.ceil(x) 参数说明: 参数 说明 x 必需.必须是一个数值. 提示:该方法与 Math.floor 方法正好相反. Math.ceil 方法实例 <script language="JavaScript"> document.write( Math.ceil(0.35) + "<br />"

JavaScript Math.floor方法(对数值向下取整)

JavaScript Math.floor 方法 Math.floor 方法用于对数值向下取整,即得到小于或等于该数值的最大整数.语法如下: Math.floor(x) 参数说明: 参数 说明 x 必需.必须是一个数值. 提示:该方法与 Math.ceil 方法正好相反. Math.floor 方法实例 <script language="JavaScript"> document.write( Math.floor(0.35) + "<br />&q

JavaScript中的Math 使用介绍

复制代码 代码如下: Math.pow(2,53) //=>9007199254740992: 2 的53次幂 Math.round(.6) //=>1.0: 四舍五入

JavaScript Math.ceil() 函数使用介绍

Math.ceil(x) -- 返回大于等于数字参数的最小整数(取整函数),对数字进行上舍入 ceil是ceiling的缩写,中文"上限"的意思 引用网址:http://www.dreamdu.com/javascript/Math.ceil/ ceil函数语法 Math.ceil(x); ceil函数参数 x -- 为number类型的数字 ceil函数返回值 返回大于等于x的最小整数 ceil函数示例 document.write(Math.ceil(5.99)); documen

JavaScript使用Math.Min返回两个数中较小数的方法

本文实例讲述了JavaScript使用Math.Min返回两个数中较小数的方法.分享给大家供大家参考.具体如下: 下面JavaScript通过Math.Min返回两个数中较小的那个 <!DOCTYPE html> <html> <body> <p id="demo"> Click the button to return the lowest number of 5 and 10. </p> <button onclic

javascript Math.random()随机数函数

random函数语法 Math.random(); random函数参数 无参数 random函数返回值 返回0和1之间的伪随机数,可能为0,但总是小于1,[0,1) random函数示例 document.write(Math.random()); 返回随机数 document.write(Math.random()*(20-10)+10); 返回10-20的随机数 document.write(Math.random()*(n-m)+m); 返回指定范围的随机数(m-n之间)的公式

浅谈JavaScript Math和Number对象

1. Math 对象 1.1 介绍 Math 对象,是数学对象,提供对数据的数学计算,如:获取绝对值.向上取整等.无构造函数,无法被初始化,只提供静态属性和方法. 1.2 构造函数 无 :Math 对象无构造函数,无法被初始化,只提供静态属性和方法. 1.3 静态属性 1.3.1 Math.E :常量e.返回自然对数的底数:2.718281828459045   1.3.2 Math.PI :常量π.返回圆周率的值 :3.141592653589793   1.4 静态方法 1.4.1 Math

JavaScript中Math对象方法使用概述

1.丢弃小数部分,保留整数部分parseInt(5/2) 2.向上取整,有小数就整数部分加1 Math.ceil(5/2) 3,四舍五入. Math.round(5/2) 4,向下取整 Math.floor(5/2) Math 对象的方法FF: Firefox, N: Netscape, IE: Internet Explorer 方法 描述 FF N IE abs(x) 返回数的绝对值 1 2 3 acos(x) 返回数的反余弦值 1 2 3 asin(x) 返回数的反正弦值 1 2 3 at

JavaScript中Math对象使用说明

JavaScript中Math对象是是一个固有对象,提供基本数学函数和常数.使用方法: Math.[{property | method}] 其中property是必选项.Math 对象的一个属性名. method是必选项.Math.对象的一个方法名. JavaScript中Math对象不能用 new 运算符创建,如果试图这样做则给出错误.该对象在装载脚本引擎时由该引擎创建.其所有方法和属性在脚本中总是可用.

JavaScript中Math对象的方法介绍

1.比较最值方法 比较最值有两种方法,max() 和 min() 方法. 1.1 max() 方法,比较一组数值中的最大值,返回最大值. var maxnum = Math.max(12,6,43,58,70); alert(maxnum); //"70" 1.2 min() 方法,比较一组数值中的最小值,返回最小值. var minnum = Math.min(12,6,43,58,70); alert(minnum); //"6" 2.数值舍入方法 2.1 ce

介绍JavaScript中Math.abs()方法的使用

这个方法返回一个数字的绝对值. 语法 Math.abs( x ) ; 下面是参数的详细信息: x : 一个数字 返回值: 返回一个数字的绝对值 例子: <html> <head> <title>JavaScript Math abs() Method</title> </head> <body> <script type="text/javascript"> var value = Math.abs(-

JavaScript 中Date对象的格式化代码方法汇总

JavaScript默认的时间格式我们一般情况下不会用,所以需要进行格式化,下面说说我总结的JavaScript时间格式化方法. 很多时候,我们可以利用JavaScript中Date对象的内置方法来格式化,如: var d = new Date(); console.log(d); // 输出:Mon Nov 04 2013 21:50:33 GMT+0800 (中国标准时间) console.log(d.toDateString()); // 日期字符串,输出:Mon Nov 04 2013

ES6中Math对象新增的方法实例详解

本文实例讲述了ES6中Math对象新增的方法.分享给大家供大家参考,具体如下: Math.trunc() Math.trunc方法用于去除一个数的小数部分,返回整数部分. 对于没有部署这个方法的环境,可以用下面的代码模拟. Math.trunc = Math.trunc || function(x) { return x < 0 ? Math.ceil(x) : Math.floor(x); }; Math.sign() Math.sign方法用来判断一个数到底是正数.负数.还是零. 对于没有部

javascript中json对象json数组json字符串互转及取值方法

今天用到了json数组和json对象和json类型字符串之间互转及取值,记录一下: 1.json类型的字符串转换为json对象及取值 var jsonString = '{"bar":"property","baz":3}'; var jsObject = JSON.parse(jsonString); //转换为json对象 alert(jsObject.bar); //取json中的值  2.json对象转为json类型的字符串 var js

JavaScript中判断对象类型的几种方法总结

我们知道,JavaScript中检测对象类型的运算符有:typeof.instanceof,还有对象的constructor属性: 1) typeof 运算符 typeof 是一元运算符,返回结果是一个说明运算数类型的字符串.如:"number","string","boolean","object","function","undefined"(可用于判断变量是否存在). 但 type

JavaScript中Number对象的toFixed() 方法详解

定义和用法 toFixed() 方法可把 Number 四舍五入为指定小数位数的数字. 语法 NumberObject.toFixed(num) 参数 描述 num 必需.规定小数的位数,是 0 ~ 20 之间的值,包括 0 和 20,有些实现可以支持更大的数值范围.如果省略了该参数,将用 0 代替. 返回值 返回 NumberObject 的字符串表示,不采用指数计数法,小数点后有固定的 num 位数字.如果必要,该数字会被舍入,也可以用 0 补足,以便它达到指定的长度.如果 num 大于 l

javascript中String对象的slice()方法分析

本文较为详细的分析了javascript中String对象的slice()方法.分享给大家供大家参考.具体分析如下: 此方法截取字符串中的一段,并返回由被截取字符组成的新字符串. 注:原字符串不会发生改变,返回值是一个新产生的字符串. 语法结构: 复制代码 代码如下: stringObject.slice(start,end) 参数列表: 参数 描述 start  必需.规定从何处开始截取字符串.字符串的首字符的位置是0. 如果此参数为负数,那么将从字符串的尾部开始计算位置.例如:-1代表倒数第