Javascript 面向对象机制的实现
Javascript 面向对象机制的实现
自定义类的实现方法很多，重点谈两种。
构造函数法
function Player(url){
this.url = url;
this.showUrl = function(){
alert(this.url);
}
this.play = function(){
// do play
}
}
var myPlayer = new Player("test.mp3");
myPlayer.showUrl();
alert(myPlayer instanceof Player);
优点：类被封装成一个整体 声明实例用new运算符
缺点：对象的方法会重复生成
function Player(url){
this.url = url;
if(typeof Player._initialized == "undefined"){
Player.prototype.showUrl = function(){
alert(this.url);
Player._initialized = true;
}
}
}
var myPlayer = new Player("test.mp3");
myPlayer.showUrl();
alert(myPlayer instanceof Player);
优点：避免了函数的重复创建
缺点：麻烦一点
访问权限
JavaScript 本身并没法区分私有变量和公共变量，通常在命名上区分一下，一般习惯在私有变量的前加一个下划线 this._privateProperty。
有var声明的局部变量可以当作私有变量，this引导的为共有对象。
事件
function Player(url){
this.url = url;
var self = this;
var position;
this.onPositionChange = null; // 事件定义
this.setPosition = function(value){
self.position = value;
if (this.onPositionChange)
this.onPositionChange(this); //事件触发
}
}
var myPlayer = new Player("test.mp3");
myPlayer.onPositionChange = function fun(obj){ //事件订阅
alert(obj.position + 's Position Change');
}
myPlayer.setPosition(100);
实例化
可
相关文档：
引言
任何一个函数都可以为其动态地添加或去除属性，这些属性可以是简单类型，可以是对象，也可以是其他函数。也就是说，函数具有对象的全部特征，你完全可以把函数当对象来用。其实，函数就是对象，只不过比一般的对象多了一个括号“()”操作符，这个操作符用来执行函数的逻辑。即，函数本身还可以被调 ......
引言
再来看看function与object的超然结合吧。
在面向对象的编程世界里，数据与代码的有机结合就构成了对象的概念。自从有了对象，编程世界就被划分成两部分，一个是对象内的世界，一个是对象外的世界。对象天生具有自私的一面，外面的世界未经允许是不可访问对象内部的。对象也有大 ......
引言
除JSON外，在JavaScript中我们可以使用new操作符结合一个函数的形式来创建对象。例如：
function MyFunc() {}; //定义一个空函数
var anObj = new MyFunc(); //使用 new 操作符，借助 MyFun 函数，就创建� ......
我们都知道java、c#、vb等语言都有sleep暂停的函数，而JavaScript脚本没有类似的功能。
下面就是我的实现的方法：
<mce:script type="text/javascript"><!--
function test()
{
var s="javascript--暂停函数";
setTimeout(
function(){
eval(sleep(test)); //执行return之后的代码，也就是&ldq ......
jQuery, MooTools, Prototype 等优秀的 JavaScript 框架拥有各种强大的功能，包括绘制 Web 图表，使用这些框架以及相应插件，我们可以非常轻松地实现曲线图，圆饼图，柱状图等 Web 图表的绘制，而不必象以往那样通过复杂的 Flash 技术实现。本文介绍了9个优秀的基于 JavaScript 与 CSS 的 Web 图表框架。 1. Flot Flot ......
