JavaScript的常见问题

1、请指出一下HTML中a的字体颜色

 a{color: #ccc;}
 #contact a{color: #336699;}
 .link a{color: #f60}
 h1 a{color: #eee}

 <div id="contact">
 <h1 class="link"><a href="http://www.360.cn">hello</a></h1>
</div>

考察css标签的优先级。 答案：color: #336699.

---

2、alert(1&&2) //2

注解：
1、只要“||”前面为false，无论“||”后面是true还是false，结果都返回“||”后面的值。
2、只要“||”前面为true，无论“||”后面是true还是false，结果都返回“||”前面的值。
3、只要“&&”前面是false，无论“&&”后面是true还是false，结果都将返“&&”前面的值;
4、只要“&&”前面是true，无论“&&”后面是true还是false，结果都将返“&&”后面的值;

逻辑运算符，“||”和“&&”都是遵行短路原则，只要确定符号前面的真假，既可确定返回值. 但是“&&”的优先级是高于“||”。

---

3、考察this指向：alert出来的值是多少（请说明原因）

window.val = 1;
var json = {
    val:10,
    dbl: function () {
    this.val*=2;
    }
};
json.dbl();   //db1作为方法调用，此时this为json json.val=20 (10*2)
var dbl = json.dbl;   //db1函数赋值给db1变量后，此时的db1是一个普通的函数
dbl();  //普通函数调用，this指向window ，window.val为 2 (1*2)
json.dbl.call(window); 
  //call方法调用，指定this为window，window.val为4 (2*2) 
alert(window.val+json.val)   //所以结果为 24

---

4、alert出来的值是多少（请说明原因）

 function C1(name){
     if(name) this.name = name;
}

 function C2(name){
     this.name = name;
}

 function C3(name){
     this.name = name || 'john';
}

 C1.prototype.name = 'Tom';
 C2.prototype.name = 'Tom';
 C3.prototype.name = 'Tom';

 alert((new C1().name)+(new C2().name)+(new C3().name));

不运行，求答案！^_^，这道题目对于理解js作用域链十分有用，拿出来和大家分享.
要做出这道题，最重要是理解js中作用域链的概念，
从内到外大致如下：
内部 ---> prototype ---> window
变量查找顺序：
能在内部属性中找到的绝不去prototype中找，能在prototype中找到的绝不去window中找

1).先来分析第一个

new C1().name

function C1(name){
    if(name){
        this.name = name;
    }
}

C1.prototype.name = "Tom";
分析：
由于这里没有参数，默认被赋值成了undefined，所以到了if这里就进不去了，因此在C1内部
属性中找不到name这个属性，只能傻逼嘻嘻的往向找了，又因为C1.prototype.name = "Tom"的
存在，在prototype中找到了name属性，所以最后打印出来的答案是"Tom"


2).接着来分析第二个

new C2().name

function C2(name){
    this.name = name;
}

C2.prototype.name = "Tom";
分析：
由于这次还是没有参数，同样默认被赋值成了undefined，于是内部属性name被赋值成了
undefined。于是在查找的时候一下子就查到了name的值为undefined,
因此C2.prototype.name = "Tom"并没有什么卵用，最终答案为undefined


3).最后来分析第三个

new C3().name

function C3(name){
    this.name = name || "John";
}

C3.prototype.name = "Tom";
分析：
同样是没有参数，undefined作为参数进来以后情况变成了这样：
this.name = undefined || "john"，然后结果很明显了内部属性name被赋值成"John"。
接着是从内往外查找，一下子就锁定了内部属性name，此时的值为"john"。
因此C3.prototype.name = "Tom"同样并没有什么用

故答案：Tomundefinedjohn

---

5、闭包问题：alert出来的值是多少（请说明原因）

var test = (function (i) {
 return function(){
    alert(i*2);
 };
}(2));
//test通过一个立即执行函数返回了一个匿名闭包函数，这个匿名闭包函数绑定了执行是传入的参数2
//且匿名闭包函数没有对传入自身的参数有特殊处理(利用arguments属性)
//所以test(5)和test()等价
test(5);

外面的function后面有个(2)，那是立即执行了外面的函数并将参数i=2代入。也就是说test=function(){alert(2*2)}压根就没有参数

---

题目1 变量提升

if (!(“a” in window)) {
var a = 1;
}
alert(a);

解析：
变量提升，但变量赋值没有，等价于
var a; //声明
if (!(“a” in window)) {
a = 1; //初始化赋值
}

---

题目2 立即调用的函数表达式（自执行匿名函数）

var hi = function(){ alert(“hi”) };
hi();

等价于
(function(){ alert(“hi”) })();

● 常见格式：(function() { /* code */ })();
● 解释：包围函数（function(){})的第一对括号向脚本返回未命名的函数，随后一对空括号立即执行返回的未命名函数，括号内为匿名函数的参数。
● 作用：可以用它创建命名空间，只要把自己所有的代码都写在这个特殊的函数包装内，那么外部就不能访问，除非你允许(变量前加上window，这样该函数或变量就成为全局)。各JavaScript库的代码也基本是这种组织形式。
总结一下，作用： 使这段代码被载入时候自动执行。 2. 避免污染全局变量。
其他写法
(function () { /* code */ })();
(function () { /* code */ } ());
!function () { /* code */ } ();
~function () { /* code */ } ();
-function () { /* code */ } ();
+function () { /* code */ } ();

---