JavaScript 类

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

【JavaScript 类】技术教程文章

是否可以重新定义JavaScript类的方法?【代码】

在JavaScript中使用构造函数创建类时,是否可以在以后重新定义类的方法? 例:function Person(name) {this.name = name;this.sayHello = function() {alert('Hello, ' + this.name);}; };var p = new Person("Bob"); p.sayHello(); // Hello, Bob现在我想像这样重新定义sayHello:// This doesn't work (creates a static method) Person.sayHello() = function() {alert('Hola, ' + this.name); };所以当我创建另一个Person时,将...

javascript – 根据类和元素类型选择元素【代码】

如何选择具有特定类和特定元素类型的HTML文档中的所有元素? 我正在尝试从HTML文档中选择登录类标题的所有锚点(然后在浏览器中打开它们).这些是与类别标题的parragraphs. 它们是以下DOM树中的叶子:+ body+ div class='content'+ div id='siteTable' class='sitetable linklisting'+ div class='thing id-t3_xxxx xxx xxx link'+ div class='entry unvoted'+ p class='title'+ a class='title loggedin '其中x表示可变内容. (我希望...

如何“转义”JavaScript类关键字以指定CSS类值【代码】

C#允许保留字用作属性名称via the at sign.// In ASP.NET MVC, we use @class to define // the css class attribute for some HtmlHelper methods. var htmlObject = new { readonly = "readonly", @class = "ui-state-highlight" }我想在JavaScript中做同样的事情.例如function makeGrid(grid, pager) {grid.jqGrid({caption: 'Configurations',colNames: ['Id', 'Name'],colModel: [{ name: 'Id', index: 'Id' },{ name: 'Name...

javascript – 按类切换可见性【代码】

嗨,任何人都可以帮助我. 我如何通过类而不是id来使用Toggle Visibility. 按钮<a href="javascript:void(0);" onclick="toggle_visibility('trailer');">Trailer</a>然后这个.<div class="trailer" style="display:none">{include file="trailer.tpl"}</div>那么我怎么能修改这个javascript来使用类.{literal} <script type="text/javascript"> <!-- function toggle_visibility(id) { var e = document.getElementById(id); if(e.s...

javascript – 在类之外声明方法【代码】

我知道我可以通过以下方式添加方法:point.prototype.move = function () {this.x += 1; }但是,有没有办法通过将一个在其外部声明的函数分配给它的一个属性来向类添加方法?我很确定这不起作用,但它给出了我想要做的事情的想法:function point(x, y) {this.x = x;this.y = y;this.move = move(); }function move() {this.x += 1; }解决方法:您的示例不起作用的唯一原因是因为您正在调用move()并分配未定义的结果. 您应该在分配时...

如何避免ES6 Javascript类继承命名冲突【代码】

如何避免在ES6 Javascript中命名来自类继承的冲突? 大型ES6 Javascript应用程序使用大量继承,以至于在基类中使用通用名称可能意味着在创建派生类时稍后调试头痛.这可能是糟糕的类设计的产物,但似乎更容易成为Javascript能够顺利扩展的问题.其他语言提供隐藏继承变量(Java)或属性(C#)的机制.缓解此问题的另一种方法是使用私有变量,这不是Javascript所具有的. 这是这种碰撞的一个例子. TreeObject类扩展了一个Evented对象(以继承了公...

JSON到Javascript类【代码】

我有一个http请求从nosql数据库获取此Json对象:let jsonBody = {birthday : 1997,firstname: 'foo',lastname:'bar' }然后我想将这些信息加载到Student模型中:class Student{constructor(){}getFullname(){return this.lastname+' '+this.firstname}getApproxAge(){return 2018- this.birthday} }通常,我会将此方法添加到此类:fromJson(json){this.studentId = json.studentId;this.birthday = json.birthday;this.firstname = j...

Javascript ::按类触发firstChild元素【代码】

这段代码会自己说话并解释我想要实现的目标……<style> .red{background:red} .blue{background:blue} </style><div id=test><button>1</button><button>2</button> </div><script> var firstBtn=document.getElementById("test").firstChild.className;(firstBtn!="red")?firstBtn="red":firstBtn="blue"; </script>这是jsFiddle:http://jsfiddle.net/hnfeje2q/ 非常简单,但因为我是JavaScript新手…… 谢谢!解决方法:您可以先使...

javascript – 为类中的每个元素添加一个元素,获取[Object object]或纯文本而不是hr元素【代码】

我正在尝试在对< div>进行排序后添加一个水平条.对应于.pressRow类.这是我的JavaScript函数:function SortPressRecent() {var $pressRows = $(".pressRow");var OrderedDivs = $pressRows.sort(function (a, b) {var da = new Date($(a).data("date"));var db = new Date($(b).data("date"));return da > db ? -1 : da < db;});$.each(OrderedDivs, function () {$(this)[0].append($('<hr />'));});$("#PressRows").html(Ordered...

JavaScript类和’this’【代码】

class Aa {methodA() {console.log('welcome to method a')}methodB() {console.log('welcome to method b')// methodA() // Fails!! Uncaught ReferenceError: methodA is not definedthis.methodA() // Works because of this.} }let myclass = new Aa() myclass.methodB()在调用已经存在的类的另一种方法时,简要解释为什么需要使用’this’的最佳方法是什么? 直觉可能会说,如果JS知道我正在使用类的方法,那么它就知道那个类…...