【JS继承之借用构造函数继承和组合继承】教程文章相关的互联网学习教程文章

在JavaScript中,void,eval和Function构造函数之间有什么区别?【代码】

void(document.body.innerText += 'hi')eval(document.body.innerText +='\nbye')Function(document.body.innerText += '\n!!!')void(Function(function foo(){document.body.innerText += '\n>hi2'; return true}).toString())();eval(Function(function foo(){document.body.innerText += '\nbye2'; return true}).toString())();Function(Function(function foo(){document.body.innerText += '\n!!!2'; return true}).toString...

javascript – 从我的构造函数对象创建youtube iframe视频,以便创建多个视频【代码】

我正在尝试使用youtube iframe api创建一个youtube视频以及我正在处理的构造函数但是我遇到了绊脚石.在我的播放器功能中,我创建了一些默认属性,然后将一些新属性传递给我的新对象,以便通过扩展默认属性和新属性来创建播放器.我现在的问题是,我不确定我是如何实际初始化youtube视频的?我不确定玩家=新YT.Player(‘玩家’,{应该去哪里? 这是JS im正在进行的工作和jsFiddle http://jsfiddle.net/kyllle/6zuh5/7/function Player(opt...

在javascript中获取构造函数本身内的原型构造函数的名称【代码】

是否有可能在javascript中获取类本身的类名?它对我的中间件中动态创建的类的递归很有用.认为这是一个非常不正确的帖子 – 所以我更好地定义了我想要解决的问题:MyClass = function(){this.classname = ??? // Here is required and needed to store as a property }MyClass.prototype.log = function(){alert(this.classname); // The alert should be MyClass }var myClassObj = new MyClass(); myClassObj.log();解决方法:你可...

javascript – 如何使用call()进行继承.错误:没有’new’就无法调用类构造函数【代码】

你能解释一下如何在使用class时实现继承吗? 当我使用函数来定义构造函数时,一切正常(参见代码版本1).但是当我将函数转换为ES2015类(版本2)时,它会产生以下错误:Uncaught TypeError: Class constructor Person cannot be invoked without ‘new’我是否需要在代码中添加一些东西,或者我应该保留它与功能一样? 1.使用函数的工作代码function Person(firstName, lastName) {this.firstName = firstName;this.lastName = lastName; ...

JavaScript构造函数【代码】

我试图掌握javascript构造函数,如果它们真的是只读的.这是一个简单的测试场景:var A = function(){}console.log( A.prototype.constructor == A ); //true所以在这一点上,每个新函数都会收到一个原型对象,其中包含构造函数作为参考.这一切都很好.现在考虑一下:var B = function() {this.id = 0; }A.prototype.constructor = B; // what does this do with A?所以现在,A的每个实例都应该得到B作为构造函数:var C = new A();conso...

Javascript日期字符串构造函数更改时区【代码】

我有一个这种格式的字符串日期:“2012-07-22T08:00:00Z” 但是当我尝试从该字符串创建日期时:new Date("2012-07-22T08:00:00Z"); 我明白了:Date {Sun Jul 22 2012 01:00:00 GMT-0700} 看起来它正在将日期的时区更改为本地时区.因为它减少了7小时的时间(GMT-0700) 如何在正确的时间(08:00:00)使用utc保留日期对象? 提前致谢!!!解决方法:它只显示日期,因为Date的toString()方法返回为当前时区格式化的日期.内部表示仍然是时...

javascript – jQuery双对象构造函数 – 例如$($(本))【代码】

假设您有以下代码:function name() {$(this).css('background', 'red'); }$('selector1').click(name);$('selector2').click(function () {name.call($(this).parent()); });现在,当通过单击’selector1’调用该函数时,这是一个HTML对象和$(this)一个jQuery对象,但是如果通过单击’selector2’来调用该函数,那么这已经是一个jQuery对象了,所以$(这个)? 我知道我可以做一些像name.call($(this).parent()[0]);得到一个HTML对象,但我...

javascript – 一个对象构造函数,它接受参数但在构造函数体内没有“vars”,数据在哪里?【代码】

存储参数提供的数据在哪里?是否首先隐式创建var?function Student(first){this.getFirst = function(){return first;} }经测试: var myStudent = new Student(“ross”); 的console.log(myStudent); //学生{getFirst = function()} 的console.log(myStudent.getFirst()); //罗斯 的console.log(第一); //引用错误,首先没有定义 的console.log(myStudent.first); //未定义 for(我在myStudent中的var x){ 的console.log(X);} /...

javascript – Object.assign构造函数中的getter和setter【代码】

我尝试通过Object.assign在构造函数中定义getter和setter:function Class() {Object.assign(this, {get prop() { console.log('call get') },set prop(v) { console.log('call set') },}); }var c = new Class(); // (1) => 'call get' console.log(c.prop); // (2) => undefined c.prop = 'change'; console.log(c.prop); // (3) => 'change' 问题: (1)为什么叫getter? (2)为什么没有叫getter? (3)为什么setter被忽略了?解决...

更改原型时,Javascript对象丢失了构造函数【代码】

在下面的代码中var A = function() {}; var a = new A(); var b = new A();A.prototype = {};var c = new A(); console.log(a.constructor === b.constructor); console.log(a.constructor === c.constructor);输出是真的和假的. 我对错误输出感兴趣. a和c是使用相同的构造函数创建的,它是A – 为什么它们的构造函数属性不同?我好像错过了什么. PS.如果我删除我正在更改A输出原型的行是:true true.解决方法:构造对象时,构造函数...

javascript – 构造函数被调用两次React Component【代码】

我的反应组件的构造函数被调用两次,但我无法弄清楚原因.我使用react-redux来存储我的应用程序的语言.我有一个函数,它根据浏览器的语言设置默认语言. LoginPage是第一个获取渲染的组件,因此我在其构造函数中调用了我的函数.基本上它的作用是比较和发送一个动作.当我使用redux开发人员工具检查我的状态时,我发现它已经被派遣了两次.我在构造函数中打印了虚拟数据,它也被打印了两次. LoginPage.jsimport React from 'react'; import {...

javascript – 在TypeScript中动态返回类构造函数【代码】

我正在尝试在TypeScript中构建一个机制,以基于表示类名称的字符串参数返回类的新实例.基本上,我正在尝试创建一个工厂,只是我无法弄清楚如何在TypeScript中执行此操作.在纯JS中,我可以通过将所有类构造函数存储在键/值对象中并调用new ClassDictionary [className]()来解决这个问题. – 它不是最强大的解决方案,但它适用于这种情况.我似乎无法在TypeScript中获得正确的类型组合和强制转换.有没有更好的办法?我还没有在TypeScript中...

javascript – 我什么时候需要使用super(props)将prop传递给react组件的构造函数?【代码】

参见英文答案 > What’s the difference between “super()” and “super(props)” in React when using es6 classes? 10个很多时候我们在构造函数中发送道具但我们从不在构造函数中的任何地方使用this.props,所以为什么需要传递它以及何时需要这样做.class App extends React.Component {constructor(props) {super(props); // When do we need to send props to the constructorthis.sta...

javascript – 单元测试中的错误vue.js karma:undefined不是构造函数()【代码】

这是我的第一次单元测试,我收到的错误消息无法找到为什么我到目前为止在论坛中得到它. 这是我的单元测试:import LoginPage from 'src/pages/Login'describe('Login.vue', () => { it('mounted is a fuction', () => {expect(typeof LoginPage.mounted).toBe('function') }) })这是登录页面:<template> <div class=""><p v-if="$route.query.redirect">You need to login first.</p><form class="column is-one-third is-offset-o...

javascript中的构造函数和原型【代码】

这两个代码有什么区别,我应该使用哪一个?function Test() {} Test.method = function() {};使用Prototype:function Test() {} Test.prototype.method = function() {};解决方法:第一种情况:静态方法.function Test() {} Test.method = function () { alert(1); }; var t = new Test; Test.method(); // alerts "1" t.method(); // TypeError: Object #<Test> has no method 'method'第二种情况:实例方法.function Test() {} Te...

构造函数 - 相关标签
组合 - 相关标签
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 全部