js有俩个同名方法

最新推荐文章于 2022-04-06 12:17:36 发布
最新推荐文章于 2022-04-06 12:17:36 发布
阅读量5.1k 收藏 2
点赞数
CC 4.0 BY-SA版权
分类专栏： web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_38700266/article/details/80813411
博客指出在JavaScript里，若存在两个相同的函数方法，调用该方法时不会报错，而是默认调用最后一个同名方法，这是关于JS函数调用的一个关键特性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在js里同时有两个相同的函数方法时，在调用该方法时并不好报错，会默认调用最后一个同名方法
JavaScript 同名方法的处理
weixin_30298497的博客
05-10 466
在JS中，如果存在同名同参的方法，它会先调用哪一个？先看两个例子： 例1: <html> <head> <title></title> <script type="text/javascript"> function btnTest() { $f1(); ...
【JavaScript】如何用原生JS给一个元素绑定两个事件？
m0_56349322的博客
03-30 2139
解决办法： var btn = document.getElementById('btn'); btn.addEventListener('click',func1); btn.addEventListener('click',func2); 这里的 addEventListener 叫事件监听 addEventListener 事件监听怎么用呢？ 语法：addEventListener(event,function,useCapture). 捕获阶段： 事件...
javascript 中的同名函数
bls_sky
07-07 3493
昨天不知道为什么，突然想起了如果在js中写连个同名函数，一个带参数，一个不带参数，类似于java中的重载，看看会不会出现和java相同的效果，结果是：js后声明的函数会覆盖前面的同名函数，不论函数是否带参数。用以下代码做的测试，测试完好像记起了刚开始学js时候好像学过，哎。。。。。记性不好，记录在这吧，加强记忆。 function t(){ alert("不带参数"); }
一个页面中定义两个同名的JS函数，调用会是什么结果。
世范水晶
07-14 1404
    一个页面中定义两个同名的JS函数，调用会是什么结果，可以平时写程序都还小心，都没有碰以过，后面尝试了一下不报错，会调用第二个方法；
JavaScript有两个相同的函数名时，后一个会覆盖掉前一个函数
qq_44086320的博客
10-26 2614
在JavaScript中有两个相同的函数名时，后一个会覆盖掉前一个函数。 示例代码片。 <script> function mt() { alert("hello");//输出00000 }; mt(); function mt() { alert("00000");//输出00000 }; ma(); </script> JavaScr
js中方法名重复
qq_21689117的博客
08-26 1158
  在同一个js文件中，方法名不能重复，如上图，如果重复了，会导致调用错误的方法
JS两个数组比较,删除重复值的巧妙方法(推荐)
10-22
这样做的巧妙之处在于利用了JavaScript对象属性名的唯一性，即同一个对象中不能有两个同名的属性。 接着，创建一个新的空数组`temparray`，用于存放最终去重后的结果。然后遍历数组`arr1`，通过检查`arr1`中的元素...
JS类中定义原型方法的两种实现的区别
10-31
基于提供的代码示例，我们可以看到一个名为`NormalClass`的构造函数定义，并在其内部定义了两个属性和两个方法。其中，`Method1`是通过直接赋值法定义的，而`Method2`则是通过函数赋值法定义的。 ```javascript ...
在一个页面实现两个zTree联动的方法
11-28
在本例中，我们关注的是如何在一个页面中实现两个 zTree 的联动效果。当用户在其中一棵树中选择某个节点时，对应的另一棵树中的同名节点也会被自动选中。这种联动机制常见于有层级关系的数据展示，例如目录结构或...
fromData 里面有两个同名的binary对象 第一个会被第二个覆盖
10-22
当`fromData`接收的数据是一个对象，并且这个对象中包含了两个同名的属性，比如两个`binary`类型的值（通常是`Blob`或`ArrayBuffer`），它们的命名规则可能允许有同名的成员。 在这种情况下，JavaScript会遵循原型...
关于js重名方法的先后调用问题
weixin_30642561的博客
07-11 387
　　当js中方法重名时，最后引入的js会覆盖前面的引入的js（就是说会调用最后引入的js中的方法）详情参照（main.js与white.js 的a()）但是，当最后一个js中存在语法上的错误时（也可以是本js文件中其他方法格式错误），会调用前面的js中方法。详情参照（main1.js与white1.js的b()） <!DOCTYPE html> <html lang="e...
js用for循环依次给十个相同类名标签赋予点击事件,点击输出相应下标
a666666000的博客
04-06 3321
题目如下: 使用js获取一组10个具有相同class属性的button标签的DOM集合，对每个button添加一个点击事件，输出每个button在这个数组集合中的下标 html代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /&gt
判断html元素同时有2个class,JavaScript跨浏览器获取页面中相同class节点的方法
weixin_42347415的博客
07-02 1791
网页开发时，在很多时候我们需要操作相同类名的元素，即class相同的元素。昨天参加笔试，有一道相关的题目没答上来：JavaScript获取页面中class为test的节点于是收集了一些相关的资料，在本文中列举了两种我觉得比较好的方法，不足之处，还望大家批评指正。如果大家有更好的方法，希望可以分享。Solution1 Jeremy Keuth方案Jeremy Keuth大叔在《JavaScript ...
JS中子类中如何调用父类的同名方法（继承时候，父类的同名方法被覆盖了）
热门推荐
高山上的鱼
09-05 1万+
继承时候，同名方法发生覆盖了，通过在临时私有变量先保存超类的同名方法，然后在子类同名方法中调用即可！ function A() {   //通过call传递进来的this就是var b=new B()创建的b对象，所以this.sex打印了female   this.m=function(){alert("A"+this.sex)} } function B() { //用
如果解决两个js文件调用同名方法
czh4869623的专栏
04-06 2636
1）test1.js function test() { console.log(1); } window.test1 = test; 2）test2.js function test() { console.log(2); } window.test2 = test; 3）index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>&
JS同名方法，
weixin_34219944的博客
12-17 243
JS同名方法只会调用最后一个方法。   JS中同时绑定多个事件，先绑定的先调用。后绑定的后调用。
JS实现子类调用父类的同名函数函数
xzm_cn
10-12 5735
图像的实现 代码实现 function parent() { this.initialize = function() { this.x = 1; this.y = 1; }, this.initialize() }function son() { this.initialize = function() { this.hehe = "hehe"; this.h
两个网站同名的window只能打开一个
最新发布
06-14
<think>我们正在处理浏览器中同名window被覆盖的问题根据用户描述，当打开两个同名窗口时，第二个会覆盖第一个，而用户希望两个能同时存在关键点：浏览器通常用window.name作为标识，同名窗口会被视为同一个，因此会重用/覆盖解决方案：确保每个窗口有唯一的标识，可以给window.name附加唯一ID但注意：window.name属性原本用于设置或获取窗口的名称，常用于链接的target属性如果两个窗口同名，用户点击链接时可能会在同一个窗口打开，而不是新窗口因此，如果用户想要独立窗口不被覆盖，需要使每个窗口的标识不同可能的实现思路：1.在打开新窗口时，动态生成一个唯一ID（如时间戳、随机数），将其附加到窗口名称上2.或者，不依赖window.name，而是用其他方式管理窗口（例如，用数组存储窗口引用）但是，用户的问题可能是：在同一个网站中，每次打开新窗口都使用同一个窗口名，导致被覆盖因此，我们需要在每次打开窗口时，使用不同的名字（或不用名字，而用窗口对象本身）参考引用中并没有直接解决这个问题的内容，但我们可以根据浏览器的特性来解决具体步骤：方法一：使用唯一名称每次打开新窗口时，使用不同的名称（比如：windowName_时间戳）这样，每个窗口都有唯一的名称，不会互相覆盖方法二：不使用名称，而是用变量保存窗口引用例如，用数组存储所有打开的窗口对象这样，我们可以通过数组来访问每个窗口，而不会丢失引用方法三：如果窗口是从链接打开的，可以在链接的target属性中指定不同的名称然而，用户的问题描述可能是：在同一个网站内，通过代码打开多个窗口，且这些窗口功能相同，但希望它们独立。那么，我们可以在打开窗口时动态生成唯一的名字：示例代码：```javascript//打开新窗口，并赋予唯一名称varwinName='myWindow_'+Date.now();varnewWin=window.open('https://example.com',winName);//这样，每个新窗口都有不同的名称，不会被覆盖```但是，注意：如果用户希望两个窗口是完全同源的，且需要保持独立状态，那么除了窗口名称，我们还需要考虑其他共享状态（如localStorage,sessionStorage,cookies等）。因为同一个网站的不同窗口默认共享相同的存储，所以如果两个窗口需要完全独立，可能需要使用无痕模式，或者使用不同的用户登录状态？但这超出了本问题的范围。这里我们主要解决窗口覆盖的问题，即避免窗口被重用。另外，用户提到“同名window”，可能是指通过window.open打开时使用了相同的名称，导致每次新窗口都覆盖了旧窗口。因此，使用唯一名称是最直接的解决方案。如果用户是在自己的页面中打开多个子窗口，并且希望控制它们，那么保存窗口引用也是很好的做法：```javascriptvarwindows=[];functionopenNewWindow(url){varwin=window.open(url);windows.push(win);returnwin;}```但是，这种方法需要确保窗口数组一直存在，并且不会被刷新等操作清空。综合以上，建议使用动态生成唯一名称的方式，这样即使页面刷新，新窗口也不会被覆盖（因为名称不同）。所以，回答如下：</think> ### 浏览器中同名窗口被覆盖问题的解决方案 #### 问题分析 浏览器会**根据 `window.name` 或窗口名称覆盖同名窗口**，因为浏览器默认认为同名窗口属于同一上下文[^3]。当打开两个同名窗口时，浏览器会**复用或覆盖已存在的同名窗口**，导致只能显示一个[^5]。 --- #### 解决方案 1. **动态生成唯一窗口名称** 在打开新窗口时，为每个窗口生成唯一的名称（如时间戳或UUID）: ```javascript // 使用时间戳保证唯一性 const uniqueName = `myWindow_${Date.now()}`; window.open('https://example.com', uniqueName); ``` - **效果**：每个窗口具有独立标识，避免覆盖 - **适用场景**：需要打开多个独立窗口的应用 2. **使用 `_blank` 强制创建新窗口** 在 `window.open()` 中指定 `_blank` 目标，强制浏览器创建新窗口： ```javascript window.open('https://example.com', '_blank'); ``` - **注意**：浏览器可能仍会限制总数（通常为10-20个） 3. **无痕模式隔离窗口** - 用户可手动在**无痕窗口**中打开网站 - **原理**：无痕模式会隔离 `sessionStorage` 和 `cookies`[^4]，间接避免窗口干扰 4. **修改窗口标识逻辑**（框架级方案） 在页面代码中重写窗口标识逻辑： ```javascript // 单页应用（SPA）中示例 window.__uniqueWindowId = generateUUID(); // 自定义唯一ID生成函数 ``` - **应用场景**：需要精确控制窗口状态的复杂系统 --- #### 关键原理说明 - 浏览器通过 `window.name`、协议、域名、端口识别窗口[^4][^5] - `sessionStorage` 和 `Cookies` 根据域共享[^4]，但**同名窗口共享相同运行环境**[^3] - `let/const` 声明的变量在词法环境中**仅作用域内有效**，无法解决跨窗口问题[^5] --- #### 推荐方案选择 | 方案 | 实现难度 | 可靠性 | 适用场景 | |--------------------|----------|--------|----------------------| | 动态生成窗口名称 | ★★☆ | 高 | 主动打开新窗口 | | 使用 `_blank` | ★☆☆ | 中 | 简单场景 | | 无痕模式 | ★☆☆ | 低 | 用户手动操作 | | 框架级标识修改 | ★★★ | 高 | 企业级系统开发 | > 💡 **最佳实践**：优先使用**动态生成唯一窗口名称**方案，兼顾可靠性与灵活性[^1][^5]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值