关闭

js initialize

243人阅读 评论(0) 收藏 举报
代码如下:
var Class = { 
    create: function() { 
        return function() { 
            this.initialize.apply(this , arguments); 
        } 
    } 

// Class使用方法如下
var A = Class.create(); 
A. prototype={ 
    initialize:function(v){ 
        this .value=v; 
    } ,
    showValue:function(){ 
        alert(this.value); 
    } 

var a = new A(‘helloWord!'); 

a. showValue();//弹出对话框helloWord!



 Js的面向对象 
initialize是什么? 
只不过是个变量,代表一个方法,用途是类的构造函数。 
其具体功能靠js的面向对象支持,那么js的面向对象是什么样子的那?和java 的有什么相同与不同? 
看代码:

代码如下:
var ClassName = function(v){ 
    this.value=v; 
    this.getValue=function(){ 
        return this.value; 
    } 
    this.setValue=function(v){ 
        this.value=v; 
    } 
}

那么JS中的函数和类有什么不同呢? 
其实是一样的,ClassName就是一个函数,当出现在new后面的时候就作为一个构造函数来构造对象。 

代码如下:
var objectName1 = new ClassName(“a”);//得到一个对象

其中objectName1就是执行ClassName构造函数后得到的对象,而在ClassName函数中的this指的就是new之后构造出来的对象,所以objectName1会后一个属性和两个方法。可以通过这样来调用他们:

代码如下:
objectName1.setValue(''hello''); 
alert(objectName1.getValue());//对话框hello 
alert(objectName1.value) ;//对话框hello

那么

复制代码 代码如下:
var objectName2 = ClassName(“b”);//得到一个对象

这样objectName2得到的是什么呢?显然是方法的返回值,这里ClassName只作为了一个普通的函数(虽然首字母大写了)。但是在之前写的ClassName中并没有返回值,所以objectName2会是undifinded那么“b”赋给谁了呢?在这并没有产生一个对象,而只是单纯的执行这个方法,所以这个“b”赋值给了调用这个方法的对象window,证据如下:
var objectName2 = ClassName(“b”);//得到一个对象 
alert(window.value);//对话框b 
所以JS中的所有function都是一样的,但是用途可能是不同的(用作构造对象抑或是执行一个过程)。 
下面该回到主题了initialize是干什么的?

代码如下:
var Class = { 
    create: function() { 
        return function() { 
            this.initialize.apply(this , arguments); 
        } 
    } 

var A = Class.create();

这段代码是构造个一个function复制给A,这个function是

复制代码 代码如下:
function() { 
    this.initialize.apply(this , arguments); 
}

并且后面这个方法是用来做构造函数的。当使用这个构造函数来构造对象的时候,会让构造出来的这个对象的initialize变量执行apply()方法,apply()的用途后面在说,继续说initialize。这样在初始化对象的时候会联系到initialize(怎么联系就要看apply的了)。
那么

代码如下:
A.prototype={ 
    initialize:function(v){ 
        this .value=v; 
    } 
    showValue:function(){ 
        alert(this.value); 
    } 
}

是什么意思呢? 
Prototype是“原型”的意思。A是一个function(),那么A. prototype,就是function中的一个变量,其实是个对象。这个对象拥有什么方法,那么function产生的对象就拥有什么方法,故
var a = new A(‘helloWord!'); 
a. showValue();//弹出对话框helloWord!
所以a对象也会有initialize方法,不只如此,每一个有A构造出来的对象都会有一个initialize方法,而在前面说过,构造的时候会调用构造函数,构造函数里面会让initialize去调用apply方法,于是在new A(‘helloWord!')的时候initialize回去调用apply方法。这也就是调用了一个初始化的方法。

三、 call()和apply() 
下面开始研究apply(),在网上找了几个资料,并结合自己的研究,了解了call()和apply()的功能。功能基本一样,function().call(object,{},{}……)或者function().apply (object,[……])的功能就是对象object调用这里的funciton(),不同之处是call参数从第二个开始都是传递给funciton的,可以依次罗列用“,”隔开。而apply只有两个参数,第二个是一个数组,其中存储了所有传递给function的参数。
this.initialize.apply(this , arguments); 
是什么意思? 
这里的第一个this,是指用new调用构造函数之后生成的对象,也就是前面的a,那么第二个this也当然应该是指同一个对象。那这句话就是this(也就是a)调用initialize方法,参数是arguments对象(参数的数组对象),所以在构造函数执行的时候,对象a就会去执行initialize方法来初始化,这样就和单词“initialize”的意思对上了。
那么执行initialize方法的参数怎么传递进去的呢?

四、 Arguments对象 
这段代码能说明一切了:

代码如下:
function test(){ 
    alert(typeof arguments); 
    for(var i=0; i<arguments.length; i++){ 
        alert(arguments[i]); 
    } 

test("1","2","3"); 
test("a","b");

执行后alert(typeof arguments);会显示object,说明arguments是对象。然后会依次打出1、2、3。说明arguments就是调用函数的实参数组。

代码如下:
var Class = { 
    create: function() { 
        return function() { 
            this.initialize.apply(this , arguments); 
        } 
    } 
}

arguments 就是create返回的构造函数的实参数组,那么在 
var a = new A(‘helloWord!'); 
的时候‘helloWord!'就是实参数组(虽然只有一个字符串),传递给方法apply,然后在调用initialize 的时候作为参数传递给初始化函数initialize。



0
0
查看评论

解析js 中的 this.initialize.apply(this, arguments)

一、 起因 那天用到prototype.js于是打开看看,才看几行就满头雾水,原因是对js的面向对象不是很熟悉,于是百度+google了一把,最后终于算小有收获,写此纪念一下^_^。 prototype.js代码片段 代码如下: var Class = {   &#...
  • gameWYD
  • gameWYD
  • 2011-10-20 13:52
  • 3834

javascript 谁才是initialize方法

<!-- var A = function() { this.initialize.apply(this , arguments); //这里apply调用的是prototype中的initialize为什么不调用这个initialize而死循环呢? }; A.prot...
  • nailwl
  • nailwl
  • 2009-07-28 11:54
  • 5405

JavaScript中的self、this、call、apply、prototype、initialize

最近在学习EaselJS框架,于是看了一些JavaScript,也在学习的过程中产生了许多问题,不过很多问题网友们也有这样的疑问,好在许多前人总结了问题,我在这里分享一个问题,一下原文来自网络,我做了整理。原文链接在文尾prototype.js代码片段 代码如下:var Class = { ...
  • Frank_Jay
  • Frank_Jay
  • 2015-12-05 21:48
  • 1824

理解 this.initialize.apply ( this, arguments )

一、代码片段: 1、Class定义如下 var Class = { create: function() { return function() { this.initialize.apply(this, arguments); } } } 2、Class使用方...
  • beitiandijun
  • beitiandijun
  • 2014-09-26 13:45
  • 3495

JavaScript init 静态方法 对象语言 JS 值传递 函数 Archive Boolean for

导读:   Published by 小马5月 15th, 2007.   今天看到MSDN 上的新文章:Create Advanced Web Applications With Object-Oriented Techniques。   很久没有看到这样让人唇齿留香的好文了。上次看到的是一篇是 ...
  • yfgcq
  • yfgcq
  • 2007-11-23 10:19
  • 8565

js initialize

代码如下: var Class = {      create: function() {          return function() {   ...
  • dage212
  • dage212
  • 2016-08-31 11:07
  • 243

js 编写神经网络

//神经元对象 function SNeuron(m_NumInputs){ this.m_NumInputs=m_NumInputs; this.m_vecWeight=new Array(); this.init(); return this; } SNeuro...
  • koryako
  • koryako
  • 2016-10-18 17:05
  • 1427

Buffalo Ajax框架使用

buffalo-2.0(国人开发的Ajax框架),下载buffalo-2.0-bin就可以了,个人认为也下载buffalo-2.0-src下载地址:http://sourceforge.net/project/showfiles.php?group_id=1788671.buffalo-2.0.ja...
  • gloomyboyo
  • gloomyboyo
  • 2008-03-24 22:39
  • 2781

V8世界探险 (1) - v8 API概览

V8世界探险 (1) - v8 API概览v8是Google开发的JavaScript引擎,自推出后就对js生态产生了巨大的影响。比如产生了运行在服务端的Node.js的巨大生态。这么好玩的东西,我们当然要冲起去看看它的内部是如何实现的了。Hello,v8 World!首先好玩的一点是,v8可以作为...
  • lusing
  • lusing
  • 2016-11-04 14:58
  • 873

js 技巧集

网页按钮的特殊颜色鼠标移入移出时颜色变化平面按钮按钮颜色变化平面输入框window.resizeTo(300,283);使窗口变成指定的大小共和国        使文字上下滚动点击时文字消失,失去焦点时文字再出现http://ww...
  • xieyj
  • xieyj
  • 2006-09-12 10:49
  • 2115
    个人资料
    • 访问:1204次
    • 积分:21
    • 等级:
    • 排名:千里之外
    • 原创:0篇
    • 转载:5篇
    • 译文:0篇
    • 评论:0条