一区二区三区在线-一区二区三区亚洲视频-一区二区三区亚洲-一区二区三区午夜-一区二区三区四区在线视频-一区二区三区四区在线免费观看

服務器之家:專注于服務器技術及軟件下載分享
分類導航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服務器之家 - 編程語言 - JavaScript - js教程 - 關于Js中new操作符的作用詳解

關于Js中new操作符的作用詳解

2022-01-21 16:28妙蛙種子 js教程

這篇文章主要給大家介紹了關于關于Js中new操作符作用的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧

前言

Js是當今時代最常用的代碼操作語言,其中new操作符尤為常見。對于很多代碼小白來說,并不清楚new在Js中扮演著怎樣的角色,具體是做什么用,干了什么。本文從new操作符的作用著手,簡單介紹new操作符相關知識。

關于Js中new操作符的作用詳解

什么是new?

眾所周知,在JS中,new的作用是通過構造函數來創建一個實例對象。

像下面這樣:(和普通函數不一樣,當函數用作構造函數時,首字母一般要大寫,以作區分。)

?
1
2
3
4
5
function Foo(name) {
  this.name = name;
}
console.log("new Foo('mm')的類型:",typeof new Foo('mm')); // object
console.log("Foo的類型:",typeof Foo); // function

創建了一個空對象

?
1
var obj=new Object();

在Js代碼中,new操作符的主要作用是產生對象。通過new創建空對象,為創建對象打基底。

設置原型鏈

?
1
obj.__proto__= Func.prototype;

JS中在利用new操作符建好基底后,就開始下一步的Js代碼操作,設置原型鏈。new通過構造函數創建出的實例可以訪問到構造函數原型鏈中的屬性,換言之,通過new操作符,原型鏈鏈接了實例和構建函數。

(改變this指向)讓Func中的this指向obj,并執行Func的函數體。

?
1
var result =Func.call(obj);

一般情況下,在Js代碼組中,出現this時,構造函數內部是正常工作,但當通過new操作符改變this指向后,所出現的返回值會被正常的返回出去。

判斷Func的返回值類型:如果是值類型,返回obj。如果是引用類型,就返回這個引用類型的對象。

?
1
2
3
4
5
6
if (typeof(result) == "object"){
  func=result;
}
else{
  func=obj;
}

從上述一組new操作符代碼中可看出,new還可用來判斷Func的返回值類型。如果返回值是值類型,則正常返回。如果是引用類型,就返回到引用類型的對象。

以上四點是new操作符在Js代碼中的主要作用,對于Js代碼小白希望可以有幫助。

總結

到此這篇關于關于Js中new操作符作用的文章就介紹到這了,更多相關Js new操作符作用內容請搜索服務器之家以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持服務器之家!

原文鏈接:https://segmentfault.com/a/1190000039243716

延伸 · 閱讀

精彩推薦
  • js教程微信小程序視頻彈幕發送功能的實現

    微信小程序視頻彈幕發送功能的實現

    這篇文章主要介紹了微信小程序視頻彈幕發送功能的實現,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的...

    保護我方豆豆4962021-12-21
  • js教程詳解uniapp的全局變量實現方式

    詳解uniapp的全局變量實現方式

    這篇文章主要介紹了詳解uniapp的全局變量實現方式,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下...

    繭君10902021-12-29
  • js教程js動態生成表格(節點操作)

    js動態生成表格(節點操作)

    這篇文章主要為大家詳細介紹了js動態生成表格,進行節點操作,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    劉劉劉code3582021-12-30
  • js教程js制作提示框插件

    js制作提示框插件

    這篇文章主要介紹了js制作提示框插件的方法,幫助大家更好的理解和使用js,感興趣的朋友可以了解下...

    lanshanxiao10212021-12-18
  • js教程使用JS實現鼠標放上圖片進行放大離開實現縮小功能

    使用JS實現鼠標放上圖片進行放大離開實現縮小功能

    這篇文章主要介紹了使用JS實現鼠標放上圖片進行放大離開實現縮小功能,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借...

    bug開發工程師.4462022-01-10
  • js教程ES6字符串的擴展實例

    ES6字符串的擴展實例

    這篇文章主要介紹了ES6字符串的擴展實例,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小...

    知否5552021-12-16
  • js教程關于javascript中的promise的用法和注意事項(推薦)

    關于javascript中的promise的用法和注意事項(推薦)

    這篇文章主要介紹了關于javascript中的promise的用法和注意事項,需要的朋友可以參考下...

    miyui8192021-12-31
  • js教程微信小程序之高德地圖多點路線規劃過程示例詳解

    微信小程序之高德地圖多點路線規劃過程示例詳解

    這篇文章主要介紹了微信小程序之高德地圖多點路線規劃過程示例詳解,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的...

    heli步籬6712022-01-04
主站蜘蛛池模板: 女老板用丝袜脚夹我好爽 | 精品亚洲欧美中文字幕在线看 | 韩国三级日本三级香港三级黄 | 亚洲男人第一天堂 | а天堂中文最新版在线 | 草莓视频网站18勿进 | java hd国产高清 | 男公厕里同性做爰 | 52av我爱avhaose01| 国产永久在线观看 | 91制片厂果冻传媒首页 | 99re5在线精品视频热线 | 白白国产永久免费视频 | 日本强不卡在线观看 | 俺去俺也在线www色官网 | 国内精品99 | 国产三级跑 | 91国语自产拍在线观看 | 91麻豆精品 | 亚洲AV无码一区二区三区乱子伦 | 蘑菇香蕉茄子绿巨人丝瓜草莓 | 全是女性放屁角色的手游 | 成人网欧美亚洲影视图片 | 男人操女人免费视频 | 粗暴hd另类另类 | 国产精品天天看天天爽 | 国内偷拍第一页 | 亚洲AV无码乱码在线观看浪潮 | 大胸美女被c | 精品麻豆国产 | 东京干福利 | 亚洲日本中文字幕天堂网 | 无毒成人社区 | 国产伦久视频免费观看视频 | 国内视频一区二区 | 欧美黑人一级 | 亚欧洲乱码视频一二三区 | 深夜免费在线视频 | 亚洲第一区欧美日韩精品 | av中文字幕网免费观看 | 亚洲麻豆精品果冻传媒 |