JS基础知识(1)

内置类型

js有七种内置类型,七种内置类型又分为两大类型:基本类型和对象(Object)。 

六种基本类型: null,undefined,boolean,number,string,symbol。

JS 的数字类型是浮点类型的,没有整型。NaN 也属于 number 类型,并且 NaN 不等于自身。

对象(Object)是引用类型,在使用过程中会遇到浅拷贝和深拷贝的问题。
 

let a = { name: 'FE' } 

let b = a

b.name = 'EF' 

console.log(a.name) // EF  

Typeof

typeof 对于基本类型,除了 null 都可以显示正确的类型
typeof 对于对象,除了函数都会显示 object 

对于 null 来说,虽然它是基本类型,但是会显示 object

如果我们想获得一个变量的正确类型,可以通过 Object.prototype.toString. call(xx)。这样我们就可以获得类似 [Object Type] 的字符串。 

let a // 我们也可以这样判断 undefined 
a === undefined // 但是 undefined 不是保留字,能够在低版本浏览器被赋值 
let undefined = 1 // 这样判断就会出错 
// 所以可以用下面的方式来判断,并且代码量更少 
// 因为 void 后面随便跟上一个组成表达式 // 返回就是 undefined 
a === void 0 

 instanceof

instanceof 可以正确的判断对象的类型,因为内部机制是通过判断对象的原型链 中是不是能找到类型的 prototype。 

//我们也可以试着实现一下 instanceof 
function instanceof(left, right) {      
let prototype = right.prototype  // 获得类型的原型   
left = left.__proto__  // 获得对象的原型      
 while (true) {     // 判断对象的类型是否等于类型的原型   
 if (left === null)    
  return false    
 if (prototype === left)    
  return true     
left = left.__proto__   
 } 
}

类型转换

   转Boolean 

在条件判断时,除了 undefined, null, false, NaN, '', 0, -0,其他所 有值都转为 true,包括所有对象。

  对象转基本类型  

对象在转换基本类型时,首先会调用 valueOf 然后调用 toString。并且这两个方 法你是可以重写的。 当然你也可以重写 Symbol.toPrimitive ,该方法在转基本类型时调用优先级最高。

let a={
   valueOf() 
  {    
     return 0; 
   },  
   toString() 
   {    
    return '1'; 
    },  
   [Symbol.toPrimitive]() 
    {   
      return 2;  
  } 
}
 1 + a // => 3 '1' + a // => '12'

 四则运算符 

只有当加法运算时,其中一方是字符串类型,就会把另一个也转为字符串类型。其 他运算只要其中一方是数字,那么另一方就转为数字

1 + '1' // '11'
 2 * '2' // 4
 [1, 2] + [2, 1] // '1,22,1' 
// [1, 2].toString() -> '1,2'
 // [2, 1].toString() -> '2,1'
 // '1,2' + '2,1' = '1,22,1' 

对于加号需要注意这个表达式 'a' + + 'b' 'a' + + 'b' // -> "aNaN" 

猜你喜欢

转载自blog.csdn.net/cao_dan/article/details/81451110