js面试题整理

1、基本数据类型和引用数据类型的不同

基本类型包括: string,number,boolean,null,undefined,symbol(表示独一无二)
引用类型包括:Function,Array,Object

  • 是否可变。 基本类型的值不可变(没有方法和属性),引用类型的值可变;
  • 值的比较
    基本类型的数据类型相同时就是对值的比较,数据类型不同也是值的比较(不同类型会进行隐式转换)
//基本类型的比较
//类型相同时
var a = 'jona';
var b = 'jona';
console.log(a === b);//true
console.log(a == b);//true
//类型不同时
var a = 1;
var b = `true`;
console.log(a == b);//true
console.log(a === b);//false
//==是值相等即可,===是值和数据类型都必须相等

引用类型是按引用访问数据的(变量值是地址),即比较两个对象的堆内存中的地址是否相同

//引用类型的比较
var person1 = {};
var person2 = {};
console.log(person1 == person2); // false
  • 存储方式

    基本数据类型存储:变量和变量值都是存放在栈区的。

var name = 'jona';
var city = 'kunming';
var age = 18;

在这里插入图片描述

引用数据类型存储:在栈区保存变量标识符和指向堆内存中该对象的指针,即该对象在堆内存的地址。
在这里插入图片描述

  • 赋值
    基本类型赋值:基本类型在赋值操作后,两个变量拥有各自独立的数据,不会相互干扰。
    原理:将变量a赋值给变量b,变量a创建一个新值,然后把新值复制到为变量b分配的内存空间中,此时变量b的值是变量a的值的副本。
    在这里插入图片描述

    引用类型赋值:引用类型在赋值操作后,两个变量都保存了同一份内存地址,指向了同一个对象,后续一个变量发生的修改,也会影响另一个变量。
    原理:将变量c赋值给变量d引用类型的值时,同样也会将存储在变量c中的值复制一份放到为变量d分配的空间中,而保存在变量c中的值是对象在堆内存中的地址,所以这个值的副本实际是一个指针,而这个指针指向堆内存的对象。
    在这里插入图片描述

  • 访问和操作。基本数据类型的变量,可以操作保存在变量的实际的值;引用类型的变量,不允许直接访问内存,操作的是对象的引用地址

2、如何判断数据类型

2.1判断数据类型的方式

typeof、 instanceof、constructor属性以及一些具体类型的判断方式。

  • 基本数据类型的判断,如number类型:

    • isNaN()

    • typeof()

  • 引用数据类型的判断,如Array类型

    • constructor
    • instanceof
    • Array.isArray()
    • typeof()
2.2 instanceof的原理

使用方式:object instanceof 构造函数, 它有两个必传参数,左侧必须为对象类型,右侧必须为函数类型。
返回值: Boolean 类型。即函数原型对象出现在实例对象的原型链上就返回 true。

var arr = [1,2,3,1]; 
alert(arr instanceof Array); // true
2.3 constructor 的原理

constructor是对象的原型上的一个属性,指向其关联的构造函数。

var arr = [1,2,3,1]; 
alert(arr.constructor === Array); // true`
2.4 typeof和instanceof的区别
  • typeof 虽然可以判断基本数据类型(null 除外),但是引用数据类型中,除了function 类型以外,其他的也无法判断。由此引出instanceof。
  • instanceof 可以准确地判断复杂引用数据类型,但是不能正确判断基础数据类型。

3、null和undefined

3.1null和undefined区别
  • 定义。undefined表示变量声明未初始化; null用来保存对象,但还没有真正保存对象的值。逻辑上看,null值表示一个空对象指针;
  • 数据类型。null和undefined数据类型。 null 空的对象object,undefined 是undefined;
  • 都表示“无”,null表示“无”的对象,undefined表示“无”的原始值,
  • 布尔类型。number判断null为0,undefined为NaN
  • 实际上,undefined值是派生自null的。console.log(undefined === null)返回true;
  • 任何时候都不建议设置一个变量为undefined,建议设置成null;
3.2返回undefined的场景

● 变量声明未赋值;
● 函数未设置return返回值;
● 函数调用传参缺少参数;
● 对象某个属性不存在;

3.3null的使用场景
  • 手动释放内存变量,如给对象赋值为“null”;
  • 作为函数的参数(此参数不是对象);
  • 原型链的顶端;

4、创建对象的方式?

  • 创建单个对象
    • 构造函数new Object()
    • 字面量创建对象obj={}
  • 创建多个对象
    • 构造函数创建对象var obj = new Object();
    • 原型模式创建对象
    • 工厂模式创建对象
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
关于React的面试题,有以下几个方面的内容可以被问到: 1. 常见面试题:这些问题通常涉及React的基础知识,如React组件是什么,React中的状态管理是如何实现的等等。[1] 2. React组件面试题:这些问题涉及React组件的特性和用法,例如函数组件和类组件的区别,如何在组件之间传递数据等等。 3. React Redux面试问题:这些问题关于使用React和Redux进行状态管理的技术,如何在React中使用Redux,如何处理异步操作等等。 4. React Router面试题:这些问题涉及React Router库的使用,如何实现路由导航和参数传递等等。 5. HTML CSS JS免费实战学习:这些问题可能与前端开发的基础知识和实践有关,如HTML和CSS的基本概念,如何使用JavaScript进行交互等等。 总结起来,React相关的面试题主要涉及React的基础知识、组件使用、状态管理、路由导航以及与前端开发相关的技术。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [面试题整理|50个React面试题及解析](https://blog.csdn.net/pengxian00007/article/details/117752084)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [【前端面试题】—30道常见React基础面试题(附答案)](https://blog.csdn.net/snsHL9db69ccu1aIKl9r/article/details/115339484)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值