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

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中