004-dom练习题

第一题:

9,下列输出结果是true的是()
A,console.log(isNaN(123)); //isNaN()是一个函数
B, console.log(null==undefined); //true
C, console.log(null===undefined); //false
D, console.log(NaN==NaN); //false

解析:D,是地址值的比较。

扩展:

空对象:

{}=={}, //false。
{}==!{}; // false。
空对象是true,非空对象是false,相当于true==false相比较,结果打印false。
如果对象做比较,会调用两个方法toString() valueOf()
先调用 valueOf(),如果返回的原始值不是一个字符串,会再调用toString() ,会再通过Boolean去转换一下。

[]==[]; //fasle,地址值的比较
[]==![];//true, 因为空数组是true,非空数组就是false。

相当于:
[]==0 //true
0==false //true
[]==false //true

第二:
console.log(({}+{}).length); 打印结果是30,一个空对象的length是15,两个是30。
{}对象, 在高程数规定了 先调用valueOf()
如果返回的不是一个简单数据类型 再调用 toString()

console.log(({}.toString()).length); 打印结果是15.

console.log({}.toString());
控制台打印输出: [object Object] 数一下加上空格

第三题:
10,console.log(true&&”abc”);
&&右边是abc字符串,左边是true布尔类型,结果打印abc。两者都为真时,结果返回&&后边的。

3&&4 //4 左边为真,返回最右。左边为假返回左边的假
0&&4 //0

第四题:
1,JavaScript事件的三个阶段都有什么?如何阻止事件冒泡?

事件捕获阶段
事件目标阶段
事件冒泡阶段

三个方法阻止事件冒泡:

event.stopPropgation();
兼容ie的:event.cancelBubble=true;
return false;

2,foo = foo || bar,这个代码是什么意思?为什么要这样写?

短路代码! 代码更加的简洁

3,请写出动态创建元素的方法(最少写出4种方法)
1)innerHTML
2)appendchild
3)createElement
4) document.write


4, for(var i=1;i<=3;i++){
setTimeout(function(){
console.log(i);
},0);
};
执行结果是:4 4 4
for循环执行了3次,

原因:js是单线程的 for循环和setTimeout定时器 都是window的顶级对象
for循环执行完后 再执行定时器
nodejs也是单线程的。

如果需要在setTimeout中打印1 2 3 ?
解决:用自执行函数,并且在setTimeout中传入参数
变形:

 for(var i=1;i<=3;i++){
 //这里写一个自执行函数
    setTimeout(  (function(b){

        console.log(b);

        })(i), 0);
    };

for循环执行一次,自执行函数也执行一次。

5,var foo=1
function fn() {
foo=10;
return;
function foo(){
}
}
fn();
console.log(foo);
返回:1
讲解:提升
var foo;
function fn(){
function foo(){
}
foo=10;
return
}
foo=1;
fn()
console.log(foo)

解析:
var foo;
//全局
function fn(){
//相当于:var foo=function(){}
//局部的:function foo(){}

foo=10;
return

}
foo=1;
fn()
console.log(foo)

这里写图片描述

var foo=1
function fn() {
foo=10;
}
fn();
console.log(foo);

6,
function aa(){
return function(){
var aa=10;
var bb=20;
};
}
console.log(aa);
//输出function整个函数
function aa(){
return function(){
var aa=10;
var bb=20;
};
}
console.log(bb);
//报错,全局找不到。

7,分析下面的js代码段,输出结果是什么?并解释原因?

function Fn(){
return Fn
};
fn=new Fn()
console.log(fn instanceof Fn);

//打印结果是false。
//构造函数:考点:是看是不是实例! instanceof
解析:
fn=new Fn() new会在fn函数中创建一个this对象,
并返回this(相当于 return this)。

function Fn(){
var this={};
return Fn
return this
};
fn=new Fn()
console.log(fn instanceof Fn);

return Fn 了 return this 就不执行了。
Fn函数返回了整个函数体,
从而fn就是函数
而不是this指向的fn对象实例
那么fn和Fn是相同的函数
又因为函数不能是函数的实例。
所以返回false

补充:
var b=10;
setTimeout(function(){
alert(b);
var b=66;
},1000)
b=666;
alert(b);

结果: 666 undefined

var b
alert(b);
b=66;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值