JavaScript的常见问题

xiaoxiao2021-02-28  124

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指向windowwindow.val为 2 (1*2) json.dbl.call(window); //call方法调用,指定thiswindowwindow.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 */ } ();


转载请注明原文地址: https://www.6miu.com/read-26237.html

最新回复(0)