js基础知识及底层运行原理4

parseInt/parseFloat([value])处理机制
+[value]必须是一个字符串，如果不是，则也要默认转换为字符串
+[radix]不设置(或者写的是零)：正常都是按照10处理的，如果字符串是以‘0x’开始的，默认是16进制
+先在[value]中，找到所有符合[radix]进制的内容（从左到右查找，直到遇到不符合的为止[不论后面是否还有符合进制的都不在查找了然后在把找到的内容看做[radix]进制，转换为十进制]）
+[radix]范围 2-36 除了0以外（0-10/16）不在这个范围内都是NAN
parseInt('12px',10)
+在'12px'中从左到右依次查找符合10进制 0-9 中的内容 =>'12'
+把找到的'12'当做10进制转换为10进制=>12;
parseInt('12px',2)
+在'12px'中从左到右依次查找符合2进制的内容 0 1 =>'1'
+再把找到的'1'当做2进制转换为10进制 =>1

其它进制转换为10进制
101 这是一个二进制的
1*2^2 + 0*2^1 + 1*2^0 -> 4+0+1 => 5

241 这是一个八进制
2*8^2 + 4*8^1 + 1*8^0 = 128+32+1 = 161
* 思考：为啥要分成 原始值类型 和 对象类型？
* @1 计算机内存
* + 内存条 & CPU
* + 硬盘
* @2 HEAP堆内存 & STACK栈内存
* @3 “=” 赋值的步骤
*/
// 浏览器加载页面，运行我们的JS代码
// @1 每打开一个新的页面，都会在计算机的内存条中分配出两块内存：栈内存Stack & 堆内存Heap
// @2 栈内存主要用于代码执行和存储原始值类型的值
// @3 堆内存主要用于存储对象类型的值
var a = {
n: 12
};
var b = a;
b['n'] = 13;
console.log(a.n);
*/

/*
var a = {
n: 12
};
var b = a;
b = {
n: 13
};
console.log(a.n);

 

* = 赋值 * == != * === !== *
/// A===B 绝对相等 「推荐」
// @1 A/B类型一样，则直接比较值即可
// @2 A/B类型不一样，结果是false，不会进行数据类型转换
// null===undefined =>false// null==undefined =>true
//A==B 值比较// @1 A/B类型一样，则直接比较值即可// console.log(1 == 1); //true
// console.log('zhufeng' == 'peixun'); //false//
@2 A/B类型不一样，则需要先转换为相同的数据类型，然后再比较//
规则：// 对象==字符串 对象转换为字符串
// null==undefined 结果是true，但是null或者undefined和其它任何值都不相等
// NaN!=NaN NaN和自己本身也不相等，和谁都不相等
// 剩下所有两边类型不一致的情况下，都是转换为数字，然后再比较

再整整个文档中获取的范围"上下文"我们基于元素的id获取'一个元素对象'
document.getElementById('') 上下文只能为document
在[context].getElementsByTagName('标签名')：在指定的上下文中，基于元素的标签名，获取一组元素集合
上下文可以是document也可以是其他的容器，获取的结果是一个集合HTMLCollection
var divList = document.getElementsByTagName('div');
元素集合属于对象类型值，结构很象数组，但是不是数组，所以被称为类数组
索引是0 存储的第一个获取的DOM元素对象
length存储的是一共获取了多少个元素
如果想要获取其中的每一项“标准的对象键值对操作”divList[索引]
在指定上下文中基于元素的样式类名[class="xxx"]获取一组元素集合号，结果也是一个类数组
var boxList = document.getElementsByClassName('box');

[``] es6新增模板字符串，它的优势是更方便字符串拼接 方式：${变量/运算符}

原始值类型和对象类型的区别：
1.原始值类型结构简单，直接存储到栈内存中即可，后续变量都是直接关联和操作这个值的'按值操作'所以也叫值类型/基本数据类型
2.对象类型结构比较复杂，不能直接存储到栈内存中，需要在堆内存中单独开辟一个空间，来存储对象的键值对，而变量关联和操作的是堆内存空间的引用地址{16进制}
'按引用地址操作'所以也叫引用类型