JavaScript开发中一些问题（一）

JavaScript开发中一些问题（一）

作用域
在方法中未采用var 声明的变量会作为全局变量使用
如

function testScope( ) {
    var  testVar = "测试使用";//局部变量
}
function  test(  ){
         testScope( );
         alert( testVar );
}
test(  ) ;//错误未定义

 
代码中的testScope方法中testVar 变量中带有var所以执行test方法时会提示testVar未定义即testVar为局部变量
删除变量testVar前的var，testVar 变成全局变量，在其他方法中也能使用

function testScope( ) {
      testVar = "测试使用";//全局变量
}
function  test(  ){
         testScope( );
         alert( testVar );
}
test(  ) ;//弹出测试使用

 
这是会弹出“测试使用”的提示框。

=、==、===
=
为赋值，这个就不用说了

== 为等值比较

该比较不为恒等，会做相应的类型转换
如 alert( '0001' == 1  ); 为TRUE。
即使用 == 时不为同类型的数据时，它会向低类型转换，所以'0001'转换成Int型就为1。所以 '0001' == 1 为TRUE
相应的还有
alert( '0' == false ); alert( '1' == true );TRUE与false会转换为0与1
注 alert( 'true' == true );为false

===
当使用===时，它不会做相应的类型转换，而是直接做比较，不同的类型为不等。
这样alert( '0001' ===1  );alert( '0' === false ); alert( '1' === true );为false

数组相关

字符串做数组的键

var stringArr = new Array( );
stringArr[ 'test1' ] = "测试1";
stringArr[ 'test2' ] = "测试2";

 

取值alert( stringArr[ 'test1' ] );
遍历所有的值

for( var key in stringArr ){

         alert( stringArr[ key ] );//输出数组元素的值

}

 

注意对应该类型的数组toString的方法并未生成相应的字符串
alert( stringArr.toString( ) );无结果输出
//非键值类的数组toString(),将生成相应的字符串

var stringArr = new Array( '1','2' );
alert( stringArr.toString(  ) );//输出的结果为1,2

 

数组赋值的问题
我们把一个数组作为一个参数传入函数中，在函数中修改该数组值，所有与该数组相关的变量发生改变。
数组赋值或者作为参数传递时它是引用传递 如以下代码

var stringArr = new Array( '1','2','3' );
var tempArr = stringArr ;
tempArr[ tempArr.length ] = '4';
alert( stringArr.toString() );//结果为 1,2,3,4
alert( tempArr.toString() );//结果为 1,2,3,4

 

对于数组中的元素如果也是数组，它对应的也为引用及改变单个数组中的元素，所有包含该数组的变量也发生变化

如以下代码

var stringArr = new Array(  );
stringArr[ 0 ] = tempArr = new Array( '1','2','3' );
stringArr[ 1 ] = 'k';
alert( stringArr.toString() );//结果为 1,2,3,k
tempArr[ tempArr.length ] = '4';
alert( tempArr.toString() );//结果为 1,2,3,4
alert( stringArr.toString() );//结果为 1,2,3,4,k

 
 

通过上面的描述我们在对数组赋值时，如果通过赋值的方式给数组赋值，它所对应的引用都是一个。
怎样产生新的数组，并与原数组不为同一引用，有两种方法一种为 concat(),slice( );

var stringArr = new Array( '1','2','3' );
tempArr  = stringArr.concat(  );
//tempArr  = stringArr.slice( 0 );
tempArr[ tempArr.length ] = '4';
alert( stringArr.toString() );//结果为 1,2,3
alert( tempArr.toString() );//结果为 1,2,3,4

 

注意如果子元素也是数组的分级按以上方法处理

var stringArr = new Array(  );
stringArr[ 0 ] = new Array( '1','2','3' );
stringArr[ 1 ] = 'k';
tempArr  = stringArr.concat(  );
//tempArr  = stringArr.slice( 0 );
stringArr[ 0 ][ stringArr[ 0 ].length ] = 4; 
tempArr[ 1 ] = 'f';
alert( stringArr[ 0 ].toString() );//结果为 1,2,3,4
alert( stringArr.toString() );//结果为 1,2,3,4,k
alert( tempArr[ 0 ].toString() );//结果为 1,2,3,4
alert( tempArr.toString() );//结果为 1,2,3,4,f

 
为什么stringArr[ 0 ]与tempArr[ 0 ]的值一致，因为他们对应的子元素的引用并没有改变，而只改变了tempArr的引用

    如何得到两个完全不同数组，只能一层一层的处理,只要是数组就应该做相同的处理

var stringArr = new Array(  );
var tempArr= new Array(  );
stringArr[ 0 ] = new Array( '1','2','3' );
stringArr[ 1 ] = 'k';
for( var i = 0; i< stringArr.length; i++ ){
         tempArr[ i ]  = stringArr[ i ].concat(  );
}
stringArr[ 0 ][ stringArr[ 0 ].length ] = 4;   
alert( stringArr[ 0 ].toString() );//结果为 1,2,3,4
alert( stringArr.toString() );//结果为 1,2,3,4,k
alert( tempArr[ 0 ].toString() );//结果为 1,2,3
alert( tempArr.toString() );//结果为 1,2,3,k

 
stringArr[ 0 ]与tempArr[ 0 ]的值不一致了，这样才是两个完全不一样的数组

函数作为参数传递

 

<script>
//callback为一个函数的形参，根据传入的函数名，调用不同的函数
function testFun( callback , str ){
   callback( str  );
}
function callback( ){
 alert( "callback" );
}
function testStr( str ){
    alert( str )
}
//调用testStr的函数
testFun( 'testStr', 'testStr');//弹出的结果为testStr，并未调用callback
</script>