JavaScript面试知识点前端开发那些事儿

JavaScript面试考点

2021-08-13  本文已影响0人  团子哒哒

1、JS 如何使属性或者对象不能被改变?

1)对象常量

结合writable: false和configurable: false就可以创建一个真正的常量属性(不可修改、重定义或者删除)。

2)禁止扩展

如果想要禁止一个对象添加新属性并且保留已有属性,可以使用Object.preventExtensions()

3)密封

Object.seal()会创建一个“密封”的对象,实际上是会在一个现有对象上调用Object.preventExtensions(…)并把所有现有属性标记为configurable: false。所以,密封后不仅不能添加新属性,也不能重新配置或者删除任何现有属性(但是可以修改属性的值)

4)冻结

Object.freeze()会创建一个冻结对象,实际上会在一个现有对象上调用Object.seal(…)并把所有“数据访问”属性标记为writable: false,这样就无法修改它们的值了。

最后,注意一点,所有方法创建的都是浅不变性。就是说,它们只会影响目标对象和它的直接属性,如果目标对象引用了其他对象(数组、对象、函数等),其他对象的内容不受影响,仍然可变

2、!=、== 、!==、===的用法和区别

== 和 != 比较若类型不同,先偿试转换类型,再作值比较,最后返回值比较结果 ;

=== 和 !== 只有在相同类型下,才会比较其值。(值和类型都相同的情况下比较);

==, 两边值类型不同的时候,要先进行类型转换,再比较;

===,不做类型转换,类型不同的一定不等。

3、function a(){} 和 var a = function(){}的区别

当我们使用a方法的时候,是没有问题的,如果使用b方法,会报一个undefined错误。

这是因为,function a()方法已经被提前加载好了,所以a方法存在。var b会被提升,但是并没有声明赋值,方法必须是脚本执行到相应位置,才会被加载,所以提前使用b方法会报undefined错误。

变量提升

4、function的length属性

function的length属性表示该函数的形参个数。

因为function它是一个对象,所以这个length属性可以往它的原型找,但是function的原型length值理所当然的为0。因为函数的形参个数是定义函数时才定的

Function这个构造器本身也是一个函数,它接受至少一个参数,这个参数是定义函数后的函数体。

function的arguments的length属性。arguments它表示函数传入实际参数的个数。

5、JS 中封装、继承及多态实现

1)封装

封装是指把客观事物封装成抽象的类,并且类可以把自己的数据(属性)和对数据的操作(方法)只让可信的类或者对象操作,对不可信的进行信息隐藏。

2)继承

继承是指可以让某个类型的对象获得另一个类型的对象的属性的方法。它可以使用现有类的所有功能,并在无需重新编写原来的类的情况下对这些功能进行扩展。 通过继承创建的新类称为“子类”,被继承的类称为“基类”、或“父类”。

我们常见的继承有:

a、原型继承:直接让子类的原型对象指向父类实例,当子类实例找不到对应的属性和方法时,就会往它的原型对象,也就是父类实例上找,从而实现对父类的属性和方法的继承。属于引用类型传值,引用副本实例属性的修改必然会引起其他副本实例属性的修改。

b、call继承:构造函数继承,即在子类的构造函数中执行父类的构造函数,并为其绑定子类的this,让父类的构造函数把成员属性和方法都挂到子类的this上去。继承不到父类原型上的属性和方法。

c、组合式继承:原型继承+call继承。在子类的构造函数中通过Parent.call(this)继承父类的属性,然后改变子类的原型为new Parent()来继承父类的函数。创建子类实例都会执行了两次构造函数(Parent.call()和new Parent()),虽然这并不影响对父类的继承,但子类创建实例时,原型中会存在两份相同的属性和方法。

d、寄生组合式继承:为了解决每次创建子类实例都执行了两次构造函数的问题,私有的只拿私有的,用call来做。共有只拿共有的,用Object.create()来做。

e、es6 extends 继承:通过关键字extends实现子类继承父类的私有和公有,这里需要注意如果子类里面写了constructor,就必须写super否则会报错。

3)多态

多态是指一个类实例的相同方法在不同情形有不同表现形式。多态机制使具有不同内部结构的对象可以共享相同的外部接口。

a、函数重载(overload):指在同一作用域内,可以有一组具有相同函数名,不同参数列表的函数。

JS函数不支持多态,但是事实上JS函数是无态的,支持任意长度,类型的参数列表。如果同时定义了多个同名函数,则以最后一个函数为准。

js通过函数名找到对应的函数对象;然后根据函数按照定义时的参数,和表达式参数列表按顺序匹配,多余的参数舍去,不够的参数按undefined处理;然后执行函数代码。

b、函数覆写(override):方法名相同,后者覆盖前者。

上一篇下一篇

猜你喜欢

热点阅读