`
originwxit
  • 浏览: 54332 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类

JS中关于变量的使用一点问题

阅读更多
一些小小的BUG,总能导致各种各样诡异的问题!有的BUG也属于无心之作,也有莫名的问题出现,当然这中间不排除我们使用的各种工具所带来的!总之,BUG会随时出现的!而我们程序猿就是拿来要对应这些BUG的!
前几天写代码的时候,就遇到了一个非常之诡异的问题,在组织好数据的时候提交到后台后,诡异的问题出现了,我在左侧菜单上,选择其它功能的时候,IE,Chrome会打开新的窗口!FF不会,主页上是个frame,上左右结构,菜单栏左侧,上部是图片,右侧显示,操作数据!
Action的save方法从头到尾都没看出任何端倪!一开始就想到,frame的taget属性,一定是在什么地方修改了这个值,想到我这提交数据的方法于其它功能不一样(我是在JS里面组织好JSON格式的数据,再用JSON2.js里面的JSON.stringify()方法将组织成字符串传回后台,后台写了个小方法将Json字符串解析一下
    /**
    * 解析JSON数据
    *
    * @param s
    * @param clazz
    * @return
    */
    public List jsonToBean(String s,Class clazz){
        JSONArray jarr=JSONArray.fromObject(s);
        return (List)jarr.toCollection(jarr,clazz);
    }
    /**
    * 取得页面json数据
    *
    */
    public void getData () throws Exception {
        List<ClassBean> list = jsonToBean(jsonStr,ClassBean.class);
        ...
    }
)!看了后台代码都没有问题!于是乎到JS代码去看看:
代码如下:
// 提取指定行的数据,JSON格式
function GetRowData(row) {
	var rowData = {};
	for ( var j = 0; j < row.cells.length; j++) {
		name = row.parentNode.rows[0].cells[j].getAttribute('Id');
		if (name) {
			var value = row.cells[j].getAttribute('Value');
			if (!value) {
				value = row.cells[j].innerHTML;
			}
			rowData[name] = value;
		}
	}
	return rowData;
}

在IE,Chrome自带的调试工具下,发现,name值没有定义?那name的值现在到底是取的哪里的呢?看了看才知道,果不其然,name="mainFrame",原来,在这没有定义局部变量的name取到了主页上frame name的属性值,进而对其做了修改,导致菜单上打开其它功能出现异常!修改给name定义局部变量后,功能正常!
正常代码:
// 提取指定行的数据,JSON格式
function GetRowData(row) {
	var rowData = {};
	for ( var j = 0; j < row.cells.length; j++) {
		var name = row.parentNode.rows[0].cells[j].getAttribute('Id');
		if (name) {
			var value = row.cells[j].getAttribute('Value');
			if (!value) {
				value = row.cells[j].innerHTML;
			}
			rowData[name] = value;
		}
	}
	return rowData;
}

现在在此做个小小的总结,一开始定位到frame的taget属性是没有问题的!并且在一步步的深入后知道结果了,自己的经验又丰富了!后测试,将js的name变量不定义的时候也还是好用的,需要将name改个名,不要冲突就好,那样js也会将这个变量识别为局部的!这说明个问题!js是灵活的,但有时候太灵活了也不太容易把握了!所以这也是JS高手比较牛的地方吧!还有就是这个变量名命名也不太好,这种太简单的,不太好,还是要遵守命名规范的好!这样也体现了代码规范的问题!最后就是,我不知道我定义的var 变量为什么会没了,我记得非常清楚的是,我都是有对变量定义作用域的,至于这个 var 为什么见了,或许是工具的问题,抑或是谁谁谁不小心改错了,不小心按错之类的,这个现在深究也没有太多了的意义,只不过一个小小的问题,现在反应出这么问题!呵呵!抑或是我想太多了!
1
0
分享到:
评论

相关推荐

    关于小程序wxml引用js中变量的疑问

    我是个入门小程序的新手,最近遇到了一点疑惑,请各路大神解答一下,十分感谢。 xxx.wxml 垃圾桶实时剩余容量 {{list.recy_left}} 可回收垃圾 有害垃圾 干垃圾 湿垃圾 在这个代码中,第三行可以取出来值,但是...

    javascript 用局部变量来代替全局变量第1/2页

    为了提升性能,减少潜在的命名冲突,并且遵循最佳实践,推荐在JavaScript中尽可能使用局部变量来代替全局变量。这一点在众多开发者的共识中已经成为一个基本规则。Nicholas C. Zakas是这一建议的早期倡导者之一,他...

    通过yaml为json中的某个变量赋值

    在IT行业中,数据序列化和反序列化是常见的任务,其中JSON(JavaScript Object Notation)和YAML(YAML Ain't Markup Language)是两种广泛使用的格式。本篇将深入探讨如何利用YAML作为中介,来修改JSON文件中的特定...

    PHP变量赋值、代入给JavaScript中的变量

    // 显示JavaScript变量t的值 ``` 在这个例子中,PHP的`$f`变量被转换成字符串,并在JavaScript中创建了一个名为`t`的变量,其值为`name`。这里使用了双引号来包围PHP变量,因为JavaScript中的字符串通常用双引号...

    第4章 JS基础-变量类型和计算【不会变量,别说你会JS】.rar

    在JavaScript(JS)编程语言中,变量类型和计算是学习任何编程语言的基础,尤其是在前端开发领域,JS扮演着至关重要的角色。本章将深入探讨JS中的变量、数据类型以及基本计算操作,帮助开发者掌握JS的核心概念。 ...

    JavaScript定义变量和变量优先级问题探讨

    在函数作用域中,使用var声明的变量也会被提升至函数作用域的顶部,而非块级作用域,这是因为在ES5及之前版本中,JavaScript没有块级作用域的概念,即if或for语句中的花括号并不创建新的作用域。而从ES6开始,引入了...

    js-作用域-变量申明提升 - 甘劭 - 博客园1

    JavaScript中的作用域和变量声明提升是理解JS代码执行的关键概念。首先,作用域是指变量或函数可以在哪些区域中被访问的限制。JavaScript主要有两种作用域:全局作用域和函数作用域,而没有像C#、C、Java那样的块级...

    简单掌握JavaScript中const声明常量与变量的用法

    JavaScript中的const关键字是一种用于声明常量的方式,它与let关键字类似,都是在ES6(ECMAScript 2015)版本中引入的新特性。const关键字提供了一种声明一个不可变的常量的能力,即一旦给const变量赋值之后,就不能...

    JavaScript中判断变量是数组、函数或是对象类型的方法

    在JavaScript中,判断一个变量是否为数组、函数或者对象类型是一个经常需要处理的问题,尤其是在处理各种数据类型时。JavaScript提供了不同的方法来判断变量的类型,但是每种方法都有其适用场景和限制。 首先,...

    JavaScript中的变量定义与储存介绍

    这意味着,如果在浏览器中使用未声明的变量,它将会变成全局变量,这在大型项目开发中可能会导致命名冲突和代码维护困难。 为了避免全局变量可能带来的问题,一般推荐使用严格模式(strict mode)。在严格模式下,...

    js删除局部变量的实现方法

    总结,JavaScript中并没有直接删除局部变量的机制,但我们可以通过设置变量值为`undefined`、利用闭包或者使用`let`和`const`来模拟变量的“删除”或“清除”。在实际编程中,良好的编程习惯和变量管理策略更为重要...

    JavaScript私有变量实例详解

    需要注意的是,使用静态私有变量模式时,由于所有实例共享私有变量,因此当多个实例同时调用特权方法时,可能会引发同步问题。此外,如果作用域链过长,可能会导致内存消耗增加,影响性能。 总的来说,JavaScript的...

    JavaScript中变量提升 Hoisting

    JavaScript中的变量提升(Hoisting)是指在JavaScript代码执行之前,JavaScript引擎会将当前作用域(函数或全局作用域)中所有用var声明的变量提升到作用域的顶部。然而,只有声明(即变量名)会被提升,而赋值操作...

    JavaScript中变量的相互引用

    在JavaScript中,变量的相互引用主要涉及到值的存储方式以及数据类型的特点。JavaScript有两大类基本数据类型(原始类型):原始值(如字符串、数字、布尔值等)和引用值(如对象、数组、函数)。原始类型是按值存储...

    浅谈Javascript变量作用域问题

    JavaScript变量作用域问题 JavaScript作为一门动态脚本语言,在变量作用域上与其他语言存在显著差异。变量的作用域(Scope)指的是变量可以被访问的代码区域,它决定了哪些部分的代码可以访问该变量。理解变量作用...

    twig里使用js变量的方法

    总的来说,正确地在Twig模板中使用JavaScript变量需要理解两者的工作原理和生命周期。服务器端的模板语言处理的是静态内容,而客户端的JavaScript处理动态交互。通过合理地结合这两者,我们可以实现丰富的Web应用...

    ReactNative中组件变量方法的导入导出共1页.pd

    为了做到这一点,我们需要使用`import`语句。例如,假设你有一个名为`MyComponent.js`的文件,里面定义了一个`MyComponent`组件,你可以像这样导入它: ```javascript // 导入组件 import { MyComponent } from './...

    java变量和javascript变量之间的传递示例

    最近在用jsp做一个网站,其间涉及到java变量和javascript变量之间的互换,虽然网上资料众多,但是众说纷纭,并且很多都是带有误导性,做了许多尝试,终于比较清楚的搞懂了这个问题。通俗一点来讲,就是说java代码是...

Global site tag (gtag.js) - Google Analytics