【javascript-如何包装构造函数?】教程文章相关的互联网学习教程文章

TypeScript:如何从javascript构造函数继承?【代码】

如何从javascript中的构造函数继承? 例如我有一个用原生js编写的基类var MyModule; (function (MyModule) {var MyBase = (function () {function MyBase(container, $MyElement) {this._container = container;this._$MyElement = $MyElement;}MyBase.prototype.toString = function () {return this._previewType;};MyBase.prototype.method1 = function(){};MyBase.prototype.method2 = function () {return this._isPreviewAff...

如何在JavaScript中的构造函数中复制对象【代码】

我想创建一个自定义图像构造函数:var image1 = new imgConstructor("picture.png", 100, 50);我努力了:var imgConstructor = function(src, width, height) {this = new Image(width, height);this.src = src; }但这= new Image()无效. 我知道我可以使用工厂功能来做到这一点:var imgConstructor = function(src, width, height) {var img = new Image(width, height);img.src = src;return img; } var image1 = imgConstructor...

子类化JavaScript数组-构造函数参数不传递给数组【代码】

我想子类化一个javascript数组并将构造函数参数传递给该数组.我所拥有的是:function SubArray(arguments) {Array.apply(this, arguments); }SubArray.prototype = Array.prototype;测试不表明参数正在传递给数组var x = new SubArray("One", "Two", "Three"); // Object[] // x.length = 0而当我使用数组执行此操作时var x = new Array("One", "Two", "Three"); // Object["One", "Two", "Three"] // x.length = 3我究竟做错了什么...

javascript-TypeScript构造函数语法【代码】

这个问题已经在这里有了答案: > JavaScript OR (||) variable assignment explanation 12个在Typescript中,有人知道这是什么意思吗?constructor(obj?:any){this.id = obj && obj.id || null; }这是我的猜测: 似乎如果(obj不为null)和(obj.id具有值),则分配obj.id,否则,将null分配给this.id? 我寻找了15-20个地点(站点/文档),但仍然找不到答案.很抱歉,我刚开始学习Ty...

javascript-“ Firebase不是构造函数”-需要降级Firebase,该怎么做?

我目前正在从this course on Udemy开始学习React.js.我已经到达了第27讲,并且处于停滞状态.我不断收到错误消息“ Firebase不是构造函数.”仅查看其他人的问题,我发现我需要将Firebase降级为V.2.唯一的问题是,我该如何去做? 我转到我的app.jsx文件,并将Firebase更改为“ ^ 2.4.2”.我还重新加载了整个应用程序.我仍然遇到相同的错误,“ Firebase不是构造函数”. 有人可以在这里给我指点吗?我真的很想让这个应用程序正常工作.我还需...

构造函数vs typeof以检测JavaScript中的类型【代码】

在this question中,我没有看到使用构造函数的建议. 因此,而不是typeof回调==“ function” 我会使用回调&& (callback.constructor ==功能). 在我看来,就运行时性能和编码安全性而言,与内存指针进行比较似乎总是比与字符串进行比较更好. 为什么不使用构造函数来检测所有类型并忘记难看的typeof? 它适用于所有原始类型,函数和数组:undefined === undefined null === null [1,2,3].constructor == Array (1).constructor == Number...

javascript-除非传递错误,否则为什么.catch()在异步函数的循环内不捕获Promise构造函数内的reject()?【代码】

给定(async () => {const p = await new Promise((resolve, reject) => setTimeout(() => {reject(new Error(1))}, Math.floor(Math.random() * 1000))); return p})() .then(data => console.log(data)) .catch(err => console.error(err)); 错误()记录在.catch() 如果我们扩展模式以使用循环,则错误记录在.catch()const fn = async(res, ...props) => {for (let prop of props) res.push(await prop())return res }const arr = [...

javascript-什么时候在REACT中使用构造函数合适?【代码】

我了解C之类的OOP语言中的构造函数的概念.但是,我不完全确定何时在REACT中使用构造函数.我确实了解JavaScript是面向对象的,但是我不确定构造器实际上是在“构造”什么. 呈现子组件时,子组件中是否需要构造函数?例如:class App extends React.Component {constructor(props) {super(props);this.state = {items: [],error: null}}render () {return (<React.Fragment><ChildComponent data={this.state.items}></ChildComponent><...

javascript-如何包装构造函数?【代码】

我有这个JavaScript:var Type = function(name) {this.name = name; };var t = new Type();现在,我要添加以下内容:var wrap = function(cls) {// ... wrap constructor of Type ...this.extraField = 1; };所以我可以做:wrap(Type); var t = new Type();assertEquals(1, t.extraField);[编辑]我想要一个实例属性,而不是一个类(静态/共享)属性. 包装函数中执行的代码应该可以正常工作,就像我将其粘贴到真正的构造函数中一样. 类型...

javascript-使用sinon.js通过基于真实构造函数/原型的间谍方法创建“间谍对象”【代码】

我正在使用sinon.js作为在我的Mocha测试中消除依赖项的方法.我喜欢“间谍”方法而不是经典的模拟方法,因为与经典的模拟对象相比,间谍的内省似乎更清晰,并且具有更大的灵活性. 就是说,我想知道在为整个对象创建测试间谍程序时是否使用不正确.假设我有一个测试依赖项,上面有4个方法,并且我想对每个方法进行存根,并对其中一个或两个方法进行断言.目前,我正在这样做:var spyObj = {aMethod: sinon.spy(),otherMethod: sinon.spy(),wha...

如何在javascript中扩展现有的构造函数?【代码】

假设我有以下对象函数:function A(options){... }然后,我想创建一个继承A原型的新函数(B).这些是我要寻找的条件: > B的原型,如果被修改,则不应修改A的原型>当调用B函数作为构造函数时,应使用相应的选项来调用A的构造函数. B应该看起来像这样:function B(aOptions, bOptions){ … }var b = new B({}, {})解决方法:只需用这个调用一个构造函数function B(aOptions, bOptions) {A.call(this, aOptions);// do stuff with bOptions ...

javascript-自定义Promise类的构造函数被调用两次(扩展了标准Promise)【代码】

我正在使用Promise Extensions for JavaScript (prex),我想使用prex.CancellationToken、complete code here扩展具有取消支持的标准Promise class. 出乎意料的是,我看到自定义类CancellablePromise的构造函数被调用了两次.为简化起见,我现在简化了所有取消逻辑,只保留了重现此问题所需的最低限度:class CancellablePromise extends Promise {constructor(executor) {console.log("CancellablePromise::constructor");super(execut...

JavaScript图像构造函数重载?【代码】

许多脚本会动态创建图像,例如im = new Image();im.src = 'http://...';我正在寻找具有功能的Image类的构造函数重载,以将每个新创建的对象的引用添加到某个数组. 假设我有var dynImages = new Array;然后,我希望每个动态创建的新图像都在dynImages数组中,这样我就可以随时访问dynImages由new Image()创建的每个图像的src. 可能?解决方法:就像是:var dynImages = new Array; Image = (function (org) {return function () {var res...

javascript – Object.create将prototype.constructor更改为父构造函数,但在子实例化时,子构造函数运行【代码】

我创建了一个例子来说明:// this is the parent class function animal() { console.log('animal constructor') }// allow animals to walk animal.prototype.walk = function() { console.log('animal walking') }// create child class function cat() { console.log('cat constructor') }// cat inherits from animal cat.prototype = Object.create(animal.prototype);// let cats meow cat.prototype.meow = function() { co...

javascript – 在构造函数内部添加原型方法【代码】

我正在学习JavaScript的原型,并想问你下面的代码是否正确:function Shape() {Shape.prototype.duplicate = function() {console.log('Duplicate');} }function Circle() {Circle.prototype = Object.create(Shape.prototype); }或者我应该使用此代码:function Shape() { }Shape.prototype.duplicate = function() {console.log('Duplicate'); }function Circle() { }Circle.prototype = Object.create(Shape.prototype);解决方法...

构造函数 - 相关标签
JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部