@new / 博客 RSS 訂閱

Aug 28 2019

ipromise - JavaScript New模擬實現

New幹了什麼 (1) 創建一個新對象； (2) 將構造函數的作用域賦給新對象（因此 this 就指向了這個新對象） ； (3) 執行構造函數中的代碼（為這個新對象添加屬性） ； (4) 綁定原型； (4) 返回新對象。 注意： 如果構造函數有返回的值並且為基本類型的話則沒有影響，返回值毫無意義； 如果返回值的類型為object，那這個返回值會被正常使用 fu

apply , new , this , javsscript

收藏 評論

Mar 13 2021

feng - 深入理解this

什麼是作用域？ 幾乎所有編程語言最基本的功能之一，就是能夠儲存變量當中的值，並且能在之後對這個 值進行訪問或修改。事實上，正是這種儲存和訪問變量的值的能力將狀態帶給了程序。 若沒有了狀態這個概念，程序雖然也能夠執行一些簡單的任務，但它會受到高度限制，做 不到非常有趣。 但是將變量引入程序會引起幾個很有意思的問題，這些變量住在 哪裏？換句話説，它們儲存在哪裏？最重要的是，程序需要時如

內存 , 作用域 , new , this , Javascript

收藏 評論

Jan 05 2021

前端咖 - 新春從new開始

2021年是全新的一年，是一個積極性向上富有活力的一年，讓我們起航開啓新的征程，一切的一切都重新開始，今天講一講關於new的事情，大家一起加油！ 一、定義 new 運算符創建一個用户定義的對象類型的實例或具有構造函數的內置對象的實例。 二、語法 new constructor[([arguments])] constructor一個指定對象實例的類型的類或函數。 arguments一個用於

面試 , new , function , class , 對象

收藏 評論

Jan 14 2020

liuxk - JavaScript基礎--this解析

this關鍵字是javascript中最複雜的機制之一。它是一個很特別的關鍵字，被自動定義在所有函數的作用域中。 this既不指向函數本身也不指向函數的語法作用域。 this是在函數被調用時發生的綁定，this的綁定和函數聲明的位置沒有任何關係，它指向什麼完全取決於函數在哪裏被調用。 調用位置：是函數在代碼中被調用的位置,而不是聲明的位置。 this的4條綁定規則 * 默認綁定 *

call , apply , 箭頭函數 , new , this

收藏 評論

Nov 06 2025

WillemWei - 模擬實現js中的new操作符

new 運算符創建一個用户定義的對象類型的實例或具有構造函數的內置對象的實例。 這是MDN上對new操作符的定義，從這句話中可以看出new返回的其實就是一個實例，那麼問題來了實例又是個啥東西？ 先看個例子： function Cat(name, gender) { this.name = name; this.gender = gender; } Cat.prototype.sa

prototype , new , Javascript

收藏 評論

Nov 06 2025

WillemWei - 模擬實現Javascript中的bind函數

bind() 方法創建一個新的函數，在 bind() 被調用時，這個新函數的 this 被指定為 bind() 的第一個參數，而其餘參數將作為新函數的參數，供調用時使用。 從MDN對於bind的描述來看： 返回值是一個函數，而不是執行結果 this值會指向第一個參數 其餘參數會作為新函數的參數 看個例子： function test(name, age) { console.lo

prototype , bind方法 , new , bind , Javascript

收藏 評論

Nov 06 2025

HZFEStudio - New 操作符的原理

完整高頻題庫倉庫地址：https://github.com/hzfe/awesome-interview 完整高頻題庫閲讀地址：https://febook.hzfe.org/ 相關問題 new 操作符做了什麼 new 操作符的模擬實現 回答關鍵點 構造函數 對象實例 new 操作符通過執行自定義構造函數或內置對象構造函數，生成對應的對象實例。 知識點深入 1. new 操作符做了什麼

面試 , new , es5 , 前端 , Javascript

收藏 評論

Nov 06 2025

nqbefgvs - es6的繼承原理

javascript有八種類型的數據，其中沒有function，是因為function被object這個大類包含了。也就是説，所有函數都是object。 當我們自己聲明瞭一個類，我們拿到的引用是一個函數的引用，它默認繼承於內置的Object對象，但是由於javascript最頂層的父級（Object和Function）設計有點亂，並且不具有普適性，在這裏我們用兩個普通的類來演示繼承的實現。 將子類

ecmascript-6 , new , es5 , 原型鏈 , Javascript

收藏 評論