JavaScript学习笔记:你必须要懂的原生JS(一)
1、原始类型有哪几种?null是对象吗?原始数据类型和复杂数据类型存储有什么区别?
原始类型有6种,分别是undefined,null,bool,string,number,symbol(ES6新增)
虽然typeof null返回的值是object,但是null不是对象,而是基本数据类型的一种
原始数据类型存储在栈内存,存储的是值
复杂数据类型的地址存储在栈内存,指向存储在堆内存的值。当我们把对象赋值给另外一个变量的时候,复制的是地址,指向同一块内存空间,当其中一个对象改变时,另一个对象也会变化
2、typeof能否正确判断类型?instanceof呢?instanceof的实现原理是什么?
首先typeof能够正确地判断基本数据类型,但是除了null,typeof null输出的是对象
但是对对象来说,typeof不能正确地判断其类型,typeof一个函数可以输出'function',而除此之外,输出的全是object,这种情况下,我们无法准确的知道对象的类型
instanceof可以准确地判断复杂数据类型,但是不能正确判断基本数据类型。
instanceof是通过原型链判断的,A instanceof B,在A的原型链中层层查找,是否有原型等于B.prototype,如果一直找到A的原型链的顶端(null;即Object.prototype.proto),仍然不等于B.prototype,那么返回false,否则返回true
instanceof的实现代码:
// L instanceof Rfunction instance_of(L, R) {//L 表示左表达式,R 表示右表达式 var O = R.prototype;// 取 R 的显式原型 L = L.__proto__; // 取 L 的隐式原型 while (true) { if (L === null) // 已经找到顶层 return false; if (O === L) // 当 O 严格等于 L 时,返回 true return true; L = L.__proto__; // 继续向上一层原型链查找 }}
3、for of,for in和foreach,map的区别
for...of循环:具有iterator接口,就可以用for...of循环遍历它的成员(属性值)。for...of循环可以使用的范围包括数组、Set和Map结构、某些类似数组的对象、Generator对象,以及字符串。for...of循环调用遍历器接口,数组的遍历器接口只返回具有数字索引的属性。对于普通的对象,for...of结构不能直接使用,会报错,必须部署了Iterator接口后才能使用。可以中断循环
for...in循环:遍历对象自身的和继承的科枚举的属性,不能直接获取属性值。可以中断循环
forEach:只能遍历数组,不能中断,没有返回值(或认为返回值是undefined)
map:只能遍历数组,不能中断,返回值是修改后的数组
4、如何判断一个变量是不是数组?
使用Array.isArray判断,如果返回true,说明是数组;
使用instanceof Array判断,如果返回true,说明是数组;
使用Object.prototype.toString.call判断,如果值是[object Array],说明是数组;
通过constructor来判断,如果是数组,那么arr.constructor === Array(不准确,因为可以指定obj.constructor = Array)
5、类数组和数组的区别是什么?
类数组:
拥有length属性,其他属性(索引)为非负整数(对象中的索引会被当做字符串来处理)
不具有数组所具有的方法
类数组是一个普通对象,而真实的数组是Array类型
常见的类数组有:函数的参数arguments,DOM对象列表(比如通过document.querySelectorAll得到的列表),jQuery对象(比如$("div"))
类数组可以转换为数组
// 第一种方法Array.prototype.slice.call(arrayLike, start);// 第二种方法[...arrayLike];// 第三种方法:Array.from(arrayLike);
任何定义了遍历器接口的对象,都可以用扩展运算符转为真正的数组
Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-like object)和可遍历(iterable)的对象
6、== 和 === 有什么区别?
===不需要进行类型转换,只有类型相同并且值相等时,才返回true
==如果两者类型不同,首先需要进行类型转换。具体流程如下:
首先判断两者类型是否相同,如果相等,判断值是否相等;
如果类型不同,进行类型转换;
判断比较的是否是null或者是undefined,如果是,返回true;
判断两者类型是否为string和number,如果是,将字符串转换成number;
判断其中一方是否为boolean,如果是,将boolean转为number再进行判断;
判断其中一方是否为object且另一方为string、number或者symbol,如果是,将object转为原始类型再进行判断。
注意复杂数据类型,===比较的是引用地址
7、ES6中的class和ES5中的类有什么区别?
ES6 class 内部所有定义的方法都是不可枚举的;
ES6 class 必须使用new调用;
ES6 class 不存在变量提升;
ES6 class 默认即是严格模式;
ES6 class 子类必须在父类的构造函数中调用super(),这样才有this对象;ES5中类继承的关系是相反的,现有子类的this,然后用父类的方法应用在this上。
8、数组的哪些API会改变原数组?
修改原数组的API有:splice/reverse/fill/copyWithin/sort/push/pop/unshift/shift
不修改原数组的API有:slice/map/forEach/every/filter/reduce/entry/entries/find
注:数组的每一项是简单数据类型,且未直接操作数组的情况下。
9、let、const以及var的区别是什么?
let和const定义的变量不会出现变量提升,而var定义的变量会提升;
let和const是JS中的块级作用域;
let和const不允许重复声明;
let和const定义的变量在定义语句之前,如果使用会抛出错误,而var不会;
10、在JS中什么是变量提升?什么是暂时性死区?
变量提升就是变量在声明之前就可以使用,值为undefined
在代码块内,使用let/const命令声明变量之前,该变量都是不可用的。这在语法上,称为“暂时性死区“。暂时性死区也意味着typeof不再是一个百分百安全的操作
typeof x;//ReferenceError(暂时性死区,抛错)
let x;
typeof y;//值是undefined,不会报错
暂时性死区的本质就是,只要一进入当前作用域,所要使用的变量就已经存在了,但是不可获取,只有等到声明变量的那一行代码出现,才可以获取和使用该变量
转载于:https://www.cnblogs.com/smalldy/p/10695199.html
JavaScript学习笔记:你必须要懂的原生JS(一)相关推荐
- Java程序猿的JavaScript学习笔记(12——jQuery-扩展选择器)
计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...
- Java程序猿的JavaScript学习笔记(汇总文件夹)
最终完结了,历时半个月. 内容包含: JavaScript面向对象特性分析,JavaScript高手必经之路. jQuery源代码级解析. jQuery EasyUI源代码级解析. Java程序猿的J ...
- JavaScript学习笔记(五)
JavaScript学习笔记(五) ①Array类 本地对象 ②Date类 ①Global对象 对象的类型 内置对象 ②Math对象 宿主对象 今天继续学习JS中的对象,昨天内置对象Global对 ...
- JavaScript学习笔记(备忘录)
JavaScript学习笔记(备忘录) ===运算符 判断数值和类型是否相等.如: console.log('s'==='s') //输出trueconsole.log('1'===1) //输出fa ...
- Java程序猿的JavaScript学习笔记(10—— jQuery-在“类”层面扩展)
计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...
- JavaScript学习笔记(十)——学习心得与经验小结
JavaScript学习笔记(十)--学习心得与经验小结 目前我先列好提纲,利用每晚和周末的闲暇时间,将逐步写完 ^_^ 转载于:https://www.cnblogs.com/mixer/archi ...
- JavaScript 学习笔记(1)
1. 何为 Jscript JScript 是一种解释型的.基于对象的脚本语言. 局限性: 1) 不能使用该语言来编写独立运行的应用程序 2) 没有对读写文件的内置 ...
- 前端获取div里面的标签_web前端教程JavaScript学习笔记DOM
web前端教程JavaScript学习笔记 DOM一DOM(Document Object Model): 文档对象模型 其实就是操作 html 中的标签的一些能力 我们可以操作哪些内容 获取一个元素 ...
- JavaScript学习笔记之数组(二)
JavaScript学习笔记之数组(二) 1.['1','2','3'].map(parseInt) 输出什么,为什么? ['1','2','3'].map(parseInt)//[1,NaN,NaN ...
- JavaScript学习笔记(七)——厚积薄发之小成果
JavaScript学习笔记(七)--厚积薄发之小成果 目前我先列好提纲,利用每晚和周末的闲暇时间,将逐步写完 ^_^ 转载于:https://www.cnblogs.com/wdpp/archive ...
最新文章
- 异步、作用域、闭包--setTimeout在for循环中的思考
- openStack 云平台管理节点管理网口流量非常大 出现丢包严重 终端总是时常中断问题调试及当前测试较有效方案...
- JAVA中复制数组的方法
- 几种常见信号波形变换电路
- C++容器适配器之priority_queue
- 大数据文字游戏_基于大数据的成功应用有哪些 ?
- 经典算法研究系列:十、从头到尾彻底理解傅里叶变换算法、上
- (16) Node.js 模块的加载逻辑
- MVC安全:ajax表单提交切记加上AntiForgeryToken防止跨站请求伪造 (CSRF)攻击
- STM8学习笔记---寄存器操作之位或和位与运算
- JavaScript 数据类型梳理
- 利用WCF与Android实现图片上传并传参
- 噪声概念:白噪声(n)、粉红噪声(1/f)
- 【推理引擎】ONNXRuntime 的架构设计
- 华三交换机开机dhcp snooping
- 怎么改图片大小kb像素不变?一键快速修改jpg图片大小?
- 4.23以上UE4 版本HTC-VIVE VR项目打包的注意事项
- labview视觉检测源码
- Java常见面试50题(java jsp)
- Java输出最大值,最小值3种方法
热门文章
- zipkin 原理和使用
- 黄聪:visual studio 2017编译运行出现脚本发生错误等问题如何解决?
- 全文检索引擎Solr系列——Solr核心概念、配置文件
- Dubbo-Admin管理平台和Zookeeper注册中心的搭建(转)
- Java Socket网络编程常见异常(转)
- Linux内核社区是数字军火商、斯拉夫兵工厂甚至NSA的最爱
- Spring下@ResponseBody响应中文内容乱码问题
- [Android学习笔记]LinearLayout布局,剩余空间的使用
- 当clear line vty 命令不起作用时
- 大山深处,有一所希望学校