js常见面试题

JavaScript016

js常见面试题,第1张

对象是属性和方法的集合,面向对象的三大特性是封装,继承,多态

常见的有

对象的属性可以通过 . 或者[]来访问,他们有以下区别:

call,apply, bind方法都可以改变函数的this指向

每一个构造函数都有一个prototype属性,这个属性称之为函数的显示原型,

构造函数实例化后或者对象都有一个 __proto__ 属性,称之为对象的隐式原型,后续原型链就是通过proto查找属性的。

当我们访问对象的某个属性时,会先从当前对象中查找,如果没有找到的则继续去对象的proto隐士原型中去查找,,如果还没找到则继续向上级对象的原型中查找,直到找到顶层Object对象,如果没有找到返回undefined,这种通过对象的 __proto__ 隐式原型查找属性的链条关系就称之为原型链。

set通过new实例化常用的方法有:

map通过new Map创建一个对象:

.stop 阻止事件冒泡

.capture 设置事件捕获

.prevent 阻止默认事件

.self 之间作用在本身触发

.once 事件只触发一次

.navtive 组件触发的是原生的js事件

键盘修饰符操作

.enter, .space, .....等

.number 修饰符可以将 输入的值转化为Number类型

.trim 修饰符会自动过滤掉输入的首尾空格

.lazy 把v-model改为失去焦点触发

创建阶段

M 数据模型,负责逻辑

V 视图 负责页面渲染

Vmodel底层操作,负责视图和数据的交互,当数据发生变化通知视图修改

number数字,string字符串,boolean布尔值,Array, function symbol, object对象

61.作用域的分类

参考答案:块作用域、词法作用域、动态作用域

解析:

1 块作用域 花括号 {}

2 词法作用域(js 属于词法作用域) 作用域只跟在何处被创建有关系,跟在何处被调用没有关系

3 动态作用域 作用域只跟在何处被调用有关系,跟在何处被创建没有关系

参与互动

62.js 属于哪种作用域

参考答案:词法作用域(函数作用域)

解析:

参与互动

63.浮点数精度

参考答案:参考

参与互动

64.自执行函数? 用于什么场景?好处?

参考答案:

好处:防止变量弥散到全局,以免各种 js 库冲突。隔离作用域避免污染,或者截断作用域链,避免闭包造成引用变量无法释放。利用立即执行特性,返回需要的业务函数或对象,避免每次通过条件判断来处理

场景:一般用于框架、插件等场景

参与互动

65.多个页面之间如何进行通信

参考答案:有如下几个方式:

参与互动

66.css 动画和 js 动画的差异

参考答案:

1.代码复杂度,js 动画代码相对复杂一些 2.动画运行时,对动画的控制程度上,js 能够让动画,暂停,取消,终止,css 动画不能添加事件 3.动画性能看,js 动画多了一个 js 解析的过程,性能不如 css 动画好

解析:参考

参与互动

67.如何做到修改 url 参数页面不刷新

参考答案:

HTML5 引入了 history.pushState() 和 history.replaceState() 方法,它们分别可以添加和修改 历史 记录条目。

假设当前页面为 foo.html ,执行上述代码后会变为 bar.html ,点击浏览器后退,会变为 foo.html ,但浏览器并不会刷新。 pushState() 需要三个参数: 一个状态对象, 一个标题 (目前被忽略), 和 (可选的) 一个 URL.让我们来解释下这三个参数详细内容:

参与互动

68.数组方法 pop() push() unshift() shift()

参考答案:

参与互动

69.事件绑定与普通事件有什么区别

参考答案:

参与互动

70.IE 和 DOM 事件流的区别

参考答案:

1.事件流的区别

IE 采用冒泡型事件 Netscape 使用捕获型事件 DOM 使用先捕获后冒泡型事件 示例:

复制代码代码如下:

冒泡型事件模型: button->p->body (IE 事件流)

捕获型事件模型: body->p->button (Netscape 事件流)

DOM 事件模型: body->p->button->button->p->body (先捕获后冒泡)

2.事件侦听函数的区别

IE 使用:

DOM 使用:

bCapture 参数用于设置事件绑定的阶段,true 为捕获阶段,false 为冒泡阶段。

参与互动