重學javascript基礎-typeof

sYH,發表於2019-04-24
JavaScript

js 一共有六種基本資料型別（原始資料型別） 一種複雜資料型別（引用資料型別）

  • 基本資料型別:Undefined String Number Boolean Symbol Null
  • 複雜資料型別:Object

js 中變數是沒有型別的，在做typeof操作時，得到的結果不是該變數的值，而是該變數持有的值的型別

typeof 操作符

  • "undefined"—— 如果這個值未定義；
  • "boolean"—— 如果這個值是布林值；
  • "string"—— 如果這個值是字串；
  • "number"—— 如果這個值是數值；
  • "object"—— 如果這個值是物件 或複合型別y或 null；
  • "function"—— 如果這個值是函式。
  • "symbol"——如果這個值是new Symbol()得出的

檢測一個變數的型別 typeof

let foo = null;
// null 在js中是一個假值
console.log(!foo&&typeof foo === 'object'); // true
console.log(foo===null); // true 
console.log(Object.prototype.toString.call(foo)==="[object Null]"); // true
// Object.prototype可用來檢測任何型別 返回值為"[object 型別(eg:NULL,Array,Number,String,Undefined,Symbol,Function,Object,Boolean)]"

// 檢測函式
function fn(){
  console.log('is function')
}
console.log(typeof fn); // function

// 以宣告未賦值 undefined
let a; // let 在同一作用域內不可重複宣告
console.log(typeof a); // undefined;

// 檢測數值
let b = 12;
console.log(typeof b); // number;

// 檢測字串
let c = "String";
console.log(typeof b);  // string;

// 檢測symbol
let d = new Symbol(1);
console.log(typeof d);  // symbol;

// 檢測boolean
let flag = true;
console.log(typeof flag); // boolean

複製程式碼

使用typeof的安全防範機制來檢查變數

if(DEBUG){  // DEBUG is not defined
  console.log('debugger');
}
if(DEBUG!==undefined){
  console.log("debugger");
}
// 可以使用window.DEBUG來做這種容錯，鑑於只有瀏覽器環境有window，故使用typeof 更為明智
複製程式碼

ps: typeof返回值的型別是string -----> typeof typeof s ==="string" //true

相關文章