亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

javascript中的self和this用法小結

2019-11-20 21:09:08
字體:
來源:轉載
供稿:網友

一、 起因
那天用到prototype.js于是打開看看,才看幾行就滿頭霧水,原因是對js的面向對象不是很熟悉,于是百度+google了一把,最后終于算小有收獲,寫此紀念一下^_^。
prototype.js代碼片段

代碼如下:
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!

l initialize是什么?
l apply方法是干什么的?
l arguments變量呢?
l 為什么new A后就會執行initialize方法?
尋找答案:

二、 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。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
国产精品美女视频网站| 在线视频中文亚洲| 亚洲人精品午夜在线观看| 国产精品99久久久久久www| 欧美国产一区二区三区| 欧美日韩免费一区| 日韩成人在线网站| 亚洲国语精品自产拍在线观看| 亚洲男人7777| 国产精品久久久久久久久久东京| 亚洲国产天堂网精品网站| 国产精品欧美日韩久久| 精品一区二区三区电影| 久久99青青精品免费观看| 国内精品久久久久影院 日本资源| 尤物九九久久国产精品的特点| 日韩精品在线观看一区| 久久综合伊人77777尤物| 久久久在线免费观看| 久久久午夜视频| 欧美主播福利视频| 91老司机在线| 亚洲精品综合精品自拍| 中文字幕亚洲欧美一区二区三区| 日韩亚洲一区二区| 奇米成人av国产一区二区三区| 国产精品视频在线播放| 久久九九全国免费精品观看| 欧美精品在线播放| 精品久久久久久| 亚洲成人激情在线| 日韩成人黄色av| 国产精品午夜视频| 欧美激情a在线| 视频一区视频二区国产精品| 夜夜嗨av色综合久久久综合网| 国产成人jvid在线播放| 欧美富婆性猛交| 国产精品高潮视频| 国产综合在线看| 亚洲国产精品一区二区三区| 国产日韩欧美视频在线| 欧美黄色片免费观看| 久久久国产一区二区| 久久久极品av| 精品亚洲一区二区三区| 91老司机在线| 色偷偷噜噜噜亚洲男人| 国内精品久久久久久| 日韩av在线影视| 中文字幕久精品免费视频| 国产精品视频yy9099| 国产在线一区二区三区| 在线视频中文亚洲| 国产91在线播放精品91| 日韩有码视频在线| 精品高清一区二区三区| 色妞色视频一区二区三区四区| 中日韩美女免费视频网址在线观看| 欧美一区三区三区高中清蜜桃| 精品国产乱码久久久久久天美| 中文字幕亚洲专区| 亚洲国产小视频| 国产精品美女免费视频| 中文字幕国产亚洲| 中国人与牲禽动交精品| 色噜噜狠狠色综合网图区| 2018国产精品视频| 日韩在线观看免费全集电视剧网站| 在线精品高清中文字幕| 91最新在线免费观看| 国产精品久久久久久一区二区| 色哟哟网站入口亚洲精品| 日韩欧美精品在线观看| 91麻豆桃色免费看| 久久综合九色九九| 国产日本欧美一区二区三区| 911国产网站尤物在线观看| 国产精品免费一区二区三区都可以| 国产一级揄自揄精品视频| 亚洲精品小视频| 国产视频久久网| 国产欧美精品一区二区三区-老狼| www.午夜精品| 日韩精品在线观看一区| 国产精品专区第二| 日本久久久久亚洲中字幕| 欧美高清视频一区二区| 日韩视频在线观看免费| 国产精品久久中文| 日韩精品中文在线观看| 7777kkkk成人观看| 亚洲欧洲一区二区三区在线观看| 国产精品久久久久久中文字| 九九热r在线视频精品| 韩国v欧美v日本v亚洲| 亚洲人成在线观看网站高清| 岛国av在线不卡| 久久久久久久一区二区三区| 午夜精品久久久久久99热软件| 川上优av一区二区线观看| 国产精品欧美日韩久久| 8x海外华人永久免费日韩内陆视频| 欧美日韩亚洲一区二区三区| 2019中文字幕免费视频| 不卡伊人av在线播放| 亚洲欧洲国产伦综合| 国产主播喷水一区二区| 亚洲精品一区二区三区婷婷月| 国产精品xxx视频| 国产精品久久久久久久久| 97精品一区二区三区| 亚洲欧美成人精品| 亚州精品天堂中文字幕| 精品久久国产精品| 91av国产在线| 欧美在线性爱视频| 亚洲精品永久免费| 不用播放器成人网| 中文在线资源观看视频网站免费不卡| 综合网日日天干夜夜久久| 一区二区成人精品| 久久99精品国产99久久6尤物| 国产99久久精品一区二区 夜夜躁日日躁| 国产精品夜间视频香蕉| 日韩中文字幕在线视频播放| 亚洲伊人久久大香线蕉av| 日韩中文字幕免费视频| 精品自在线视频| 国内外成人免费激情在线视频| 在线免费看av不卡| 欧美激情小视频| 国产成人精品一区二区在线| 日韩av在线一区二区| 亚洲天堂免费观看| 亚洲成人av资源网| 高清欧美性猛交| 欧美性猛交xxxxx免费看| 亚洲影院污污.| 91网站在线免费观看| 日韩精品视频免费在线观看| 成人黄色午夜影院| 亚洲电影免费在线观看| 日韩美女av在线免费观看| 日韩黄色高清视频| 国产精品成人一区| 亚洲国产天堂久久综合| 国产亚洲一级高清| 成人在线精品视频| 亚洲精品国偷自产在线99热| 日韩在线观看免费| 在线视频免费一区二区| 久久久免费精品视频| 亚洲美女免费精品视频在线观看| 亚洲在线免费观看| 久久亚洲国产精品| 91久久精品日日躁夜夜躁国产| 亚洲第一天堂无码专区| 日韩中文字幕在线视频播放| 国产精品18久久久久久首页狼| 亚洲天堂网站在线观看视频| 亚洲福利视频久久| 亚洲国产97在线精品一区| 中文字幕日韩视频|