常见值类型:
let a; //undefined

let s = 'abc';
let n = 100;
let b = true;
let sb = Symbol('s');
let nn = NaN
 
常见引用类型:
const obj = {x: 100};
const arr = [1, 2, 3];
const n = null;//特殊引用类型,指针指向为空
// 特殊引用类型,但不用于存储数据,所以没有“拷贝,复制函数”这一说
function fn(){}
console.log(typeof obj) //obj
console.log(typeof arr) //obj
console.log(typeof n)   //obj
console.log(typeof fn)  //function
 
typeof运算符:
1、识别所有的值类型
2、识别函数
3、判断是否是引用类型 (不可再细分)

let a; //undefined
let s = 'abc';
let n = 100;
let b = true;
let sb = Symbol('s');
console.log(typeof a);// 'undefined'
console.log(typeof s);// 'string'
console.log(typeof n);// 'number'
console.log(typeof b);// 'boolean'
console.log(typeof sb);// 'symbol' /*判断函数*/
function fn(){}
console.log(typeof fn); // 'function' /*判断是否是引用类型 (不可再细分)*/
console.log(typeof null); // 'object'
console.log(typeof []); // 'object'
console.log(typeof {}); // 'object'
深拷贝:

const obj = {
a: 100,
b: {
b1: [1, 2, 3],
b2: 'string'
},
c: ['a', 'b', 'c']
} /*
* 没做深拷贝的效果
const obj2 = obj
obj2.a = 200
obj2.b.b2 = 'abc123'
obj2.c[0] = 'aa'
console.log(obj)
console.log(obj2) obj2修改的内容会影响obj的内容,因为他们修改的都是同一个堆内容
* */ const obj2 = deepClone(obj);
obj2.a = 200
obj2.b.b2 = 'abc123'
obj2.c[0] = 'aa'
console.log(obj)
console.log(obj2) /**
* 深拷贝
* @param {Object} obj 要深拷贝的对象
* */
function deepClone(obj = {}) {
// obj如果不是引用类型,或者是null,直接返回
if (typeof obj !== 'object' || obj == null) {
return obj
}
// 初始化返回结果
let result;
if (obj instanceof Array) {
result = []
} else {
result = {}
}
// 遍历obj
for (let key in obj) {
// 保证key不是原型的属性
if (obj.hasOwnProperty(key)) {
// 递归调用
result[key] = deepClone(obj[key])
}
}
return result
}
类型转换常考考点:
1、字符串拼接
let a = 100 + 10;//110
let b = 100 + '10';// '10010'
let c = true + '10';// 'true10'
 
2、==运算符
100 == '100' // true
0 == '' // true
0 == false // true
false == '' // true
null == undefined // true
 
// ==运算符的使用场景
// 除了==null之外,其他一律都用 === ,例如:
const obj = {x:100}
if(obj.a == null){}
// 相当于: if(obj.a === null || obj.a === undefined){}
 
3、if语句和逻辑运算
truly变量:!!a === true 的变量
falsely变量:!!a === false 的变量
以下是falsely变量,除此之外都是truly变量
    /*
    * !!0 === false
    * !!NaN === false
    * !!'' === false
    * !!null === false
    * !!undefined === false
    * !!false === false
    * */
在if语句中的判断就是判断是truly变量还是falsely变量。truly变量就是为真,falsely变量就是为false
 
逻辑判断 与或非 && || !
 
4、new运算符的实现机制
首先创建了一个新的 空对象
设置原型,将对象原型设置为函数的 prototype 对象
让函数的 this 指向这个对象,执行构造函数的代码(为这个新对象添加属性)
判断函数的返回值类型,如果是值类型,返回创建的对象。如果是引用类型,就返回这个引用类型的对象。
 

前端面试题整理——Javascript基础的更多相关文章

  1. 前端面试题整理---JS基础

    为了督促自己学习,整理了一下前端的面试题 JavaScript: JavaScript 中如何监测一个变量是String类型? typeof(obj)==="string"; ty ...

  2. 前端面试题整理—JavaScript篇(一)

    1.JS的基本数据类型和引用数据类型有哪些,两者区别 基本数据类型->string.number.Boolean.null.undefined.symbol 引用数据类型->array.o ...

  3. 前端面试题整理——javaScript部分

    (1)typeof 和 instanceof 1.typeof 对于基本数据类型(boolean.null.undefined.number.string.symbol)来说,除了 null 都可以显 ...

  4. 前端面试题整理—JavaScript篇(二)

    1.使用js实现一个可持续的动画 2.实现一个可以自由拖动的悬浮框 3.实现一个倒计时效果 4.使用js仿写一个原生下拉列表框 5.创建10个<a>标签,点击的时候弹出对应的序号 6.实现 ...

  5. 前端面试题 之 JavaScript

    昨天我们一起分享了关于html和css的面试题<前端面试题之Html和CSS>,今天我们来分享关于javascript有关的面试题.我面试的时候最害怕面试官问我js了,因为我真心不擅长这个 ...

  6. 【web前端面试题整理02】前端面试题第二弹袭来,接招!

    前言 今天本来准备先了解下node.js的,但是,看看我们一个小时前与一个小时后的差距: 既然如此,我们继续来搜集我们的前端面试题大业吧!!! 特别感谢玉面小肥鱼提供哟,@玉面小飞鱼 题目一览 Jav ...

  7. 前端面试题(JavaScript)

    (前端面试题大全,持续更新) 箭头函数特点?箭头函数和普通函数的区别 手写懒加载(考虑防抖和重复加载问题) 手写bind(为什么要加预参数,为什么要加new) apply, call, bind ne ...

  8. 【web前端面试题整理06】成都第一弹,邂逅聚美优品

    前言 上周四回了成都,休息了一下下,工作问题还是需要解决的,于是今天去面试了一下,现在面试回来了,我感觉还是可以整理一下心得. 这个面试题整理系列是为了以后前端方面的兄弟面试时候可以得到一点点帮助,因 ...

  9. 2019届校招前端面试题整理——HTML、CSS篇

    前言 2019届校招陆陆续续开始了,整理了一些高频的面试题. HTML部分 1. 什么是<!DOCTYPE>? DOCTYPE是html5标准网页声明,且必须声明在HTML文档的第一行.来 ...

随机推荐

  1. oracel数据库ORA-28001: the password has expired

    调试c#项目时登录用户不成功ORA-28001: the password has expired错误 密码过期失效 网上查了一下,是Oracle11g密码过期的原因 Oracle提示错误消息ORA- ...

  2. 01--c实现基础客户端和服务端与c++ boost.asio实现对比

    c实现服务端和客户端交互: 学习查阅的博客: https://blog.csdn.net/u011068702/article/details/54380259 https://blog.csdn.n ...

  3. 安装xpath helper方便进行爬虫

    安装xpath helper方便进行爬虫 因为我使用的是edge浏览器,扩展商店搜索不到xpath-helper,但是我不甘心,取下载源扩展直接放在edge中试试 下载XPath helper的源码 ...

  4. 使用pyautogui自动在某网站投票的脚本

    网页自动投票: # !/usr/bin/env python # -*- coding:utf-8 -*- # Author:Hiuhung Wan import re import pypercli ...

  5. web服务器-Nginx URL重写

    web服务器-Nginx URL重写 一. URL重写介绍 和apache等web服务软件一样,rewrite的主要功能是实现URL地址的重定向.Nginx的rewrite功能需要PCRE软件的支持, ...

  6. 【文件系统】dumpe2fs命令

    dumpe2fs - dump ext2/ext3/ext4 filesystem information dumpe2fs prints the super block and blocks gro ...

  7. Ubuntu下使用C语言连接Mysql 8.0客户端教程

    Ubuntu下如何C语言程序连接MYSQL 8.0(全教程) 1. 安装GCC(略) 2. 安装mysql(本人使用的是最新MySQL 8.0版本) sudo apt install mysql-cl ...

  8. CVE-2014-3120 (命令执行漏洞)

    环境配置 vulhub环境搭建 https://blog.csdn.net/qq_36374896/article/details/84102101 启动docker环境 cd vulhub-mast ...

  9. CRI容器运行时

    CRI容器运行时 我们知道 Kubernetes 提供了一个 CRI 的容器运行时接口,那么这个 CRI 到底是什么呢?这个其实也和 Docker 的发展密切相关的. 在 Kubernetes 早期的 ...

  10. 采用WPF开发第二版OFD阅读器,持续完善中,敬请期待!

    本人研究OFD多年,采用C#和QT开发了一系列ofd相关软件.在这些产品中,阅读器始终占据着非常重要的位置.可以说,阅读器是直接面向最终客户的产品.是集OFD各类知识之大成的产品.市面上的阅读器产品林 ...