JS系列：浏览器解析与运行

浏览器解析：

1.当浏览器（内核、引擎）解析和渲染js的时候，会给js提供一个运行的环境，这个环境叫做“全局作用域（后端global / 客户端window scope）”
2.代码自上而下执行（之前有个变量提升阶段）

=> 基本数据类型值，会存储当前作用域下

            var a = 12;
            var b = a;       栈内存本身就是js代码运行的环境，所以的基本类型存储在栈内存中开辟一个位置进行存储。
            b = 13;
            console.log(a); =>12
            var obj1 = { n: 100 };
            var obj2 = obj1; == { n: 100 } ; => obj1 = { n: 100 };      堆内存用来存储引用类型的信息值的对象，对象存储的是键值对，函数存储的是代码字符串
            obj2['n'] = 200;  => obj1 = { n: 100 };
            console.log(obj1.n); //=>200

var b = 13 ; a和b没有任何关系，按值操作

   1) 首先开辟一个空间存储12
   2)在当前作用域中声明一个变量a (var a)
   3)让那个声明的变量和存储的12进行关联（把存储的12赋值给a => 赋值操作叫定义）
   =>` 基本类型是重新赋值操作，基本数据类型也叫值类型，是按照值来操作：把原有的值复制一份，放到新的空间位置上和原来的值没有任何关系(浅拷贝)`

=> 引用类型的值不能直接存储到当前作用域下，（因为可能存储的内容过于复杂）我们需要开辟一盒新的空间（也就是仓库），把内容存储到这个空间中(深拷贝)

   var obj1 = {n:100};
   > 1）首先开辟一个新的内存空间，把对象的键值对以此存储起来（为了保证后面可以找到这个空间，此空间有16进制）
   >2）声明一个变量，让变量和空间地址关联在一起（把空间赋值给变量）
     >   引用类型不是按照值来操作，它操作的是空间的引用地址：把原来的空间地址赋值给新的变量，但是原来的空间没有别克隆，还是一个空间，这样就出现多个变量关联的是相同的空间, 值类型不会让2个变量产生关联，引用类型会产生关联。
   **`作用域里面的内存叫栈内存`**

...

作用域

形成全局作用域
代码自上而下执行
开辟一个新的堆内存，把键值对存储在堆内存中

n:10,
m:obj.n * 10 =>obj.n 此时堆内存信息还没有存储完成，空间地址没有给obj此时的obj是underfined，obj.n就是underfined.n

    
    var obj = {
               n:10,
               m: obj.n*10
          };
          console.log(obj.m);
          VM165:3 Uncaught TypeError: Cannot read property 'n' of undefined
          at <anonymous>:3:11

正确的是在外获取：

    var obj = {
          n:10,
          };
          obj.m =obj.n*10;
          console.log(obj.m);
          => VM207:6 100 

js中的判断语句

1.if / else / else if

     var num =12;
       if (num>10){
            num++;
       } else if(num>=0 && num <=10){
            num--;
       } else {
            num+=2;
       }
       console.log(num); =>13
     

*有一个条件成立，后面不管是否还有成立条件，都不在判断执行了

 关于条件可以怎么写？
 // >= /<= / ==(常规等比较)  %取余 4%2 =>0 
  

     if(0){
            //=> 不管在条件判断中写什么，最后总要把其计算出true/false判断条件是否成立（把其他的值转化成布尔类型，只有0，NaN，''，null，underfined是false，其余是true）
       }
     if('3px'+3){  
            //=>在js中，+ - * / % 都是数学运算，除 + 以外。其余运算符的时候，如果遇到了非数字类型的值，首先转化为数字类型（number），然后在进行运算
          '3px'+3 => '3px3'
       }
       if ('3px'-3){
            '3px'-3 =>NaN
       }
       if(NaN>3) =>FASLE
       
       语法：
         if(({})>5)
         直接在console测试语法 ({})>5  'str'>5

BAT面试题：

 var num = parseInt('width: 35.5px');
        if (num==35.5){
         alert(0);
        }else if (num==35){
         alert(1);
         }else if (num==NaN){   //=> NaN和任何数不相等
         alert(2);
         }else if (typeof num=='number'){
             alert(3);   //=> alert输出的都是字符串格式'3'
             //=>先算typeof num
             //=>再做比较
        }else {
             alert(4);
        }

typeof

在js中检测数类型的方式之一，还有其他

 > instanceof
 > constructor
 > Object.prototype.toString.call()


 语法：typeof[value] =>检测value的数据类型
 返回值：检测出来的结果是一个字符串，字符串中包含对呀的数据类型。例如："number"/"string"/"boolean/"underfined"/"object"/"function"
  typeof 12 =>"number"   
  typeof null =>"object" 因为null代表空对象指针（没有空间内存）
  typeof function(){} =>"function"
  typeof /^/ =>"object"
  typeof true =>"boolean"

typeof检测数组/正则/对象，最后返回的都是object, 弊端就是无法细分对象"
面试题：

 
    console.log(typeof []) =>"object"
    console.log(typeof typeof []) =>type "object" => "string"