博客 RSS 訂閱

wojiaocuisite 頭像

我叫崔斯特 - 萬物皆空之 JavaScript 原型

ES6帶來了太多的語法糖，其中箭頭函數掩蓋了 this 的神妙，而 class 也掩蓋了本文要長篇談論的 原型。 最近，我重寫了這篇文章，通過本文，你將可以學到： 1. 如何用 ES5 模擬類； 2. 理解 prototype 和 __proto__； 3. 理解原型鏈和原型繼承； 4. 更深入地瞭解 JavaScript 這門語言。 引入：普通對象與函數對象 在 JavaScript 中，一直

原型 , 原型鏈 , Javascript

收藏 評論

qinglong_62898aa51988d 頭像

清隆 - 聊聊原型鏈與繼承

前言 原型鏈與繼承、作用域與閉包、單線程與異步並稱為前端的三座大山，均屬於 JavaScript 中基礎卻又十分複雜的部分，而且面試中也經常問到。 今天，我們就來詳細介紹一下原型鏈與繼承，聊聊它的概念、作用與用法。 如果掘友對此部分已經學過只是略微遺忘，可直接跳轉至原型鏈圖片看圖複習。 下面，讓我們循序漸進的介紹下原型鏈與繼承。 認識原型 在我們創建函數的同時，都會自動為其創建一個 prototy

原型 , 原型鏈 , 前端 , Javascript

收藏 評論

54r9rxzy 頭像

Tqing - JavaScript中原型與原型鏈

構造對象 function Person() {} let person = new Person() 上面程序建立了一個Person類型的實例 原型 function Person() {} Person.prototype.name = "ztq" Person.prototype.sayHi = function () {console.log("hello world")} l

原型 , 原型鏈 , Javascript

收藏 評論

snowwolfarden 頭像

SnowWolfArden - Day 92/100 原型鏈的繼承屬性

1、JS中的繼承 當談到繼承時，JavaScript 只有一種結構：對象。每個實例對象（object）都有一個私有屬性（稱之為 proto ）指向它的構造函數的原型對象（prototype）。 該原型對象也有一個自己的原型對象（__proto__），層層向上直到一個對象的原型對象為 null。根據定義，null 沒有原型，並作為這個原型鏈中的最後一個環節。 2、繼承屬性 JavaScript

原型鏈 , Javascript

收藏 評論

anchen_5c17815319fb5 頭像

anchen - 如何理解JS原型和原型鏈

每個函數（箭頭函數除外）都有prototype屬性，該屬性指向原型。 每個對象（null除外）都有__proto__屬性，指向了創建了該對象的構造函數的原型。（注：函數也是對象） 對象可以通過__proto__來尋找不屬於該對象的屬性，__proto__將對象連接起來組成了原型鏈。 理解原型和原型鏈，下面這張圖很重要： 根據上面這張圖，能夠得到如下等式： // 一、對象的__p

原型 , 原型鏈 , 前端 , Javascript

收藏 評論

banana_god 頭像

_香蕉大神 - JavaScript的原型鏈詳解

最近在項目中經常遇到，且與同事經常探討關於js原型鏈的知識。發現其實很多工作經驗好多年的同事也記不太清楚原型鏈的整個環節，今天在這裏專門的把鏈圖畫出來，並且加以講解，希望能夠幫到更多前端的朋友。 原型鏈其實就是一個三角關係，如下圖所示，我們編寫了一個構造函數Student,通過構造函數創建了對象s1（const s1 = new Student()），也就是我們經常説的s1是構造函數Student

構造函數 , 原型鏈 , 前端 , Javascript

收藏 評論

gkymfrg1 頭像

ohoherror - 查找對象屬性的四種方法

1.Object.keys(..)會返回一個數組，包含所有可枚舉屬性（ enumerable: true） 2.Object.getOwnPropertyNames(...)會返回一個數組，包含所有屬性，無論它們是否可枚舉 注：Object.keys(..)和Object.getOwnPropertyNames(..)都只會查找對象直接包含的屬性。 3.in操作符會檢查屬性是否在

in , object , 原型鏈 , 前端

收藏 評論

hard_heart_603dd717240e2 頭像

Hard heart - Vue與VueComponent的關係

結論：VueComponent.prototype.__proto__ === Vue.prototype Vue與VueComponent的關係如圖所示： （圖一） 前提知識： 每個函數function都有一個prototype屬性，即顯式原型（屬性），它默認指向Object空對象， 每個實例對象都有一個__proto__屬性，即稱隱式原型（屬性）。 關係圖分析：

組件設計 , vue.js , 原型鏈 , 前端 , Javascript

收藏 評論

dirackeeko 頭像

DiracKeeko - [JS] javascript中的原型鏈01 prototype&__proto__

先給出名詞的定義： 1、實例對象-被new出來對象稱之為實例對象 例如: const p1 = new Person() p1就是實例對象 2、普通對象-未經new，直接聲明的對象是普通對象 例如：const p2 = { name: "John" } p2就是普通對象 3、prototype， 中文翻譯：原型對象 4、__proto__ ，中文翻譯：原型 (英文可以讀作dunder

原型鏈 , 前端 , Javascript

收藏 評論

dirackeeko 頭像

DiracKeeko - [JS] javascript中的原型鏈02 prototype&constructor

這是構造函數和構造函數的prototype之間的關係 Person.prototype.constructor === Person; // true 那麼對Person創建的實例對象p1 p1.__proto__.constructor === Person; // true 在瀏覽器控制枱中輸入如下代碼 function Person(name) { this.name = name;

原型 , constructor , 原型鏈 , 前端 , Javascript

收藏 評論

dirackeeko 頭像

DiracKeeko - [JS] javascript中的原型鏈03 原型鏈的終點

書接上文[[JS] javascript中的原型鏈02 prototypeconstructor](https://segmentfault.com/a/1190000043925349) 為了邏輯關係的清晰，我們去掉表示constructor的線條，加上Object對象，用.__proto__到達原型鏈的終點null。 javascript中原型鏈的終點是null，(Object.pro

原型 , 原型鏈 , 前端 , Javascript

收藏 評論

zhaoxiaoman 頭像

漫姐賊6 - __proto__，constructor，prototype

__proto__(實際原型)和prototype(原型屬性)不一樣！！！ constructor屬性(原型對象中包含這個屬性，實例當中也同樣會繼承這個屬性) prototype屬性(constructor.prototype原型對象) __proto__屬性(實例指向原型對象的指針) 首先弄清楚幾個概念： 什麼是對象？ 若干屬性的集合 什麼是原型？ 原型是一個對象，其他對象可以

原型 , 原型鏈 , Javascript

收藏 評論

linyuyizhizou_678b9fdc436f1 頭像

小帆聊前端 - JS 原型鏈深度解讀：從混亂到通透，掌握 90% 前端面試核心

JS 原型鏈深度解讀：從混亂到通透，掌握 90% 前端面試核心 前言：你是否也被這些原型鏈問題折磨過？ " 為什麼obj.toString()能調用卻不在自身屬性裏？" "prototype和__proto__到底有什麼區別？" " 用class定義的類和原型鏈是什麼關係？" "修改原型對象為什麼會影響所有實例？" 作為 JavaScript 的核心機制，原型鏈是理解繼承、對象關係和內置方法的基礎

原型鏈 , 前端 , Javascript

收藏 評論

zhengzhouaiwenkeji 頭像

用户bPbDqZf - 網絡七層結構是幹啥的？ 看這篇文章就夠了

前言 “物理層、數據鏈路層、網絡層、傳輸層、會話層、表示層和應用層”，今天我們的目標就是把這些個玩意，翻譯成“人話”，保證你一看就懂，一學就廢~ 網絡七層結構，相信是個搞計算機網絡的，或者是搞軟件開發的，甚至是搞互聯網的，99%的人應該都知道，最起碼那也得是聽過，就是下方這個玩意： （你要是聽都沒聽過，別跟我説你是混跡於互聯網界的啊~） 但是，如果讓這些人講清楚這七層結構是幹嘛的，那這個比例，

tcp-ip , 網絡傳輸協議

收藏 評論

lucia_onmyway 頭像

Lucia - TCP/IP 協議的三次握手和四次揮手

TCP/IP 協議是傳輸層的一個面向連接的安全可靠的一個傳輸協議，三次握手的機制是為了保證能建立一個安全可靠的連接 三次握手 那麼第一次握手是由客户端發起，客户端會向服務端發送一個報文，在報文裏面：SYN標誌位置為1，表示發起新的連接。 當服務端收到這個報文之後就知道客户端要和我建立一個新的連接，於是服務端就向客户端發送一個確認消息包，在這個消息包裏面：ack標誌位置為1，表示確認客户端發起

tcp-ip

收藏 評論

zhengzhouaiwenkeji 頭像

用户bPbDqZf - TCP/IP協議常見漏洞類型

摘要：TCP／IP由網絡層的IP協議和傳輸層的TCP協議組成。常見的漏洞類型包括ARP病毒攻擊、基於RIP的攻擊、DNS欺騙、TCP 連接欺騙。 TCP／IP是TransmissionControlProtocol／InternetProtocol的簡寫 ，中譯名為傳輸控制協議／因特網互聯協議，又名網絡通訊協議，是 lnternet 最基本的協議、Interact國際互聯網絡的基礎。

tcp-ip , 漏洞 , ip地址

收藏 評論

u_17560660 頭像

十七十七十七十七 - 靜態IP與動態IP的定義

靜態IP：由網絡管理員手動配置並固定分配給設備的IP地址，通常不會隨時間或網絡環境變化而改變。 動態IP：由DHCP（動態主機配置協議）服務器自動分配，設備在連接網絡時臨時獲取，可能在不同會話中發生變化。 主要區別 分配方式 靜態IP需手動設置，每次連接時保持不變。 動態IP通過DHCP自動分配，每次連接可能不同。 使用場景 靜態IP適用於服務器、監控設備、遠程

服務器 , ip , DHCP , Windows Server

收藏 評論

zhengzhouaiwenkeji 頭像

用户bPbDqZf - 關於TCP/IP協議漏洞的安全措施

摘要：上篇我們介紹了TCP/IP協議中常見的漏洞類型包括ARP病毒攻擊、基於RIP的攻擊、DNS欺騙、TCP連接欺騙。面對TCP/IP協議中存在的漏洞我們要採取什麼樣的安全措施去預防和解決呢？ 首先從架構角度來説：IPSec與TLS最常用的兩種安全架構，可以利IPSec、TLS安全架構在不同的協議層來保護數據傳輸的安全性。 一、IPSec IPSec是一組用來在網絡層提高數據包傳

ip , tcp-ip , 漏洞

收藏 評論

zhengzhouaiwenkeji 頭像

用户bPbDqZf - 什麼是Tor？Tor瀏覽器更新有什麼用？

前言：Tor項目團隊近日宣佈，發佈Tor瀏覽器11.5版本。Tor被美國國家安全局（NSA）譽為“互聯網匿名系統之王“。Tor ( The Onion Router）系統就是洋葱路由技術的具體實現。 Tor項目團隊發佈Tor瀏覽器11.5版本，而此次更新1.幫助用户自動繞過互聯網審查2.HTTPS 默認開啓3.對網絡設置菜單進行了重大改進。説起TOR瀏覽器都略有耳聞，那麼Tor是什麼樣的技術

運維 , tcp-ip , tor

收藏 評論

kanjianliao 頭像

看見了 - 【Node】網絡編程

TCP Nagle算法 如果每次發送一個很小的數據包，比如一個字節內容的數據包而不優化，就會導致網絡中只有極少數有效數據的數據包，這會導致浪費大量的網絡資源。Nagle算法針對這種情況，要求緩存區的數據達到一定數據量或者一定時間後才將其發出，所以數據包將會被Nagle算法合併，以此來優化網絡。這種優化雖然提高了網絡帶寬的效率，但有的數據可能會被延遲發送。 在Nodejs中，由於TCP默認啓動Nag

node.js , tcp-ip , udp

收藏 評論

feichangkudechongfengyi 頭像

NGINX開源社區 - 藉助 TCP 負載均衡和 Galera 集羣擴展 MySQL

原文作者：Liam Crilly of F5 原文鏈接：藉助 TCP 負載均衡和 Galera 集羣擴展 MySQL 轉載來源：NGINX 官方網站 (編者按——本文最初發表於 2016 年，現已進行更新，改為使用更新之後修改過的 NGINX 功能。有關詳細信息，請參閲下文“藉助 NGINX JavaScript 模塊進行高級日誌記錄”和“NGINX Plus 儀表盤”兩節

MySQL , 負載均衡 , tcp-ip , Nginx , galera-cluster

收藏 評論

labilezhu 頭像

MarkZhu - 好心分手 - Istio 網格節點故障快速恢復初探

目錄 開始測試 尋根 TCP half-open keepalive 重傳 timeout Zero window timeout 應用 socket 層的 timeout 設置 TCP_USER_TIMEOUT SO_RCVTIMEO / SO_SNDTIMEO poll timeout

tcp-ip , istio

收藏 評論

openanolis 頭像

龍蜥社區 - 基於 Coolbpf 的應用可觀測實踐 | 龍蜥技術

文/ eBPF 技術探索 SIG 隨着 eBPF 技術的廣泛應用，在操作系統層面提供了更多的觀測能力，站在操作系統層面對應用的行為數據進行 trace 追蹤成了一種應用監控的新手段，本文主要介紹基於 eBPF 實現對應用網絡數據監控的背後邏輯。 一、一個請求數據包的組成 一個完整的應用請求數據包主要包含請求地址信息及具體的請求數據。其中請求地址信息就是我們常説的五元組信息(IP+端口+協議)，這部

操作系統 , tcp-ip , Linux , 技術

收藏 評論

shuirongshui 頭像

水冗水孚 - Initial connection超時接口無法正常請求Status canceled

問題描述 最近上了一版需求，其中有一個接口因為後端的計算量超級巨大，導致接口時間要達到七八秒才能返回對應結果。 上了生產環境以後，請求總是失敗。 測試環境是好好的... 查看控制枱請求發送的報文相關信息如下： 筆者看一下報文，發現請求的狀態從開始的pending等待到最後的canceled取消。 點開請求的Timing面板查看，發現請求卡在Connection Star的Initial conn

網絡請求 , tcp-ip

收藏 評論