js初级基础

Js初级基础

• typeof能判断哪些类型

  1. typeof的语法

     typeof是一个运算符，有2种使用方式：typeof(表达式)和typeof 变量名，第一种是对表达式做运算，第二种是对变量做运算。

  2. typeof的返回值

     typeof运算符的返回类型为字符串，值包括如下几种：

     ​ \1. ‘undefined’ --未定义的变量或值

     ​ \2. ‘boolean’ --布尔类型的变量或值

     ​ \3. ‘string’ --字符串类型的变量或值

     ​ \4. ‘number’ --数字类型的变量或值

     ​ \5. ‘object’ --对象类型的变量或值，或者null(这个是js历史遗留问题，将null作为object类型处理)

     ​ \6. ‘function’ --函数类型的变量或值

  3. 简单的示例

  console.log(typeof a);    //'undefined'

    console.log(typeof(true));  //'boolean'

    console.log(typeof '123');  //'string'

    console.log(typeof 123);   //'number'

    console.log(typeof NaN);   //'number'

    console.log(typeof null);  //'object'    

    var obj = new String();

    console.log(typeof(obj));    //'object'

    var  fn = function(){};

    console.log(typeof(fn));  //'function'

    console.log(typeof(class c{}));  //'function'

typeof运算符用于判断对象的类型，但是对于一些创建的对象，它们都会返回'object'，有时我们需要判断该实例是否为某个对象的实例，那么这个时候需要用到instanceof运算符

• 何时使用 === 何时使用 ==

  除了null外，其他一律使用=

  ===：称为等同符，当两边值的类型相同时，直接比较值，若类型不相同，直接返回false；

  ==：称为等值符，当等号两边的类型相同时，直接比较值是否相等，若不相同，则先转化为类型相同的值，再进行比较；

  ==运算符进行判断时会自动进行类型转换，

• 值类型和引用类型的区别

  JavaScript中的变量类型有哪些？

  （1）值类型（基本类型）：字符串（string）、数值（number）、布尔值（boolean）、undefined、null （这5种基本数据类型是按值访问的，因为可以操作保存在变量中的实际的值）(ECMAScript 2016新增了一种基本数据类型：symbol

  （2）引用类型：对象（Object）、数组（Array）、函数（Function）

  值类型和引用类型的区别

  （1）值类型：

  1、占用空间固定，保存在栈中（当一个方法执行时，每个方法都会建立自己的内存栈，在这个方法内定义的变量将会逐个放入这块栈内存里，随着方法的执行结束，这个方法的内存栈也将自然销毁了。因此，所有在方法中定义的变量都是放在栈内存中的；栈中存储的是基础变量以及一些对象的引用变量，基础变量的值是存储在栈中，而引用变量存储在栈中的是指向堆中的数组或者对象的地址，这就是为何修改引用类型总会影响到其他指向这个地址的引用变量。）

  2、保存与复制的是值本身

  3、使用typeof检测数据的类型

  4、基本类型数据是值类型

  （2）引用类型：

  1、占用空间不固定，保存在堆中（当我们在程序中创建一个对象时，这个对象将被保存到运行时数据区中，以便反复利用（因为对象的创建成本通常较大），这个运行时数据区就是堆内存。堆内存中的对象不会随方法的结束而销毁，即使方法结束后，这个对象还可能被另一个引用变量所引用（方法的参数传递时很常见），则这个对象依然不会被销毁，只有当一个对象没有任何引用变量引用它时，系统的垃圾回收机制才会在核实的时候回收它。）

  2、保存与复制的是指向对象的一个指针

  3、使用instanceof检测数据类型

  4、使用new()方法构造出的对象是引用型

  // 值类型：Number、string、bollean、undefined
  var a = 100
  var b = a
  a = 200
  console.log(b) // 100 保存与复制的是值本身
  
  
  // 引用类型：对象、数组、函数、null(空指针)
  // 可以扩展属性
  var a = {age:20}
  var b = a
  b.age = 21 
  console.log(a.age) // 21 
  
  // 利用typeof来区分
  typeof undefined // undefined
  typeof 'abc' // string
  typeof 123 // number
  typeof true // boolean
  // typeof 区分不出来引用类型（除了函数）
  typeof {} // object
  typeof [] // object
  typeof null // object
  typeof console.log //function
  
  // 用instanceof来区分引用类型
  
  // 如果变量是给定引用类型（根据它的原型链来识别）的实例，那么instanceof 操作符就会返回 true。
  console.log(person instanceof Object); // 变量 person 是 Object 吗？
  
  console.log(colors instanceof Array); // 变量 colors 是 Array 吗？
  
  console.log(pattern instanceof RegExp); // 变量 pattern 是 RegExp 吗？
  

  变量计算–强制类型转换#

  // 字符串拼接
  var a = 100 + 10 //100
  var b = 100 + '10' //10010
  // == 运算符
  100 == '100' //true
  0 == '' //true
  null == undefined //true
  //  语句
  var a = true
  if(a){}
  var b = 100
  if(b){} // 把数字转换为true
  var c = ''
  if(c){} // 把空字符串转换为false
  // 逻辑运算
  console.log(10&&0); // 0 把10转换成true
  console.log('' || 'abc'); // 'abc' 把空字符串转换为false
  console.log(!window.abc); // window.abc是undefined 把非undefined转换成true
  
  //判断一个变量会被当做true还是false
  var a = 100
  console.log(!!a); // true
  

• 手写深拷贝

  function deepClone(obj){
      let objClone = Array.isArray(obj)?[]:{};
   if(obj && typeof obj==="object"){
          for(key in obj){
           if(obj.hasOwnProperty(key)){
                  //判断ojb子元素是否为对象，如果是，递归复制
                  if(obj[key]&&typeof obj[key] ==="object"){
                      objClone[key] = deepClone(obj[key]);
                  }else{
                      //如果不是，简单复制
                      objClone[key] = obj[key];
                  }
              }
          }
      }
      return objClone;
  }    
  let a=[1,2,3,4],
      b=deepClone(a);
  a[0]=2;
  console.log(a,b);