淺談javascript中new操作符的原理
更新時間：2016年06月07日 15:38:00 投稿：jingxian
下面小編就為大家?guī)硪黄獪\談javascript中new操作符的原理。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
javascript中的new是一個語法糖，對于學過c++，java 和c#等面向?qū)ο笳Z言的人來說，以為js里面是有類和對象的區(qū)別的，實現(xiàn)上js并沒有類，一切皆對象，比java還來的徹底
new的過程實際上是創(chuàng)建一個新對象，把新象的原型設(shè)置為構(gòu)造器函數(shù)的原型，在使用new的過程中，一共有3個對象參與了協(xié)作，構(gòu)造器函數(shù)是第一個對象，原型對象是二個，新生成了一個空對象是第三個對象，最終返回的是一個空對象，但這個空對象不是真空的，而是已經(jīng)含有原型的引用（__proto__)
步驟如下：
(1) 創(chuàng)建一個空對象obj
(2) 讓空對象的__proto__（IE沒有該屬性）成員指向了構(gòu)造函數(shù)的prototype成員對象
(3) 使用apply調(diào)用構(gòu)造器函數(shù)，this綁定到空對象obj上。
(4) 返回空對象obj
可以自己寫個函數(shù)替代使用new也是完全可以的，示例代碼如下：
function NEW_OBJECT(Foo){
var obj={};
obj.__proto__=Foo.prototype;
obj.__proto__.constructor=Foo;
Foo.apply(obj,arguments)
return obj;
}
以上這篇淺談javascript中new操作符的原理就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript中Function()函數(shù)的使用教程
這篇文章主要介紹了JavaScipt中Function()函數(shù)的使用教程,是JavaScipt入門學習中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了form表單序列化操作，通過將表單中的鍵值序列化為可提交的字符串，并附上代碼實例詳細講解了運行之后的結(jié)果,需要的朋友可以參考下2017-08-08
下面小編就為大家?guī)硪黄P(guān)于session和cookie的簡單理解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
由于瀏覽器同源策略的限制,非同源下的請求,都會產(chǎn)生跨域問題,jsonp即是為了解決這個問題出現(xiàn)的一種簡便解決方案,下面這篇文章主要給大家介紹了關(guān)于JSONP跨域原理以及實現(xiàn)的相關(guān)資料,需要的朋友可以參考下2022-06-06
這篇文章主要簡單分析介紹了javascript操作 cookie對象的方法及示例，有需要的小伙伴參考下2014-12-12
JavaScript中constructor()方法的使用簡介
這篇文章主要介紹了JavaScript中constructor()方法的使用簡介,是JS入門學習中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06
Javascript標準DOM Range操作全集...2007-01-01
這篇文章主要介紹了JavaScript中的some()方法使用詳解,是JS入門學習中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06
Dart編程語言是一個完全面向?qū)ο蟮恼Z言，包括基礎(chǔ)類型如int變量也都是對象,本文主要介紹了Google Dart編程語法和基本類型2013-11-11
JavaScript高級程序設(shè)計（第3版）學習筆記 概述
在JavaScript面世之初，沒有人會想到它會被應(yīng)用的如此廣泛，也遠比一般人想象中的要復雜強大的多，在我自己學習的過程中，曾經(jīng)有過多次震撼2012-10-10