关于Javascript构造函数,类初始化实例

最新推荐文章于 2024-01-24 13:48:46 发布

转载最新推荐文章于 2024-01-24 13:48:46 发布 · 1k 阅读

文章标签：

#javascript #function #class

javascript 专栏收录该内容

93 篇文章

订阅专栏

本文详细解释了JavaScript中类构造方法的使用方式，包括如何创建类、类成员的定义及实例化过程，并通过示例展示了类方法的应用。

var Class = {

　create: function() {
　　return function() {
　　　this.initialize.apply(this, arguments);
　　}
　}
}

　这是prototype.js里面的类构造方法，使用方法是：

　　var myClass = Class.create();

　　这样就可以创建一个类了。

　　继续加入：

myClass.prototype =
{
　x : function () { return 1; }
　y : function () { return 2; }
　initialize : function () { alert(this.x + this.y); }
}

那么，你在实例化该类的时候：

　　var mclass = new myClass();

　　此时会弹出一个对话框，相当于：alert(1 + 2);

var Class = {
　　　　create: function() {
　　　　　　return function() { this.initialize.apply(this, arguments); }
　　　　}
　　}
　　// 这是prototype.js里面的类构造方法，使用方法是：
　　var myClass = Class.create();
　　// 这样就可以创建一个类了。
　　// 继续加入：
　　myClass.prototype = {
　　　　x : function () { return 1; },
　　　　y : function () { return 2; },
　　　　initialize : function () { alert(this.x() + this.y()); }
　　}
　　// 那么，你在实例化该类的时候：
　　var mclass = new myClass();
　　// 此时会弹出一个对话框，相当于：alert(1 + 2);
<script type="text/javascript">
　　var Class = {
　　　　create: function()
　　　　{
　　　　　　return function()
　　　　　　{
　　　　　　　　this.initialize.apply(this, arguments);
　　　　　　}
　　　　}
　　}
　　// 这是prototype.js里面的类构造方法，使用方法是：
　　var myClass = Class.create();
　　// 这样就可以创建一个类了。
　　// 继续加入：
　　myClass.prototype =
　　{
　　　　a : 2,
　　　　
　　　　b : 3,
　　　　
　　　　x : function (m_x)
　　　　{
　　　　　　return (this.a * m_x);
　　　　},
　　　　
　　　　y : function (m_y)
　　　　{
　　　　　　return (this.b + m_y);
　　　　},
　　　　
　　　　initialize : function (m_value)
　　　　{
　　　　　　alert(m_value + ':' + this.x(2) + this.y(4));
　　　　}
　　}
　　// 那么，你在实例化该类的时候：
　　var mclass = new myClass('结果');
　　
　　// 此时会弹出一个对话框，相当于：alert(1 + 2);
</script>