js返回值
看下js变量、作用域、内存文档。
1.
<script type="text/javascript"> function c(){ return 23; } var a=c; var b=c(); alert(typeof a);//function alert(typeof b);//number
alert(typeof c);//function
alert(typeof c());//number
</script>
如果函数c里没有return,则typeof b的结果是undefined。
函数定义:声明 表达式
var f=function d(){ return 3; }
alert(typeof f);//function alert(typeof d());//Error 没有输出结果
var ff=function(){
}//函数表达式,上边f=function d(){}写法不对
2.
var msg='hello'; for (var i=0; i<10; i++) { var msg='hello'+i*2+i; } alert(msg); //hello189
3.
var bb = 1; function aa(bb) { bb = 2; alert(bb); }; aa(bb);//2 alert(bb);//1
函数aa内的bb是参数变量,不会影响外部bb的值。
4.
var a,b; (function(){//自执行函数 alert(a);//undefined alert(b);//undefined var a=b=3; alert(a);//3 在函数内部相当于给ab赋值3 alert(b);//3 })(); alert(a);//undefined 在函数外部 alert(b);//3 在函数外部 自执行函数内的var a=b=3相当于b=3,b相当于全局变量了,所以能访问到
非常不建议不使用var就初始化变量,因为这种方法会导致各种意外发生
5.简单的闭包-js匿名函数和闭包文档
参考:http://www.jb51.net/article/24101.htm
function Foo() { alert("i"); var i = 0; return function() { console.log(i++); } } var f1 = Foo(), f2 = Foo(); f1(); f1(); f1(); f2(); //控制台输出结果:0 1 2 3 0
闭包:在函数外部获得函数内部局部变量的一种方法。
function a(){ var num=3; return function b(){ alert(num); num++; } } var m=a(); m();//3 m();//4
var name = "The Window"; var object = { name : "My Object", getNameFunc : function(){ return function(){ return this.name; }; } }; alert(object.getNameFunc()()); //The Window var name = "The Window"; var object = { name : "My Object", getNameFunc : function(){ return this.name; } }; alert(object.getNameFunc()); //My Object"
6.
在闭包中使用this对象也可能会导致一些问题,this对象是在运行时基于函数的执行环境绑定的,如果this在全局范围就是window,如果在对象内部就指向这个对象。而闭包却在运行时指向window的,因为闭包并不属于这个对象的属性或方法
(function box() { //自执行-封装成表达式 (内容)(参数) alert('Lee'); })(); (function box(n) {//自执行-封装成表达式 (内容)(参数) alert(n);//输出word })("word"); //相当于如下形式,只不过fn是不存在的 var fn=function(n){ }; fn("word");
这里就要说一次(function($){})(jQuery)和$(function(){})了
(function($){})(jQuery)形式同上,定义一个参数为$的匿名函数,并将jQuery作为参数来调用这个匿名函数。简单理解是用来定义一些需要预先定义好的函数。执行时dom不一定存在;
$(function(){})则是在dom加载完成后来执行预先定义好的函数。用于存放操作dom对象的代码,执行代码的时候dom对象是已经存在的。
简单的插件写法示意:
(function($){ $.fn.tabSwitch=function(){}; $.fn.menuSelect=function(){}; })(jQuery);
引用:
$(function(){ $.fn.tabSwitch(); })
7.
html
<ul> <li>1</li><li>2</li><li>3</li> </ul>
javascript
var Li=document.getElementsByTagName("li"); var ll=Li.length; for(i=0;i<ll;i++){ Li[i].onclick=function(){ alert(i); } }
依次点击li输出:3,3,3
刚开始只是注册了一个事件处理函数,点击事件触发函数执行alert(i),而此时的i=4,在点击事件发生之前循环已经结束。
//循环里包含匿名函数 function box() { var arr = []; for (var i = 0; i < 5; i++) { arr[i] = function () { return i; }; } return arr; } var b = box(); //得到函数数组 alert(b.length); //得到函数集合长度 for (var i = 0; i < b.length; i++) { alert(b[i]()); //输出每个函数的值,都是最后一个值 }
这是作用域链的机制导致一个问题,在循环中里的匿名函数取得的任何变量都是最后一个值。
上面的例子输出的结果都是5,也就是循环后得到的最大的i值。因为b[i]调用的是匿名函数,匿名函数并没有自我执行,等到调用的时候,box()已执行完毕,i早已变成5,所以最终的结果就是5个5。
//循环里包含匿名函数-改1,自我执行匿名函数 function box() { var arr = []; for (var i = 0; i < 5; i++) { arr[i] = (function (num) { //自我执行 return num; })(i); //并且传参 } return arr; } var b = box(); for (var i = 0; i < b.length; i++) { alert(b[i]); //这里返回的是数组,直接打印即可 }
改1中,让匿名函数进行自我执行,导致最终返回给a[i]的是数组而不是函数了。最终导致b[0]-b[4]中保留了0,1,2,3,4的值。
//循环里包含匿名函数-改2,匿名函数下再做个匿名函数 function box() { var arr = []; for (var i = 0; i < 5; i++) { arr[i] = (function (num) { return function () {//直接返回值,改2变成返回函数 return num;//原理和改1一样 } })(i); } return arr; } var b = box(); for (var i = 0; i < b.length; i++) { alert(b[i]());//这里通过b[i]()函数调用即可 }
改1和改2中,我们通过匿名函数自我执行,立即把结果赋值给a[i]。每一个i,是调用方通过按值传递的,所以最终返回的都是指定的递增的i。而不是box()函数里的i。
8.
console.log(1+ "2"+"2"); console.log(1+ +"2"+"2"); console.log("A"- "B"+"2"); console.log("A"- "B"+2);
输出:122 32 NaN2 NaN
加法:有一个操作数是字符串就拼成字符串输出。
一元加:+“2”会将字符串转换成数值,所有1++“2”结果为数值3,3+“2”有一个操作数是字符串,最终是字符串。如果有一个操作数是NaN则加法结果是NaN, 不过如果有一个操作数是字符串,应该遵循:如果两个都是字符串-拼接,如果一个是字符串,则把另一个转换成字符串拼接。
减法:如果操作数是字符串 null undefined 布尔值,则调用Number()。减法操作:如果有一个操作数是NaN则减法操作结果为NaN。"A"-"B"不能转换成数值,结果为NaN;NaN+"2",一个操作数是字符串,转换nan为字符串,输出NaN2。