JS中 逗号运算符(多元运算符) 和 eval()

目录

逗号运算符(多元运算符) 

eval()

---

逗号运算符(多元运算符) 

理论：

使用逗号操作符可以在一条语句中执行多个操作

var re = A,B,C,D,E,F;    

会把逗号隔开的表达式全部执行，最后一个运行的表达式的结果就是逗号运算符的结果

所以re ==>F

案例1： 

var a,b,c,d=20;的意思是：

隐式操作：var a;var b;var c;var d= 20;整个只有d=20，a,b,c都只是声明了没有赋值

var a,b,c,d=20;
console.log(a); //undefined
console.log(b); //undefined
console.log(c); //undefined
console.log(d); //20

案例2：

//错误写法：
var re = 30+50,40,20;
console.log(re);

分析:浏览器会认为 30+50这已经是一个表达式结束了，不会执行,40,20;但是程序又有这部分，所以报错。修改：（30+50,40,20）;这样让整体成为一个表达式就ok了。

var re = (30+50,40,20);
console.log(re); //20 会把逗号隔开的表达式全部执行，                    
                 //最后一个运行的表达式的结果就是逗号运算符的结果

eval()

eval()可以解释运行由JavaScript源代码组成的字符串，并产生一个值

eval()只有一个参数。如果传入的参数不是字符串，它直接返回这个参数。如果参数是字符串，它会把字符串当成JavaScript代码进行编译，如果编译失败者抛出一个语法错误异常。如果编译成功，则开始执行这一段代码，并返回字符串中的最后一个表达式会或语句的值，如果最后一个表达式或语句没有值，则最终返回undefifined。如果字符串抛出一个异常，这个异常将把该调用传递给eval()。

// 传入的参数不是字符串，直接返回这个参数
var re = eval(200);
var re1 = eval([10,20,30]);
console.log(re);  //200
console.log(re1); //(3) [10, 20, 30]

//传入的参数是字符串，当JS代码运行
var re3 = eval("1+2");    //认为eval("1+2");中字符串是代码 1+2 =3
console.log(re3);  //3

//传入的参数是字符串，当JS代码运行，并返回字符串中的最后一个表达式会或语句的值
var re4 = eval("10+20,30+40,666");
console.log(re4);  //666

验证eval()函数中字符串当代码跑： 

eval("var a = 20");
console.log(a);  //20

拓展： 

var arr= [10,30,23,43];
var re = arr.join("+");  //使得数组元素的隔开符变为+ ，且数组变为一个字符串
console.log(re);        //"10+30+23+43"

 案例：将一个数组中所有元素求和。

//法1 常见写法
var arr1 =[10,30,89,64,38,27,19,80,90,10,123,456,364,1];
var sum = 0;
for(var i=0;i<arr1.length;i++){
    sum = sum + arr1[i];
}
console.log(sum);  //1401

//法2 eval()写法   如果数组元素特别多，用eval()会很方便。
var arr2 =[10,30,89,64,38,27,19,80,90,10,123,456,364,1];
var re = arr2.join("+");
var sum = eval(re);
console.log(sum);  //1401