前端笔记1(JS语法)

JS语法　

例1

var a = {
  n: 1
}

var b = a;

a.x = a = {
  n: 2
}
console.log(a.x);
console.log(b.x);

解析

var a = {n: 1}    // 定义变量 a 为一个新对象，且这个新对象有一个值为 1 的 n 成员
var b = a;    // 定义变量 b ，并且让 b 也引用变量 a 的对象
// 经过上面这两句之后，变量 a 和 b 都引用了对象 {n:1}

// 下面这句是问题的关键
a.x = a = {n: 2}
// a.x = 表示要给 a 引用的那个对象 {n:1} 的 x 成员赋值
// 实际上，此时变量 b 也引用了这个对象 {n:1}
// 此时，JavaScript引擎首先给 {n:1} 添加一个空的 x 成员，即：{n:1,x:undefined}
// 接下来要给{n:1,x:undefined}.x 赋的是什么值呢？
// 要赋的值是 a = {n: 2}
// 也就是先让变量 a 引用一个新的对象 {n:2}
// 然后再把 a 的新值赋给 {n:1,x:undefined}.x
// 所以原来的那个对象变成了 {n:1,x:{n:2}}
// 由于变量 b 始终引用那个原来的对象，所以 b 的值是 {n:1,x:{n:2}}
// 由于变量 a 被赋予了一个新的对象，所以 a 的值是 {n:2}

// 这面这两句是控制台输出
console.log(a.x);    // 变量 a 引用的对象是 {n:2}，没有 x 成员，所以输出 undefined
console.log(b.x);    // 变量 b 引用的对象是 {n:1,x:{n:2}}，所以输出 {n:2}

例2

var a = 1;
function b(){
    var a = 2;
    eval("function c(){ console.info(a); }");
    var d = new Function(" console.info(a)");
    c();   //2
    d();   //1
}
b();

解析

使用Function构造器生成的函数，并不会在创建它们的上下文中创建闭包；它们一般在全局作用域中被创建。当运行这些函数的时候，它们只能访问自己的本地变量和全局变量，不能访问Function构造器被调用生成的上下文的作用域。这和使用带有函数表达式代码的 eval 不同。
例3

var f = function g(){ return 23; };
typeof g();   
typeof g;    
typeof f();
typeof f;

解析

var f = function g(){ return 23; };
typeof g();   //报错
typeof g;    //undefined
typeof f();   //number
typeof f;    //function

在 JS 里，声明函数只有 2 种方法：
第 1 种： function foo(){…} （函数声明）
第 2 种： var foo = function(){…} （等号后面必须是匿名函数，这句实质是函数表达式）

除此之外，类似于 var foo = function bar(){…} 这样的东西统一按 2 方法处理，即在函数外部无法通过 bar 访问到函数，因为这已经变成了一个表达式。

但为什么不是 “undefined”？
这里如果求 typeof g ，会返回 undefined，但求的是 g()，所以会去先去调用函数 g，这里就会直接抛出异常，所以是 Error。

作者：Vkki
链接：http://www.zhihu.com/question/34079683/answer/57863909
来源：知乎
著作权归作者所有，转载请联系作者获得授权。
例4

function Foo() {
    getName = function () { alert (1); };
    return this;
}
Foo.getName = function () { alert (2);};
Foo.prototype.getName = function () { alert (3);};
var getName = function () { alert (4);};
function getName() { alert (5);}

//请写出以下输出结果：
Foo.getName();
getName();
Foo().getName();
getName();
new Foo.getName();
new Foo().getName();
new new Foo().getName();

解析

//答案：
Foo.getName();//2
getName();//4
Foo().getName();//1
getName();//1
new Foo.getName();//2
new Foo().getName();//3
new new Foo().getName();//3

例5

function fun(n,o) {
  console.log(o)
  return {
    fun:function(m){
      return fun(m,n);
    }
  };
}
var a = fun(0);  a.fun(1);  a.fun(2);  a.fun(3);//undefined,?,?,?
var b = fun(0).fun(1).fun(2).fun(3);//undefined,?,?,?
var c = fun(0).fun(1);  c.fun(2);  c.fun(3);//undefined,?,?,?

解析

//答案：
//a: undefined,0,0,0
//b: undefined,0,1,2
//c: undefined,0,1,1