大厂校招前端笔试要点 第二弹
目录:
1,new操作符干了什么?
2,null和undefined的区别?
3,eval是做什么的?
4,iframe的优缺点
5, window.onload 和document.ready的区别
一:new操作符干了什么?
1,new关键字 通过构造函数创建出来的实例可以访问到构造函数中的属性
2,new关键字 通过构造函数创建出来的实例可以访问到构造函数原型链中的属性,也就是说通过 new 操作符,实例与构造函数通过原型链连接了起来
3,new关键字 操作的构造函数如果返回基本类型,那么这个返回值毫无意义,4,new关键字 操作的构造函数如果返回引用类型,那么这个返回值会被正常使用
,总结 new关键字到底做了些什么
先创建了一个新的空对象
然后让这个空对象的proto指向函数的原型prototype
将对象作为函数的this传进去,如果return 出来东西是对象的话就直接返回 return 的内容,没有的话就返回创建的这个对象
二:null和undefined的区别?
在javascript中,null和undefined都用来表示一个空的值,
null
null类型,代表“空值”,代表一个空对象指针,使用typeof运算得到 “object”,所以你可以认为它是一个特殊的对象值。
使用场景:
作为函数的参数,表示该函数的参数不是对象;
作为对象原型链的终点。
undefined
undefined类型,代表“未定义”,代表一个变量已经声明但是还未赋值,就是此处应该有一个值,但是还没有定义。
使用场景:
变量被声明了,但没有赋值时,就等于undefined。
调用函数时,应该提供的参数没有提供,该参数等于undefined。
对象没有赋值的属性,该属性的值为undefined。
函数没有返回值时,默认返回undefined。
三:eval是做什么的?
eval用来将字符串解析为javascript代码并执行
eval还可以将JSON字符串转换为JSON对象
我们应该避免使用eval,它并不安全,而且非常耗性能
四:iframe的优缺点?
什么是iframe?
iframe就是框架网页就是在同一个页面里有多个网页,使用框架的好处就是你在请求一个网页的下一个页面的时候,还有 一个网页是一直显示着的,这样浏览者就不会就的等待的存在了;
iframe也称作嵌入式框架,嵌入式框架和框架网页类似,它可以把一个网页的框架和内容嵌入在现有的网页中。
iframe的优缺点
优点
iframe能够原封不动的把嵌入的网页展现出来。
如果有多个网页引用iframe,那么你只需要修改iframe的内容,就可以实现调用的每一个页面内容的更改,方便快捷。
网页如果为了统一风格,头部和版本都是一样的,就可以写成一个页面,用iframe来嵌套,可以增加代码的可重用。
如果遇到加载缓慢的第三方内容如图标和广告,这些问题可以由iframe来解决。
缺点
页面样式调试麻烦,出现多个滚动条;
浏览器的后退按钮失效;
过多会增加服务器的HTTP请求;
小型的移动设备无法完全显示框架;
产生多个页面,不易管理;
不容易打印;
iframe会阻塞主页面的Onload事件
占用资源。每增加一个 iframe,相当于多增加一个独立的窗口,每个 iframe 中都需要占用独立的资源。
代码复杂,无法被一些搜索引擎解读。
五:window.onload 和document.ready的区别
document.ready和onload的区别为:加载程度不同、执行次数不同、执行速度不同。
加载程度不同
document.ready:在DOM加载完成后就可以可以对DOM进行操作。一般情况一个页面响应加载的顺序是,域名解析-加载html-加载js和css-加载图片等其他信息。那么Dom Ready应该在“加载js和css”和“加载图片等其他信息”之间,就可以操作Dom了。
onload:在document文档加载完成后就可以可以对DOM进行操作,document文档包括了加载图片等其他信息。那么Dom Load就是在页面响应加载的顺序中的“加载图片等其他信息”之后,就可以操作Dom了。
二、执行次数不同
document.ready可以写多个.ready,可以执行多次,第N次都不会被上一次覆盖。
onload只能执行一次,如果有多个,那么第一次的执行会被覆盖。
三、执行速度不同
onload除了要等待DOM被创建还要等到包括大型图片、音频、视频在内的所有外部资源都完全加载。如果加载图片和媒体内容花费了大量时间,用户就会感受到定义在onload事件上的代码在执行时有明显的延迟。
document.ready函数只需对 DOM 树的等待,而无需对图像或外部资源加载的等待,从而执行起来更快。