从DOM元素引用Javascript对象是不好的做法？
从DOM元素引用Javascript对象是不好的做法。这种做法会导致代码的可维护性和可扩展性降低，并且容易引发内存泄漏问题。
引用DOM元素的Javascript对象意味着将DOM和Javascript代码紧密耦合在一起，使得代码难以重构和修改。当DOM结构发生变化时，需要修改所有引用该DOM元素的Javascript对象，增加了维护成本。
此外，引用DOM元素的Javascript对象容易导致内存泄漏问题。当Javascript对象引用了DOM元素，即使该对象不再使用，由于DOM元素的引用仍存在，导致DOM元素无法被垃圾回收，从而占用内存资源。
为了避免这种问题，推荐使用现代的前端开发技术，如组件化开发、虚拟DOM等。通过将DOM操作封装在组件中，可以实现更好的代码组织和解耦，提高代码的可维护性和可扩展性。
腾讯云相关产品中，推荐使用云函数 SCF（Serverless Cloud Function）来实现前端和后端的交互。云函数是一种无服务器计算服务，可以在云端运行代码，无需关心服务器的运维和扩展。通过云函数，可以将前端和后端逻辑分离，提高代码的可维护性和可扩展性。
腾讯云云函数 SCF产品介绍链接地址：https://cloud.tencent.com/product/scf
相关·内容
作为前端开发人员的“最佳实践”，使用"control“属性引用Javascript对象是否不好？下面是一个有关属性的链接：
我看到了很多Javascript函数，它们使用选择器引用DOM元素，然后以这种方式执行DOM操作。但是，如果我们从遍历DOM树开始，并且首先有DOM元素，那该怎么办？编辑1好的，
浏览 0提问于2010-08-20得票数 5
回答已采纳
我使用的是jQuery 1.3.2，但由于神秘的原因，它在Safari4下崩溃了。我所有的javascript引用都是在标签之前创建的，但是使用了以下代码：
status.change( function(){ /* ... *我需要为this和其他几个findById引用使用变量，因为它们在脚本中被多次使用，并且每次爬行每个元素的DOM都被认为是<
浏览 1提问于2009-08-05得票数 1
回答已采纳
在这个链接上，清单5描述了这样一种情况: obj是对dom元素的引用，dom元素引用obj，因此导致内存泄漏。我很难看到代码中是什么使DOM元素具有对obj的引用。有人能给我解释一下吗？从页面中提取的：
在清单5中，您可以看到一个闭包，其中JavaScript对象(obj)包含对DOM
浏览 0提问于2013-03-19得票数 2
回答已采纳
2回答
当我将它附加到DOM中时，我发现很难理解它的行为。我试图为创建文档片段的第三方库创建一个缓存。所以我想让它发挥作用。应该在将片段附加到DOM之前创建一个cloneNode，对吗？
浏览 0提问于2013-08-14得票数 8
回答已采纳
几个月前开始编写javascript。最初我一直在使用'document.write()‘命令，但是每次使用它时都让它擦除我的html，这有点适得其反。使用getElementByID(“div‘div”).innerHTML=或您认为更好的任何东西，什么可以有效地运行这段代码，但是将它添加到div中的任何当前内容中，而不是替换它。
浏览 2提问于2014-04-03得票数 1
回答已采纳
我在快照中看到了几个可访问的对象，其中一些具有黄色背景，而另一些则没有。什么意思？有什么关系呢？
浏览 6提问于2013-03-14得票数 23
回答已采纳
是否认为用document.on()绑定事件是不好的做法？
我认为直接将事件绑定到dom元素会更有效。我之所以问这个问题，是因为我试图弄清楚如何实现一些Javascript功能，如果document.on()效率低下，我希望避免广泛使用它。
浏览 3提问于2013-12-19得票数 1
回答已采纳
我有一个定制的JavaScript对象，我希望它与DOM中的一个元素“链接”。element = document.getElementsByClassName("a_class")[7];由于我需要这些对象中的许多，所以我想知道直接存储从.getElement()获得的DOM对象是否是一个好主意？是这样吗，还是
浏览 7提问于2015-08-26得票数 5
回答已采纳
3回答
我知道如何向每个对象添加新方法-通过增强对象的原型：但是，是否可以仅为DOM元素节点定义新方法？DOM元素节点对象有原型吗？或者，通常是否有DOM节点的原型？
或者原型对象只存在于内置对象？
浏览 0提问于2010-11-16得票数 12
回答已采纳
因此，这主要是一个最佳Javascript实践的问题。我正在创建一个带香草JS的闹钟库。<form> ...-- create new alarm -->JS var Alarmelem
浏览 4提问于2016-10-11得票数 2
使用元素id对元素进行样式化是不好的做法，还是应该将引用适当css的每个元素都样式化？
浏览 0提问于2012-07-27得票数 2
回答已采纳
1回答
根据jQuery文档，“并非所有的jQuery对象都是创建===的。”
我知道如何解决这个问题，但为什么会这样呢？这是JavaScript的某些特定行为方式吗？
浏览 1提问于2013-10-21得票数 0
回答已采纳
我有一个按钮点击事件，抓取与复选框相关联的名称，并将它们添加到页面右侧带有复选框的<ul>中。这很好用，然后我有了另一个按钮，它将从<ul>中删除和<li>选中的checkboxes。这适用于。当你去添加一个已经从右侧删除的项目时，问题就来了。该项目不在页面上，所以它显然是从DOM中删除的，但它好像仍然存储在浏览器内存中。我如何将其从内存中清除?代码如下。
浏览 9提问于2012-07-20得票数 2
回答已采纳
在Javascript中，是否有任何方法可以导入(或要求)一个不是由模块从该模块导出的对象？
我意识到这可能是不好的做法，但我不知道这是否可能。我有Python背景，所以我对可以导入模块但不能访问Javascript中的所有数据元素的想法感到困惑。
浏览 2提问于2016-03-28得票数 8
回答已采纳
假设我创建了一个javascript类，如下所示： class DivClass { this.div1 = document.createElement}parentDiv.appendChild(divObject.div1) DIV最终出现在DOM如果我要在DOM中定位'div1‘元素，比如说通过getElementById()作为参数，有没有办法返回到负责创建它
浏览 14提问于2019-09-18得票数 0
回答已采纳
如果在dom中只呈现一个id元素，那么可以有多个相同的id元素吗？<h2 id='header'>Dashboard</h2> <h2 id='header'>Sign up</h2> @endif
我意识到相同元素上的多个id是不好的做法，但从技术上讲，在这样的</e
浏览 0提问于2019-03-20得票数 1
回答已采纳
我正在构建一个JavaScript游戏，它使用var创建一个Level对象： var myGameLevel = new Level(2);这个Level对象具有很多功能，主要是向DOM添加元素并使它们具有交互性。append(...game elements here...); }我的问题是:如何知道在L
浏览 0提问于2015-02-17得票数 15
回答已采纳
我想将JavaScript对象序列化为JSON格式，然后反序列化它们。
显而易见的解决方案是使用JSON.stringify()。这些解决方案的一个问题是，它们不允许序列化引用DOM元素的循环对象，或者最糟糕的包含指向DOM元素的属性的循环对象。我考虑过使用document.contains(objName)检测是否存在对DOM元素的</
浏览 1提问于2014-10-08得票数 1
我很清楚DOM操作属于指令而不是控制器，但我不知道简单地滚动到元素(使用jQuery的scrollTop)是否会被认为是DOM操作和/或应该移到指令中。我的页面是动态生成的(使用Grails)，并在页面的角落放置了一个小的引导下拉列表，以便于滚动到冗长文档中的位置：
<a ng-click="scrollTo('question${ subQuestion.id我的控制器中的scr
浏览 2提问于2016-02-05得票数 1
从jQuery读取对象时，它声明所有jQuery对象都是唯一的，即使它们“即使对象是用相同的选择器创建的，或者包含对完全相同的DOM元素的引用，也是如此。”因此，例如，以下内容将等同于false
谢谢
浏览 0提问于2014-03-10得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
