本文介绍JavaScript中的反射机制，即程序在运行时获取自身信息的能力。通过for...in语句遍历对象属性和方法，可动态调用或执行。在Ajax开发中，利用反射重写样式设置函数，能避免直接赋值导致的原有样式丢失问题，实现仅修改指定样式的精准控制。
JavaScript反射机制基础
反射机制是指程序在运行阶段能够获取自身相关信息的能力。
具体而言，一个对象在运行时可以知晓自身包含哪些属性和方法。
在JavaScript中，可以通过for...in语句来实现反射功能。
JavaScript提供了一条便捷的语法用于实现反射，即for...in语句，其基本语法结构如下：
代码结构为for(var p in obj){ //语句 }。其中var p是声明的变量，用于存储对象obj的属性或方法名称。获取对象名和属性（方法）名后，即可使用方括号语法来调用对象的属性或方法：
具体代码如下：
for(var p in obj){
if(typeof(obj[p]=="function"){
obj[p]();
}else{
alert(obj[p]);
}
}上述语句会遍历obj对象的所有属性和方法。若遇到属性，则弹出其值；若遇到方法，则立即执行。在后续的面向对象JavaScript程序设计中，反射机制是一项重要技术，尤其在实现类的继承方面发挥了关键作用。
利用反射动态设置样式
接下来探讨如何利用反射机制来传递样式参数。
在Ajax编程中，经常需要动态改变界面元素的样式。这可以通过对象的style属性来实现，例如将背景色设置为红色，代码如下：
element.style.backgroundColor="#ff0000";。style对象包含众多属性，基本上CSS中支持的属性在JavaScript中均可使用。如果一个函数接收参数以指定界面元素的样式，显然单个或少数几个参数无法满足需求，下面介绍一种实现方式：
代码如下：
function setStyle(_style){
//获取需要改变样式的界面对象
var element=getElement();
element.style=_style;
}这样，整个style对象作为参数传递进来。一个style对象可能的形式如下：
代码如下：
var style={
color:#ffffff,
backgroundColor:#ff0000,
borderWidth:2px
}此时可以这样调用函数：
setStyle(style);。或者直接写为：
setStyle({ color:#ffffff,backgroundColor:#ff0000,borderWidth:2px});。这段代码看似没有问题，但实际上，在setStyle函数内部使用参数_style为element.style赋值时，如果element原先已具备某些样式，例如曾执行过：
element.style.height="20px";。而_style中未包含对height的定义，则element的height样式将丢失，这并非期望的结果。为解决此问题，可利用反射机制重写setStyle函数：
代码如下：
function setStyle(_style){
//获取需要改变样式的界面对象
var element=getElement();
for(var p in _style){
element.style[p]=_style[p];
}
}程序中遍历_style的每个属性，获取属性名称，随后使用方括号语法将element.style中对应属性的值设置为_style中相应属性的值。从而，element中仅改变指定的样式，其他样式保持不变，达到了预期效果。