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);
实例化
可
相关文档：
引言
JavaScript的代码就只有 function 一种形式，function 就是函数的类型。也许其他编程语言还有 procedure 或 method 等代码概念，但在 JavaScript 里只有 function 一种形式。当我们写下一个函数的时候，只不过是建立了一个function类型的实体而已。
函数类型
1. &n ......
引言
任何一个函数都可以为其动态地添加或去除属性，这些属性可以是简单类型，可以是对象，也可以是其他函数。也就是说，函数具有对象的全部特征，你完全可以把函数当对象来用。其实，函数就是对象，只不过比一般的对象多了一个括号“()”操作符，这个操作符用来执行函数的逻辑。即，函数本身还可以被调 ......
引言
想必君的悟性极高，可能你会这样想：如果在JavaScript 内置的那些如Object 和Function等函数的prototype上添加些新的方法和属性，是不是就能扩展JavaScript的功能呢？
那么，恭喜你，你得到了！
闭包模型
<script language="javascript">
function person(){& ......
玩透javascript弹出窗口
--------------------------------------------------------------------------------
经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，或者按一个连接或按钮弹出，通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示� ......
jQuery, MooTools, Prototype 等优秀的 JavaScript 框架拥有各种强大的功能，包括绘制 Web 图表，使用这些框架以及相应插件，我们可以非常轻松地实现曲线图，圆饼图，柱状图等 Web 图表的绘制，而不必象以往那样通过复杂的 Flash 技术实现。本文介绍了9个优秀的基于 JavaScript 与 CSS 的 Web 图表框架。 1. Flot Flot ......
