• <fieldset id="8imwq"><menu id="8imwq"></menu></fieldset>
  • <bdo id="8imwq"><input id="8imwq"></input></bdo>
    最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
    問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
    當前位置: 首頁 - 科技 - 知識百科 - 正文

    JavaScript中使用構造器創建對象無需new的情況

    來源:懂視網 責編:小采 時間:2020-11-27 20:30:55
    文檔

    JavaScript中使用構造器創建對象無需new的情況

    JavaScript中使用構造器創建對象無需new的情況:JS中創建對象可以直接使用直接量的方式,這里討論的是定義一個構造器(function)的情況。如下 function Person(name, age) { this.name = name; this.age = age;}var p = new Person('lily', 20); 發現某些庫代碼中
    推薦度:
    導讀JavaScript中使用構造器創建對象無需new的情況:JS中創建對象可以直接使用直接量的方式,這里討論的是定義一個構造器(function)的情況。如下 function Person(name, age) { this.name = name; this.age = age;}var p = new Person('lily', 20); 發現某些庫代碼中

    JS中創建對象可以直接使用直接量的方式,這里討論的是定義一個構造器(function)的情況。如下
    function Person(name, age) {
    this.name = name;
    this.age = age;
    }
    var p = new Person('lily', 20);

    發現某些庫代碼中創建正則對象的方式無需new,這讓人感到奇怪。如下
    var reg = RegExp('^he$');

    測試發現使用或不使用new,最后返回的都是正則對象,且typeof它們都是“object”。
    var reg1 = new RegExp('^he$');
    var reg2 = RegExp('^he$');
    reg1.test('he'); // true
    reg2.test('he'); // true
    console.log(typeof reg1); // object
    console.log(typeof reg2); // object

    嗯,挺好,代碼運行正常。
    如果這樣的話干脆就不寫new了,這么還節省了代碼量。其它類型也是這樣嗎?試試String/Number/Boolean。
    var str1 = new String(1);
    var str2 = String(1);
    var num1 = new Number('1');
    var num2 = Number('1');
    var boo1 = new Boolean(1);
    var boo2 = Boolean(1);
    console.log(typeof str1); // object
    console.log(typeof str2); // string
    console.log(typeof num1); // object
    console.log(typeof num2); // number
    console.log(typeof boo1); // object
    console.log(typeof boo2); // boolean

    可以看到,與正則的情況不同。正則無論是否new,typeof后都是object。
    但String/Number/Boolean類型,new的對象typeof返回是“object”,不new的typeof返回則是“string”。
    即不適用new的情況可以將其它類型分別轉化成字符串,數字和布爾類型。

    好了,再回到篇頭的那個Person類。即我們自己寫的類可以不用new操作符生成對象嗎?
    function Person(name, age) {
    this.name = name;
    this.age = age;
    }
    var p = Person('lily', 20);
    console.log(p); // undefined

    返回undefined,很明顯不行。因此想不用new的情況去創建Person實例是異想天開的。
    如果非要實現呢?其實也行,如下
    function Person(name, age) {
    this.name = name;
    this.age = age;
    if (this===window) {
    return new Person(name, age);
    }
    }
    var p = Person('lily', 20); // object

    稍微改造了下Person類。實際上內部區分了下Person是作為構造器還是函數執行。

    聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

    文檔

    JavaScript中使用構造器創建對象無需new的情況

    JavaScript中使用構造器創建對象無需new的情況:JS中創建對象可以直接使用直接量的方式,這里討論的是定義一個構造器(function)的情況。如下 function Person(name, age) { this.name = name; this.age = age;}var p = new Person('lily', 20); 發現某些庫代碼中
    推薦度:
    • 熱門焦點

    最新推薦

    猜你喜歡

    熱門推薦

    專題
    Top
    主站蜘蛛池模板: 久久99精品九九九久久婷婷| 久久精品人人做人人爽电影蜜月| 人妻少妇精品久久| 99re这里只有精品热久久| 欧美日韩在线精品一区二区三区激情综合| 国产成人精品日本亚洲18图| 自拍偷在线精品自拍偷无码专区| 99热这里只有精品国产66| 91原创国产精品| 久久精品中文騷妇女内射| 中国精品18videosex性中国| 欧美日韩精品久久久免费观看| 国产精品视频一区二区三区不卡| 久久久精品免费国产四虎| 国内精品久久久久久99| 人妻AV一区二区三区精品 | 国产乱码精品一品二品| 中文字幕精品视频在线| 热综合一本伊人久久精品| 精品视频一区二区三区| 国产精品美女网站在线观看| 四虎精品影院永久在线播放| 国产精品视频久久久| 国产精品无码专区| 国产中老年妇女精品| 久久精品国产亚洲AV麻豆网站| 亚洲国产精品无码久久久蜜芽| 真实国产精品vr专区| 伊人久久精品无码二区麻豆 | 亚洲精品无码专区2| 无码国内精品久久人妻麻豆按摩| 久久久久久国产精品美女| 久久久久这里只有精品 | 无码人妻丰满熟妇精品区| 无码精品国产一区二区三区免费 | 拍国产乱人伦偷精品视频| 欧美精品亚洲日韩aⅴ| 蜜桃麻豆www久久国产精品| 精品国产热久久久福利| 久久99精品国产麻豆蜜芽| 久久久99精品一区二区|