美文网首页
js小知识点集合(不定期更新)

js小知识点集合(不定期更新)

作者: sakisama | 来源:发表于2015-01-14 13:46 被阅读55次

    1.包装对象:

    存取字符串,数字,布尔值的属性时创建(用String(),Number(),Boolean()构造函数来创建)的临时对象称作包装对象。

    var s = 'test'; //创建字符串类型变量

    s.len = 4; // 创建包装对象,并为该对象创建len属性,赋值为4

    //此时引用完毕,包装对象将自动被销毁

    console.log(s.len)//由于包装对象已经被销毁,故此时查询结果为undefined

    总结:每次使用字符串的属性时,便会创建包装对象(也可理解为临时对象),常用的字符串属性如string.length, string.indexof()等,都是来自于创建包装对象,而使用完成之后便销毁掉。

    2.函数声明提前:

    第一个例子:

    var foo = 1;

    function func(){

      foo = 10;

       return;

      function foo(){} //此时函数声明会提前,使得该函数内的foo变为局部变量,该语句                             //同理于此处修改为var foo;

    }

    console.log(foo); //输出foo结果为1

    第二个例子:

    function bar() {

    return foo;

    foo = 10;

    function foo() {}  //声明提前,所以输出"function"

    var foo = 10;

    }

    console.log(typeof bar()); //输出"function"

    当把function foo和var foo换位子之后,结果依然是输出"function",说明不存在一个先后顺序的声明覆盖问题。

    当去掉function foo()后,输出的就是“undefined",说明var foo也会出现声明提前。

    当去掉function foo()同时也去掉var foo后,则直接报错未定义。

    回到原代码,那么为什么function foo()之后的var foo没有起作用让结果输出"undefined"?(暂无理解办法)

    3.关于作用域:

    var x =3;

    var foo = {       

     x:2,        

    baz: {            

         x:1,            

         bar:function(){

                    returnthis.x;            

            }        

       }    

    }

    var go = foo.baz.bar;

    console.log(go());//3, 此时该函数执行环境在window中

    console.log(foo.baz.bar());//1,此时执行环境在baz中

    相关文章

      网友评论

          本文标题:js小知识点集合(不定期更新)

          本文链接:https://www.haomeiwen.com/subject/nvxcxttx.html