㈠ js中new Boolean()和Boolean()有什麼區別
前者是作為構造函數構造一個Boolean實例,得到的是一個對象,後者是作為普通函數調用,得到的是函數返回值false。
㈡ JS中new()實現了哪些功能
這次給大家帶來JS中new()實現了哪些功能,使用JS中new()的注意事項有哪些,下面就是實戰案例,一起來看一下。
前言
和其他高級語言一樣 javascript 中也有 new 運算符,我們知道 new 運算符是用來實例化一個類,從而在內存中分配一個實例對象。 但在 javascript 中,萬物皆對象,為什麼還要通過 new 來產生對象? 本文將帶你一起來探索 javascript 中 new 的奧秘...
要創建 Person 的新實例,必須使用 new 操作符。
以這種方式調用構造函數實際上會經歷以下 4個步驟:
(1) 創建一個新對象;
(2) 將構造函數的作用域賦給新對象(因此 this 就指向了這個新對象) ;
(3) 執行構造函數中的代碼(為這個新對象添加屬性) ;
(4) 返回新對象。
new 操作符
在有上面的基礎概念的介紹之後,在加上new操作符,我們就能完成傳統面向對象的class + new的方式創建對象,在JavaScript中,我們將這類方式成為Pseudoclassical。
基於上面的例子,我們執行如下代碼
var obj = new Base();這樣代碼的結果是什麼,我們在Javascript引擎中看到的對象模型是:
new操作符具體幹了什麼呢?其實很簡單,就幹了三件事情。
var obj = {};
obj.proto = Base.prototype;
Base.call(obj);第一行,我們創建了一個空對象obj
第二行,我們將這個空對象的proto成員指向了Base函數對象prototype成員對象
第三行,我們將Base函數對象的this指針替換成obj,然後再調用Base函數,於是我們就給obj對象賦值了一個id成員變數,這個成員變數的值是」base」,關於call函數的用法。
如果我們給Base.prototype的對象添加一些函數會有什麼效果呢?
例如代碼如下:
Base.prototype.toString = function() {
return this.id;
}那麼當我們使用new創建一個新對象的時候,根據proto的特性,toString這個方法也可以做新對象的方法被訪問到。於是我們看到了:
構造子中,我們來設置『類'的成員變數(例如:例子中的id),構造子對象prototype中我們來設置『類'的公共方法。於是通過函數對象和Javascript特有的proto與prototype成員及new操作符,模擬出類和類實例化的效果。
相信看了本文案例你已經掌握了方法,更多精彩請關注Gxl網其它相關文章!
推薦閱讀:
vue父組件調用子組件有哪些方法
vue全局組件與局部組件使用案例分析詳解
㈢ JS 中的new出來的對象要怎麼理解
js可以創建並使用的對象有三種:本地對象、內置對象和宿主對象。本地對象就是ECMA-262定義的類(引用類型),應該都是可以new的。另外自己定義或繼承的對象(函數)都是可以new的。ECMA-262把內置對象(built-inobject)定義為「由ECMAScript實現提供的、獨立於宿主環境的所有對象,在ECMAScript程序開始執行時出現」。這意味著開發者不必明確實例化內置對象,它已被實例化了。所有非本地對象都是宿主對象(hostobject),即由ECMAScript實現的宿主環境提供的對象。所有BOM和DOM對象都是宿主對象。希望可以幫到你