放飛青春初一作文450字

時間：2025-10-08 22:15:19 初一作文我要投稿

放飛青春初一作文450字

　　1.命名空間：

放飛青春初一作文450字

　　js里面的命名空間就是使用對象的屬性來擴展的。比如，用戶定義一個A對象，A對象下面有B屬性和C屬性，同時B屬性和C屬性又是對象。因此A={B:{},C:{}}，這時用戶就可以在B對象和C對象中定義一樣的方法，屬性了。因此B和C就屬于不同的命名空間。我們調用B，C對象里面的方法，就可以通過A.B.like()，A.C.like()調用了。當然A屬于window對象中的屬性。

　　但是有一種情況，比如:boke.jsp頁面引入了jquery.js以及prototype.js（他們都會在window對象中添加$屬性），這時就出現了沖突的情況。

　　因此jquery.js里面就有了noConflict()處理沖突。執行流程：頁面首先引入prototype，這時prototype會占有window的$屬性，然后再引入jquery時，jquery會把之前window的$屬性存放在_$中，然后自己使用$屬性。這時，你可以通過$調用jquery的方法。當你現在不需要使用jquery而想使用prototype時，就可以調用$.noConflict(),這時$就會恢復成prototype對象。這時你就可以通過$使用prototype方法了。

　　復制代碼代碼如下:

　　var _$ = window.$，_jQuery= window.jQuery；

　　noConflict:function(deep){

　　window.$ = _$;

　　if(deep) window.jQuery = _jQuery;

　　return jQuery; /pic/p>

　　}

　　2.對象擴展：

　　命名空間對象有了，那我們需要擴展功能。比如：我需要把A對象的屬性和方法全部復制到B對象中。我不用一個一個在B對象中去寫代碼。

　　復制代碼代碼如下:

　　function mix(target , source){

　　var args = [].slice.call(arguments),i=1,

　　isCover = typeof args[args.length-1] =="boolean" ? args.pop():true; /pic/p>

　　if(args.length == 1){

　　target = !this.window? this:{};

　　/pic/p>

　　i =0;

　　}

　　while((source = args[i++])){

　　for(key in source){

　　if(isCover || !(key in target)) /pic/p>

　　{

　　target[key] = source[key];

　　}

　　return target;

　　}

　　大公司面試官很喜歡問數組的查重，大家可以去看看，數組中的每項可以是對象，而對象A和對象B即便一樣的屬性和方法，但是也是不相等的。字符串和數字，比如123和"123"等，網上一搜，就能找到很全的方法。

　　3.數組化：

　　瀏覽器下有很多類數組對象，arguments,document.forms,document.links，form.elements,document.getElementsByTagName，childNodes等（HTMLCollection,NodeList）。

　　還有一種特殊寫法的自定義對象

　　復制代碼代碼如下:

　　var arrayLike = {

　　0:"a",

　　1:"b",

　　length:2

　　}

　　此對象寫法，就是jQuery對象的寫法。

　　我們需要把上述的類數組對象轉換成數組對象。

　　[].slice.call方法可以解決。但是舊版本IE下的HTMLCollection,NodeList不是Object的子類，不能使用[].slice.call方法。

　　因此我們可以重寫一個slice方法。

　　復制代碼代碼如下:

　　A.slice = window.dispatchEvent ? function(nodes,start,end){ return [].slice.call(nodes，start,end); }

　　/pic/p>

　　:function(nodes,start,end){

　　var ret = [],n=nodes.length;

　　if(end == undefined || typeof end === "number" && isFinite(end)){ /pic/p>

　　start = parseInt(start,10) || 0; /pic/p>

　　end = end == undefined ? n:parseInt(end,10); /pic/p>

　　if(start < 0) start + = n;

　　if(end< 0) end + = n;

　　if(end>n) end = n;

　　for(var i = start;i<end;i++){

　　ret[i-start] = nodes[i]; /pic/p>

　　}

　　return ret;

　　}

　　4.類型的判斷：

　　js五種簡單數據類型有:null,undefined,boolean,number,string。

　　還有復雜的數據類型：Object,Function，RegExp,Date,自定義的對象，比如：Person等。

　　typeof一般用來判斷boolean,number,string，instanceof一般用來判斷對象類型。但它們都有缺陷。比如：firame里面的數組實例就不是父窗口的Array的實例，調用instanceof會返回false。（這題360校招時問過）。typeof new Boolean(true) /pic/p>

　　有很多人使用typeof document.all來判斷是否為IE，其實這是很危險的，因為此屬性谷歌和火狐也喜歡，所以在谷歌瀏覽器下出現了這個情況：typeof document.all /pic/pic/p>

　　但是現在可以使用Object.prototype.toString.call方法判斷類型。此方法可以直接輸出對象內部的[[Class]].但IE8及以下的window對象不能使用此方法。可以使用 window == document /pic/pic/p>

　　nodeType （ 1:元素 Element 2:屬性 attribute 3：文本 Text 9：document）

　　jquery中判斷類型使用的方法：

　　復制代碼代碼如下:

　　class2type ={}

　　jQuery.each("Boolean Number String Function Array Date RegExp Object".split(" "),function(i,name){

　　class2type [ "[object " + name + "]" ] = name.toLowerCase();

　　/pic/p>

　　});

　　jQuery.type = function(obj){ /pic/p>

　　return obj == null ? String(obj) : class2type [ toString.call(obj) ] || "object";