js面试常考总结

数据类型

什么是引用类型,值类型?

值类型key与value存储在栈中(量小)

引用类型在栈存储的引用地址,在堆中存储是数据(量大)

把引用类型赋值给一个变量,是把变量的引用地址指向引用类型堆中地址

哪些是值类型?

String字符,Number数字,Boolean布尔,undefined未定义,null空(特殊),Symbol符号

哪些是引用类型?

 Object对象,Array数字,Function 函数,Map图,Set集合

判断数据类型

typeof类型
instanceof实例
constructor构造函数
Array.isArray)是否为数组
Object.prototype.toString.callobj)原型 

typeof判断

适合判断值类型与引用类型,不能判断具体引用类型
typeof "abc” string
typeof 123 number
typeof true boolean
typeof undefined undefined
typeof null object
typeof Symbol()
symboltypeof object
typeof 0]object
typeof function()function
typeof new Map() object
typeof new Set() object

instanceof

 判断是否是其原型链上的实例只要这个构造函数在原型链都返回true
(由Array创建的,Array是 Object的子类,instanceofArray和 Object 都返true)

[]instanceof Array true
[]instanceof Object true
{}instanceof Array false
{}instanceof Object true

construtor

判断实例对象构造函数
[].constructor === Array true

最精确

Object.prototype.toString.call(obj).slice(8,-1)  返回数据的精确类型

浅拷贝

扩展{…obj}
for遍历
Object.assgin()

// 浅拷贝,只拷贝值类型,引用类型数据还是指向地址
var  obj1 = {name:"mumu",age:18,friend:["小红","小绿",{name:"小蓝",job:"teacher"}]};
// 01 ES6扩展,02 for循环 03 Object.assgin
var  obj2 = {...obj1}; //浅拷贝(如果属性值是引用类型,两个变量的属性都指向同一内存地址)
// 02 循环
var obj3 = {};
for(var k in obj1){
	obj3[k] = obj1[k];
}
// 03 Object.assgin 把参数的两个对象进行合并,属性相同后面覆盖前面
var obj4 = Object.assign(obj1,{});

深拷贝

  1. JSON.parse(JSON.stringify(数据))
    json数据类只支持 布尔,字符串,数字 null,undefined array object(会忽略函数 等其他类型数据)
  2. 通过判断类型 递归深拷贝
    递归就是函数调用自己(一定要有结束条件)

隐式转换

+ 字符串连接符号 会尝试把其他类型转换为 字符串

+ - * / == 会尝试把其他类型转换为数字

  • 转换失败 NaN
  • false 转换为 0 ;true 转换 1

 ><>= <= ! != == 判断与逻辑返回会尝试把其他类型转换布尔值(falsely变量转换为false ;空字符串,null,NaN,undefined,0,转换为false)

严格等于

===

判断类型和值是否都相对
应该在任何时候都使用===(当判断是否为null或者为undefined可以为特例)
null === null true

==

判断隐式转换后的值
“100” == 100 // true
null == undefined //true
0 == false //true

特例:NaN === null // false

{} == {} // false
[] == {} //false
指向不同的内存地址 

if判断

if()中判断的是否为truely变量

falsely变量:false 空字符串 0 NaN undefined null (两次取反 !!a得到结果为false)

除了falsely变量其他都为truely变量

逻辑且逻辑或

1. A||B

A为真(truely) 结果为A ,否则结果为B

2. A&&B

A为假(falsely) 结果为A,否则结果为B

3.判断对象

if(a&&a.b&&a.b.c){}
if(a?.b?.c){}
如果有a并且有a.b并且有a.b.c
if(a.b.c){} 这样写是错误的 

原型与原型链

名词

1.类:(创建对象实例的模板,本质上都是函数)
        构造函数 用new来执行的函数
        class xxx { }
2.实例:由类创建的对象(本质上讲就是对象)
3.显示原型
        类/构造函数都一个显示显示原型protype(本质是就是个对象)
4.隐式原型
        每个实例都有一个隐私原型__proto__
5.显与隐关系
        类显示原型protype等于其创建的实例的隐式原型__proto__
6.原型链
        查找对象实例的方法和属性时,先在自身找,找不到则沿着__proto__向上查找,__proto__形成的链条关系我们称为原型链(实现了js继承)

原型与原型链的作用

实现了js的继承
实现了实例的公用属性和方法

显与隐关系

var arr = [];
arr.__proto__ === Array.prototype
类显示原型protype等于其创建的实例的隐式原型__proto__ 

原型链

js实现继承

1.class 的 extends方法
class Student extends People{
constructor(name,age,no){
//类中继承构造函数
super(name,age)

}
}

2.使用原型链

        1. Stuent构造函数中继承

                function Student(name,age,no){ People.call(this,name,age) .... }

        2.继承原型链

                Student.prototype = Object.create(People.prototype)

        3. 修正Student构造函数

                 Stuent.prototype.constructor = Student

实例公用方法

1.Array.prototype.max = function(){return Math.max(…this))}
所有数组将拥有max方法
2.String.prototype.reverse = function(){ return this.split(“”).reverse().join(“”)}
所有字符串将拥有 reverse 方法
注意:一般不要修改默认对象上的方法,扩展也谨慎

猜你喜欢

转载自blog.csdn.net/weixin_48345246/article/details/127972710
今日推荐