前端面试题总结

芯随忻动

已于 2024-08-19 11:07:34 修改

阅读量636

点赞数 15

文章标签： javascript 开发语言 ecmascript

于 2024-08-19 10:59:13 首次发布

本文链接：https://blog.csdn.net/qq_46409445/article/details/141262381

版权

1.普通数据类型

(1)普通数据类型有哪些?

字符串型string

数值型number

undefined

null

布尔型boolean

(2如何检测类型?

console.log(typeof data)

instanceof

Array isArry()

(3)如何转换数据类型?

转字符串

数据.toString()

String(数据)

隐式转换: 数据+' '

转数值

Number(数据) '123aaa'转完之后是NaN

parseInt(数据) '123aaa'转完之后是123

parseFloat(数据)

隐式转换:数据*/-

转布尔值
```
Boolean(数据)
```
布尔值false的有undefined, null, ' ', NaN, 0

2.this

(1)this指向

全局中, this 指向 window
函数中,严格模式下, this 指向 undefined ;非严格模式下, this 指向 window
定时任务中, this 指向 window ( setTimeOut , Interval )
绑定事件中, this 指向事件源

对象中, this 指向这个对象

对象:无序键值对的集合

a. 对象字面量

var obj = {
  name: 'wkk',
  age: 18,
  skill: function () {
    console.log('敲代码')
  }
}
console.log(obj.name)
console.log(obj['age'])

//遍历对象
for (var k in obj ) {
  console.log(k)
  console.log(obj[k])
}

b. new Object()

var obj = new Object()
obj.name = "wkk"
obj.skill = function () {}

c.构造函数

构造函数中, this 指向 new 出来的实例

//构造函数
function Dog (name, color, voice) {
   this.name = name           //this指向 new 出来的实例
   this.color = color 
   this.bark = function (voice) {
     console.log(voice)
   }
 }
 var wkk=new Dog('wkk','灰色')
 console.log(wkk)
 wkk.bark('haha')

new关键字执行了哪些过程?

(1) 先创建了一个空对象

(2) 然后让 this 指向这个空对象

(3) 给属性赋值,给方法赋值

(4) 把结果 return 出来

(2)改变this的方法及区别

call 立即执行,第一个参数修改 this 指向,之后的用 , 隔开
apply 立即执行,第一个参数修改 this 指向,第一个之后的用[ ]包裹
bind 不会立即执行,第一个参数修改 this 指向,之后的用 , 隔开

3.前端模块化

应用分成了多个模块,就像魔方一样,

如果没有模块化,就会出现文件依赖,命名冲突的问题, JS 本来是没有前端模块化这个概念的

为了解决文件依赖,命名冲突的问题,js社区提出了前端模块化这个概念

主要流行的有 3 个:

前台: AMD (异步模块定义)(代表产品 Require.js) , CMD (通用模块定义) (Sea.js),

后台: CommonJS 规范 (node.js)

比如在 node.js 中规定,一个文件就是一个模块,模块的外部是访问不到内部成员的, exports,module.exports 是导出模块, require 是导入模块

之后 ES6 支持了前端模块化:

每一个js就是一个独立的模块,可以通过 import 导入模块, export.default 导出模块

const a=1
const b="ABC"
//默认导出 001.js
export.default {
  a,b
}
//按需导出 001.js
export var c='啦啦啦'
export var d='哈哈哈'
//------------------------------------------------------------------------------------------------------------------------
//默认导入和按需导入 index.js
import m1, {c,d} from '001.js'
console.log(m1)     //{a:1,b:'ABC'}
console.log(c)     //啦啦啦