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。

posted on 2015-05-14 15:48  筱莜  阅读(776)  评论(0编辑  收藏  举报