目录:

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 树的等待,而无需对图像或外部资源加载的等待,从而执行起来更快。

大厂校招前端笔试要点 第二弹_加载图片