【我不熟悉的javascript】函数的属性new.target

已于 2024-02-22 14:44:30 修改
阅读量95 收藏
点赞数
文章标签： 前端 开发语言 javascript
于 2022-12-19 14:17:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_17335549/article/details/128372084
版权

new.target 属性允许你检测函数或构造方法是否是通过new运算符被调用的。在通过new运算符被初始化的函数或构造方法中，new.target返回一个指向构造方法或函数的引用。在普通的函数调用中，new.target 的值是undefined。

new.target 只能在类的 constructor 中或者是函数中获取，使用的方法是 new.target ，new 前面不加任何东西，也不能加this， 如果在函数外使用，那他的值就是 undefined

我有一棵树
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS中new.target的用法
Hoshizola的博客
08-06 2177
1. 什么是new.target? new.target允许你检测函数或构造方法是否是通过new运算符调用的，若函数或构造方法是由new.target调用的，则new.target属性的值指向该函数或构造函数，否则值为undefined。 2. 示例 普通的函数调用中，new.target的值为undefined，使用new运算符调用的函数值为函数本身，这可以用来判断一个函数的调用是否是使用new调用的 function Person() { this.name = 'Mike' console
ES6学习——类语法：super和new.target
Challenge Next Challenge
01-13 2710
这里为什么把super拿出来单独讲一下呢？可能有人要说，super谁不会用，先看个例子，你就知道super不是那么简单： class ParentA { constructor() { this.id = "a"; } foo() { console.log( "ParentA:", this.id ); } } class ParentB { constructor() { this.
[js高手之路] es6系列教程 - new.target属性与es5改造es6的类语法
weixin_34163741的博客
09-01 92
es5的构造函数前面如果不用new调用,this指向window,对象的属性就得不到值了，所以以前我们都要在构造函数中通过判断this是否使用了new关键字来确保普通的函数调用方式都能让对象复制到属性 1 function Person( uName ){ 2 if ( this instanceof Person ) { 3 thi...
深入浅出——JavaScript 中的 new.target
dizuncainiao的博客
01-04 543
JavaScript 中的 new.target 到底是啥？
javascript高级程序设计阅读收获（10.9.4）——new.target
木子 旭的博客
08-12 88
function aaa(){ if(!new.target){ console.log(111); }else{ console.log(222); console.log(new.target); } } new aaa();//222 aaa();//111,ƒ aaa() ECMAScript中的函数始终可以作为构造函数实例化一个新对象，也可以作为普通函数被调用。 如果函数正常调用，则new.target的值是undefined； 如果是使用new关键字调用的，则new.tar
如何自己实现JavaScript中new.target的功能
前端学习笔记
08-23 433
new.target 我现在还记得Douglas Crockford在JavaScript语言精粹提到过的：构造器函数，按照约定，它们保存在以大写格式命名的变量里。如果调用构造器函数时没有在前面加上new，可能会发生很糟糕的事情，既没有编译时警告，也没有运行时警告，所以大写约定非常重要。 我以前也在JavaScript——深入了解this中记录过在构造器调用时省略new关键字还可能会污染全局作用域 function Person(){ this.personName = 'person'; } let p
js es6系列教程 - 基于new.target属性与es5改造es6的类语法
10-19
`new.target`属性是ES6引入的一个新特性，它在构造函数中扮演着关键角色，帮助开发者检测函数是否被`new`操作符调用。 在ES5中，构造函数通常需要检查`this`是否指向构造函数自身，以防止不使用`new`关键字而直接...
es6中new.target的作用和使用场景简单示例分析
11-21
在ES6中，`new.target` 是一个元属性（meta property），它提供了一种方式来检测函数或构造函数是如何被调用的。这个属性在函数内部可以访问，并且只有当函数是通过`new`关键字调用时，`new.target` 才会指向构造...
利用es6 new.target来对模拟抽象类的方法
10-17
在这个例子中，`Animal`构造函数可以访问到`Dog`的原型，因为`new.target.prototype`实际上是`Dog.prototype`，这样我们就可以在超类中获取到派生类的一些信息。 ### 抽象方法的实现 虽然`new.target`可以帮助我们...
js代码-new.target
07-14
在JavaScript编程语言中，`new.target` 是一个内置的元属性，它允许你在构造函数内部检测当前函数是如何被调用的。这个特性尤其在实现继承和构造器模式时非常有用。接下来，我们将深入探讨`new.target`的工作原理、...
es6-new.target属性的正确用法
harmsworth的博客
08-12 2295
new命令 new.target属性 示例 new命令 new命令是通过构造函数生成实例的命令。 new.target属性 ES6引入了new.target属性，用于确认当前作用的在哪个构造函数上。若没有通过new命令调用构造函数。 则new.target会返回undefined，否则返回当前构造函数。 示例 单个构造函数 function Anima...
es6中new.target的作用和使用场景
前端361
09-07 2932
有时候想写出只能被继承使用的类，这时候就要用到new.target 1含义： new.target返回使用new方法调用类时的类的名称，子类继承父类时，new.target会返回子类 class Rectangle { constructor(length, width) { console.log(new.target === Rectangle); // ... ...
es6 javascript的class类的new的新特性
现在学习也不晚
12-09 7561
new是从构造函数生成实例的命令。 ES6 为new命令引入了一个new.target属性，（ 在构造函数中） 返回new命令作用于的那个构造函数。 如果构造函数不是通过new命令调用的， new.target会返回undefined， 因此这个属性可以用来确定构造函数是怎么调用的。function Person(name) { if(new.target !== undefined) { ...
5.CSS学习（浮动）
最新发布
ShawLee0925的博客
07-23 181
css浮动——float特点
谷粒商城实战笔记-39-前端基础-Vue-指令-v-on、v-for、v-if
epitomizelu的专栏
07-20 928
v-on 是 Vue.js 中的一个指令，用于在 DOM 元素上监听用户事件，并在事件触发时执行相应的 JavaScript 函数。它提供了一种将 Vue 实例中的方法与 DOM 事件关联起来的方式，使得你可以轻松地对用户交互做出响应。v-on 指令的基本语法是在元素上添加 v-on:event-name=“method”，其中 event-name 是你要监听的 DOM 事件类型（如 click、mouseover、keydown 等），method 则是 Vue 实例中定义的方法名。
Vue使用FullCalendar实现日历/周历/月历
_小郑有点困了的博客
07-23 83
需求背景：项目上遇到新需求，要求实现工单以日/周/月历形式展示。而且要求不同工单根据状态显示不同颜色，一个工单内部，需要以不同颜色显示三个阶段。
VUE 子组件可以直接改变父组件的数据吗
Cshaosun的博客
07-23 69
如果子组件需要修改父组件的数据，‌应该通过触发一个自定义事件来通知父组件进行数据的变更。‌父组件在接收到子组件触发的事件后，‌可以修改数据，‌从而间接地改变父组件的数据。‌这种方式通过明确的事件通信机制，‌保证了数据流的单向性和组件之间的解耦。需要注意的是，‌虽然Vue提供了一些特殊的方法来实现子组件修改父组件数据，‌但这种方式打破了数据流的单向性，‌增加了组件之间的耦合性，‌因此应谨慎使用。在Vue中，‌如果确实需要在子组件中修改父组件的数据，‌可以通过以下步骤实现：‌。
Odoo Registry 源码解读：前端世界的魔法师
清水欧度 Odoo ERP
07-23 734
它是连接不同模块的桥梁，是实现灵活扩展的关键，是每个Odoo开发魔法师最强大的盟友。下次当你在编写Odoo模块时，请记住，你手中握着的不仅仅是键盘，而是Registry赋予你的魔法杖。想象一下，它就是Odoo世界里的预言球，所有的秘密都逃不过它的法眼。Registry会用它的魔法排序棒，确保每个生物都按照正确的顺序出场，场面蔚为壮观。Registry会把常用的魔法结果记在它的魔法笔记本里，下次再用时就不用重新计算了，节省了大量的魔法能量。Registry设置了强大的防御魔法，确保没有人能破坏它的魔法秩序。
LG 选择 Flutter 来增强其智能电视操作系统 webOS
恋猫de小郭的博客
07-17 1894
总的来说，LG 是 Flutter 在 TV 领域的一次新的尝试，并且它是在脱离了 Android 平台的场景下实现的支持，虽然 webOS 并不是什么流行的系统，但是这也体现出了 Flutter 的特点：可以用较低的成本实现较好性能的跨平台。后续，在 LG 的主导下，WebOS 经过进一步修改，转变为智能电视操作系统，于是 WebOS TV 就诞生了，此后 LG 的 TV 基本路线定为 webOS ，在应用层面，WebOS TV 以基于 Web 的技术为基础。然后 LG 为什么选择 webOS？
javascript日期函数
07-27
- *1* *2* *3* [JavaScript零基础入门 7：JavaScript基础函数](https://blog.csdn.net/guorui_java/article/details/121106651)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值