JavaScript 类

以下是为您整理出来关于【JavaScript 类】合集内容,如果觉得还不错,请帮忙转发推荐。

【JavaScript 类】技术教程文章

javascript – 类组件内的功能组件【代码】

目前我有一个类组件,其中包含充当JSX组件的函数. 例:class MyComponent extends React.Component {MySubComponent = (props) => {if (props.display) {return <p>This text is displayed</p>}}render() {return (<this.MySubComponent display={true} />)} }以这种方式调用组件会有什么影响吗?还有一个术语吗?解决方法:这导致为每个MyComponent实例创建新的MySubComponent函数,这不是非常有效的方法. 将MySubComponent作为MyCom...

javascript – 基于类的组件与功能组件有什么区别(Reactjs)【代码】

参见英文答案 > React functional components vs classical components 3个我是React的新手,我想清楚地知道要使用哪一个,当涉及到组件我会看到有两种类型. 功能组件:import React from 'react'const userInput = (props) => {return(<div><input type='text' onChange={props.nameChanged} value={props.username}></input></div>) };export default userInput;基于类的组件:import React, {...

包括Node.js中另一个文件的JavaScript类定义【代码】

我正在为Node.js编写一个简单的服务器,我正在使用我自己的名为User的类,它看起来像:function User(socket) {this.socket = socket;this.nickname = null;/* ... just the typical source code like functions, variables and bugs ... */this.write = function(object) {this.socket.write(JSON.stringify(object));} };然后在这个过程中我会实例化它:var server = net.createServer(function (socket) {/* other bugs */var use...

在Angular应用程序中集成本机JavaScript类【代码】

我有一个本地JavaScript类:var Holder = new function(elements) {this.elements = elements;this.anyFunction() {// use of this.elements};};如何以角度方式使用它?例如,如果我想使用:.controller('AnyController', ['Holder', function (Holder) {var elements = [{id: 1, label: 'foo'},{id: 2, label: 'bar'}];$scope.holder = new Holder(elements);}])那我该如何注册我的Holder类?有哪些选项(如果有)? 同时,在Angular应...

javascript – 如果它没有类或ID,是否可以通过其href获取链接?【代码】

我正在使用其他人的应用程序,并希望在任何<之间更改innerHTML.一个&GT&LT / A&GT具有特定href的标记.但是这些链接没有与它们相关联的类或ID,我无法编辑代码来为它们提供类或ID.有没有办法在JavaScript中通过href获取标记?我想做类似的事情:var theLink = document.getElementByHref("example.com");否则,如果不可能,我可以遍历页面中的所有链接,并选择那些具有我正在寻找的特定href和innerHTML的链接吗?解决方法:您可以使用DOM3...

javascript-类的静态端与实例端之间的区别【代码】

我正在尝试了解Typescript中的界面主题当我遇到Class类型时,我从official docs得到了这段代码interface ClockConstructor {new (hour: number, minute: number); }class Clock implements ClockConstructor {currentTime: Date;constructor(h: number, m: number) { } }我了解到Clock与new签名不符(小时:数字,分钟:数字);这就是为什么我们在那里出现错误. 但是在文档中,解释是我无法理解的.它以这种方式进行:This is because w...

ES6 javascript类继承,为什么我们需要从派生类调用super()【代码】

在javascript ES6中,在继承中,如果派生类具有构造函数,为什么必须从派生构造函数调用super? 失败的例子很少- .以构造函数为基础,但派生未??调用super-class Base{constructor(){}}class Derived{constructor(){}}var d = new Derived(); // fails - ReferenceError: this is not defined解决方法:…it seems it is mandatory to have constructor function in base class.并不是的.如果不提供,则为one will be provided for you b...

javascript-按类删除所有eventListener【代码】

我正在使用第一个代码块将eventListeners成功添加到一组< div>中.标签具有相同的类,但是几乎相同的第二个块不会删除它们.有人可以解释为什么吗? 1.let names = document.querySelectorAll('.playerName'); names.forEach((name) => {name.addEventListener('click', () => {selectSelf(name)}); });2.function dropEvents() {let drops = document.querySelectorAll('.playerName');drops.forEach((drop) => {drop.removeEventLis...

javascript-类更改时的CSS过渡【代码】

我正在尝试使用JavaScript将某些类添加或删除到元素时过渡width属性.如果我尝试更改:hover的属性,过渡效果很好,但是如果我尝试通过添加或删除类来过渡它,则过渡效果将不起作用.我究竟做错了什么?function activate(number) {var bottom1 = document.getElementById("bottom-1");var bottom2 = document.getElementById("bottom-2");if (number === 1) {bottom1.classList.add("active");bottom2.classList.remove("active");} el...

内部调用XMLHttpRequest的javascript类,然后处理onreadystatechange【代码】

这东西几乎可以工作:function myClass(url) {this.source = url; this.rq = null; this.someOtherProperty = "hello";// open connection to the ajax server this.start = function() {if (window.XMLHttpRequest) {this.rq = new XMLHttpRequest();if (this.rq.overrideMimeType)this.rq.overrideMimeType("text/xml"); } elsethis.rq = new ActiveXObject("Microsoft.XMLHTTP");try {this.rq.onreadystatechange = connectionE...