web前端面试题及答案

    只是个人面试过程中遇到的一部分,不过这些也是前端开发必须掌握的知识,废话不多说,下面看题:

1、你对面向对象是怎么理解的(连环题)?
面向对象就是程序中,用一个对象描述现实中一个事物。
那为什么使用面向对象呢?主要因为面向对象更加接近于人的思维方式,更便于代码维护。
还有最重要的面向对象三大特点:封装、继承、多态。
封装:讲现实中一个事物的属性和方法,集中定义在程序中的一个对象中。
为什么要封装?这样更接近于人的想法,便于代码维护。
继承:父对象中的成员,子对象可以直接使用。
为什么要继承?代码的重用!节省内存空间。
多态:同一样东西,在不同情况下表现出不同的状态。
多态的方式:重写、重载
重载:多个同名方法,但是参数列表不同,调用时,可根据传入参数的不同,动态决定调用何种匹配的方法。
js语句不支持重载,但可用arguments对象模拟重载效果。
重写:子对象觉得父对象的成员不好用,可在本地定义与父对象同名的成员,覆盖父对象的成员
使用重写是为了专门定义子对象与父对象之间的差异。

2、原始类型(基本类型)与引用类型的区别?
问这个问题前肯定会先问,你说说数据类型有哪些?
当然回答是原始类型和引用类型;
原始类型有5个:String、Boolean、Number、null、undefined;
引用类型有:Function、Array、Date、Object等
区别,我在面试时候说了一句,“原始值不可变,引用值可变!”,结果面试官就让我出来了。出来的原因我想了半天应该就是我没有在说了下去:
a、原始值的比较是值的比较,只有他们的值相等才相等;
b、对象(引用值)的比较并非值的比较:即使两对象包含相同的属性和相同的值,他们也是不相等的。(各个索引值元素完全相等的两数组也是不相等的)
相同点:定义的方式相同,创建变量并为其赋值。
不同点:
1、执行的操作:引用可以增删改其的属性和方法
2、复制变量值:原始值会创建一个新值,两者操作没有任何影响;引用值则是复制一个副本,一动则都改变
3:传递参数:将函数外部的值复制给函数内部的参数。(参数为按值传递)
补充:引用类型的值是保存在内存中的对象。(js不允许直接访问内存中的位置,当复制保存对象的某个变量时,是对象的引用;但是,为对象添加属性时,操作的是实际的对象)

3、谈谈你对闭包的理解?
函数对象可以通过作用域链互相关联起来,函数体内部的变量都可以保存在函数作用域内,这种特性叫做闭包。这意味着函数变量可以隐藏于作用域链之内,看起来好像是函数将变量包裹起来,这种方式常用于共享函数内的私有变量。
闭包的特征:
a、局部变量:在函数中定义有共享意义(缓存、计数器等)的局部变量(定义为全局变量会对外造成污染)
b、内嵌函数:在函数中声明有内嵌函数,内嵌函数对函数中的局部变量进行访问
c、外部使用:函数向外返回此内嵌函数,外部可以通过此内嵌函数持有并访问声明在函数中的局部变量,而此变量在外部是通过其他途径无法访问的
判断闭包结果的方法:外层函数调用几次,就有几个受保护的局部变量

4、创建自定义对象的方式
1、对象的直接量;
2、new Object()
3、function 对象模板 (使用构造函数创建)
4、Object.create()

以下是一些拼多多面试中可能会涉及到的前端面试题答案: 1. 说一下 CSS 盒模型? 答:CSS 盒模型是指在网页布局时,每个元素所占据的空间可以看做是一个矩形的盒子。盒模型包括内容区域(content)、内边距区域(padding)、边框区域(border)和外边距区域(margin)。 2. 什么是闭包? 答:闭包是指在函数内部定义的函数,它可以访问到它外部函数的变量和参数,即使外部函数已经执行完毕,闭包仍然可以访问到这些变量和参数。闭包在 JavaScript 中非常常见,比如在事件处理器、定时器、Ajax 请求等场景中都会用到。 3. 什么是跨域?如何解决跨域问题? 答:跨域是指在浏览器中,如果一个网页的脚本试图访问不同源(协议、域名、端口)的服务器资源,就会引发跨域问题。为了保证浏览器的安全性,浏览器会限制脚本访问不同源的资源。 解决跨域问题的方法有很多种,常用的方法包括: - JSONP:利用 <script> 标签可以跨域访问资源的特性,通过动态创建 <script> 标签,将需要获取的数据以参数的形式传递给服务器,服务器在返回时将数据包裹在一个函数调用中,从而实现跨域获取数据。 - CORS:CORS(Cross-Origin Resource Sharing)是一种基于 HTTP 头部的跨域解决方案,它允许服务器在响应头中设置 Access-Control-Allow-Origin 头部,表明哪些源可以访问该资源。 - 代理:通过在同源服务器上设置代理,在代理服务器上转发请求,从而实现跨域访问资源。 4. 如何实现一个简单的 Promise? 答: ```javascript function MyPromise(fn) { var self = this; self.value = null; self.error = null; self.onFulfilled = null; self.onRejected = null; function resolve(value) { setTimeout(function() { self.value = value; self.onFulfilled(self.value); }, 0); } function reject(error) { setTimeout(function() { self.error = error; self.onRejected(self.error); }, 0); } fn(resolve, reject); } MyPromise.prototype.then = function(onFulfilled, onRejected) { var self = this; self.onFulfilled = onFulfilled; self.onRejected = onRejected; }; ``` 5. 什么是事件冒泡和捕获?如何阻止事件冒泡? 答:事件冒泡和捕获是指在页面中,当一个元素触发了某个事件时,该事件会先从最外层的元素开始依次向下传递,直到触发该事件的元素为止,这个过程称为事件冒泡;相反,事件捕获是从最外层元素开始,依次向下寻找触发该事件的元素,这个过程称为事件捕获。 阻止事件冒泡的方法包括: - 使用 Event 对象的 stopPropagation() 方法,可以阻止事件继续向上传播。 - 在事件处理函数中,返回 false 可以阻止事件继续向上传播。 以上是一些常见的拼多多前端面试题答案,希望对您有所帮助!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值