之前在項目中用到substring方法,因為C#中也有字符串的截取方法Substring方法,當(dāng)時也沒有多想就誤以為這兩種方法的使用時一樣的。這樣就直接按照在C#中使用Substring的方式,直接在js中用了substring,在實際的項目中,有時候能得到正確的結(jié)果,但是有時候得到的結(jié)果卻讓人匪夷所思,后來仔細(xì)的調(diào)試跟蹤之后才發(fā)現(xiàn),原來是Js中substring的方法跟C#中的Substring方法不一樣。關(guān)于C# 中的字符串截取方法已經(jīng)很簡單了,這里就不再敘述了。主要講一個js中的substring方法,順便再講一下substr方法。
Substring:
該方法可以有一個參數(shù)也可以有兩個參數(shù)。
l 一個參數(shù):
示例: var str=“Olive”;
str.substring(3);
結(jié)果:“ve”
說明:當(dāng)substring只有一個參數(shù)時,參數(shù)表示從字符串的第幾位開始截取,
直截取到字符串結(jié)尾。
l 兩個參數(shù):
示例:var str=“Olive”;
1) Str.substring(3,4);
2) Str.substring(3,2);
結(jié)果:1) “v” 2) 0
說明:當(dāng)substring有兩個參數(shù)時,第一個參數(shù)表示從字符串的第幾位開始截取,第二個參數(shù)表示截取到字符串的第幾位。這點是個C#中字符截取不同的一點,所以才會導(dǎo)致不同的結(jié)果。
Substr:
該方法也可以有一個或兩個參數(shù)。
l 一個參數(shù):
說明:substr一個參數(shù)時,作用跟substring方法一個參數(shù)時一樣。
l 兩個參數(shù):
示例:var str=“Olive”;
1) Str.substr(3,2);
2) Str.substr(3,4);
結(jié)果:1) “ve” 2) “ve”
說明:substr有兩個參數(shù)時,第一個參數(shù)表示從字符串的第幾位開始截取,第二個參數(shù)表示截取多少位字符串。這點跟C#中字符截取相同的,所以在以后的使用中,如果想要避免出現(xiàn)截取的問題最好還是使用substr。
因為項目中有些地方看到有用到這個方法,當(dāng)時也不知道是什么意思,見的多了就想了
解一下。原來這個方法還是挺有用的,多用在編寫插件,當(dāng)然,它本身也有一些重載原型。
這里這個方法主要用來合并,將所有的參數(shù)項都合并result中,并返回result,但是這
樣就會破壞result的結(jié)構(gòu)。
用這個方法,可以將所得的結(jié)果全部合并在{}中,并返回,而且還不會破壞原有的項的結(jié)構(gòu)。
示例:
Var item={name:”olive”,age:23};
Var item1={name:”Momo”,sex:”gril”};
Var result=$.extend({},item,item1);
結(jié)果:
Result={name:”Momo”,age:23,sex:”gril”};
說明:
以上的結(jié)果表明extend方法將所有的項都合并到了{(lán)}中,但是,細(xì)心一點就會發(fā)現(xiàn),其中item1中的name:“Momo” 將item中的name:“olive”給覆蓋了,這是怎么回事?請接著往下看。
Extend方法還有帶bool型參數(shù)的重載。
bool型參數(shù)為true表示深拷貝,為false時表示淺拷貝。具體可以通過一下示例來說明:
示例:
var item={name:“olive”,age:23,address{PRovice:”河南”,city:”鄭州”}};
var item1={sex:”girl”,address{city:”北京”}};
var result=$.extend(true,item,item1);
var result1=$.extend(false,item,item1);
結(jié)果:
Result={name:“olive”,age:23,sex:”gril”,address:{provice:”河南”,city:”北京”}};
Result1={name:“olive”,age:23,sex:”gril”,address:{ city:”北京”}};
說明:
以上結(jié)果說明,當(dāng)參數(shù)為ture時,即為深拷貝,當(dāng)子項item1中的子項有與item中的子項相同屬性的值不一樣時,item1中子項的值會將item子項中的值給覆蓋,當(dāng)子項item1的屬性跟item中的屬性不同時,會與item進(jìn)行合并。
當(dāng)參數(shù)為false時,子項item1中的子項中與item中的子項屬性相同時,item1中子項的屬性值會將item中的值給完全覆蓋。
該方法是將item合并到Jquery的全局對象中去,相當(dāng)于為Jquery全局對象添加了一個
靜態(tài)方法(對應(yīng)這里的靜態(tài)方法,當(dāng)然還有實例方法,在后邊有介紹)。
示例:
$.extend({SayHello:function(value){alert(“hello “+value);}});
這樣寫過之后,就可以直接調(diào)用SayHello方法:
$.SayHello(“Olive”);
說明:該方法相當(dāng)于為Jquery類添加了新的方法。
上邊提到的$.extend(item)說是為Jquery類添加了靜態(tài)方法,那么這里的$.fn.extend(item
)就是為每一個實例添加一個實例方法了。
示例:
$.fn.extend({hello:function(value){alert(“hello “+value);}});
這樣寫過之后,在獲取每一個示例之后,都可以調(diào)用該方法:
$(“#id”).hello(“Olive”);
初次看到這種寫法時,一頭霧水,不知所云。在網(wǎng)上查找了一些資料之后才有點明白。
我們先看第一個括號里邊的內(nèi)容:function($){….},這不就是一個匿名的函數(shù)嗎?但是它的形參比較奇怪,是$,這里主要是為了不與其它的庫沖突。
這樣我們就比較容易理解第一個括號內(nèi)的內(nèi)容就是定義了一個匿名函數(shù),我們在調(diào)用函數(shù)的時候,都是函數(shù)名后邊加上括號以及實參,但是由于操作符的優(yōu)先級我們定義的匿名函數(shù)也需要用()括起來。
現(xiàn)在我想大家已經(jīng)很清楚這句話是什么意思了吧。第一個括號表示定義了一個匿名函數(shù),然后第二個函數(shù)表示為該函數(shù)傳遞的參數(shù),整個結(jié)合起來意思就是,定義了一個匿名函數(shù),然后又調(diào)用該函數(shù),該函數(shù)的實參為jQuery。
相當(dāng)于:function fun($){…};fun(jQuery);
這種方法多用于存放開發(fā)的插件,執(zhí)行其中的代碼時,Dom對象并不一定加載完畢。于此相反的是$(function(){}),這種方法在使用時頁面的Dom對象已經(jīng)加載完畢了。事實上該方法的全寫是:$(document).ready(function(){});
新聞熱點
疑難解答