js中關(guān)于new Object時傳參的一些細(xì)節(jié)分析
更新時間:2011年03月13日 23:00:31 作者:
這里討論給Object傳參時,其內(nèi)部的處理。參考:ECMA262 V5 15.2.2.1
1, 參數(shù)是一個對象,核心js對象(native ECMAScript object)或宿主對象(host object),那么將直接返回該對象。
其生成的對象構(gòu)造器仍然是所傳參數(shù)對象的構(gòu)造器。這樣造成的后果是雖然該對象是new Object,但其constructor不一定是Object。
function Person(){this.name='jack';}
var w = new Object(window),
d = new Object(document),
p = new Object(new Person());
console.log(w.constructor); //-> Window
console.log(d.constructor); //-> HTMLDocument
console.log(p.constructor); //-> Person
2, 參數(shù)是基本類型對象,如字符串(String),數(shù)字(Number),布爾值(Boolean),將其包裝成對象(轉(zhuǎn)換成其對應(yīng)的包裝類)后返回。
var s = new Object('hello'),
n = new Object(22),
b = new Object(true);
console.log(typeof s); //-> Object
console.log(typeof n); //-> Object
console.log(typeof b); //-> Object
console.log(s.constructor); //-> String
console.log(n.constructor); //-> Number
console.log(b.constructor); //-> Boolean
從以上看出,當(dāng)傳參數(shù)時,使用new Object生成的對象其構(gòu)造器不一定指向Object,只有很巧的時候會指向Object,如
var obj1 = new Object,
obj2 = {};
var o1 = new Object(obj1);
o2 = new Object(obj2);
console.log(o1.constructor); //-> Object
console.log(o2.constructor); //-> Object
以上就能明了為何jquery1.4+中以下代碼返回false了
function Person(){this.name='jack';}
var p = new Person();
$.isPlainObject(new Object(4)); //-> false
$.isPlainObject(new Object('hello')); //-> false
$.isPlainObject(new Object(true)); //-> false
$.isPlainObject(new Object(p)); //-> false
其生成的對象構(gòu)造器仍然是所傳參數(shù)對象的構(gòu)造器。這樣造成的后果是雖然該對象是new Object,但其constructor不一定是Object。
復(fù)制代碼 代碼如下:
function Person(){this.name='jack';}
var w = new Object(window),
d = new Object(document),
p = new Object(new Person());
console.log(w.constructor); //-> Window
console.log(d.constructor); //-> HTMLDocument
console.log(p.constructor); //-> Person
2, 參數(shù)是基本類型對象,如字符串(String),數(shù)字(Number),布爾值(Boolean),將其包裝成對象(轉(zhuǎn)換成其對應(yīng)的包裝類)后返回。
復(fù)制代碼 代碼如下:
var s = new Object('hello'),
n = new Object(22),
b = new Object(true);
console.log(typeof s); //-> Object
console.log(typeof n); //-> Object
console.log(typeof b); //-> Object
console.log(s.constructor); //-> String
console.log(n.constructor); //-> Number
console.log(b.constructor); //-> Boolean
從以上看出,當(dāng)傳參數(shù)時,使用new Object生成的對象其構(gòu)造器不一定指向Object,只有很巧的時候會指向Object,如
復(fù)制代碼 代碼如下:
var obj1 = new Object,
obj2 = {};
var o1 = new Object(obj1);
o2 = new Object(obj2);
console.log(o1.constructor); //-> Object
console.log(o2.constructor); //-> Object
以上就能明了為何jquery1.4+中以下代碼返回false了
復(fù)制代碼 代碼如下:
function Person(){this.name='jack';}
var p = new Person();
$.isPlainObject(new Object(4)); //-> false
$.isPlainObject(new Object('hello')); //-> false
$.isPlainObject(new Object(true)); //-> false
$.isPlainObject(new Object(p)); //-> false
您可能感興趣的文章:
- js之ActiveX控件使用說明 new ActiveXObject()
- javascript中IE瀏覽器不支持NEW DATE()帶參數(shù)的解決方法
- 關(guān)于js new Date() 出現(xiàn)NaN 的分析
- JS正則表達式字面量和使用new RegExp構(gòu)造函數(shù)創(chuàng)建的正則表達式有什么區(qū)別
- Javascript new關(guān)鍵字的玄機 以及其它
- Javascript new Date().valueOf()的作用與時間戳由來詳解
- javascript new一個對象的實質(zhì)
- JavaScript中的new的使用方法與注意事項
- js中獲取時間new Date()的全面介紹
- JavaScript初學(xué)者必看“new”
相關(guān)文章
微信小程序 this.triggerEvent()的具體使用
這篇文章主要介紹了微信小程序 this.triggerEvent()的具體使用,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12js實現(xiàn)雙向鏈表互聯(lián)網(wǎng)機頂盒實戰(zhàn)應(yīng)用實現(xiàn)
js實現(xiàn)雙向鏈表互聯(lián)網(wǎng)機頂盒實戰(zhàn)應(yīng)用實現(xiàn),需要的朋友可以參考下。2011-10-10javascript實現(xiàn)在指定元素中垂直水平居中
當(dāng)談到網(wǎng)頁的布局中,居中問題一直得不到很有效的解決,居中通常是相對于某一個元素的,比如我們經(jīng)常所說的屏幕居中的問題,我們了解父元素的信息越多,我們就越能更加容易的實現(xiàn)居中布局。下面我們通過具體的實例來看看javascript如何來實現(xiàn)垂直水平居中2015-09-09js統(tǒng)計頁面上每個標(biāo)簽的數(shù)量實例代碼
這篇文章通過實例代碼給大家講解了通過js統(tǒng)計頁面上每個標(biāo)簽的數(shù)量,代碼很簡單,具有一定的參考借鑒價值,需要的朋友參考下吧2018-05-05