1.JavaScript 定義了幾種數(shù)據(jù)類型? 哪些是原始類型?哪些是復(fù)雜類型?原始類型和復(fù)雜類型的區(qū)別是什么?

JavaScript 定義了7種數(shù)據(jù)類型

• 6種原始類型

  • boolean ：true（真）和false（假）兩個特定值
  • null ：表示空缺，即此處應(yīng)該有一個值，但目前為空
  • undefined ：表示“未定義”或不存在，即此處目前沒有任何值
  • string ：字符組成的文本（比如"Hello World"）
  • number： 整數(shù)和小數(shù)（比如1和3.14）
  • symbol(ECMAScript 6 新定義)

• object類型即復(fù)雜類型（eg:Object,Array,Function,Data）

區(qū)別:

一、原始類型（基本類型）

1. 基本數(shù)據(jù)類型的值是不可變的
   var name = "change";
   name.substr();//hang
   console.log(name);//change
2. 基本數(shù)據(jù)類型不可以添加屬性和方法
   var p = "change";
   p.age = 29;
   p.method = function(){console.log(name)};
   console.log(p.age)//undefined
   console.log(p.method)//undefined
3. 基本數(shù)據(jù)類型的賦值是簡單賦值
   如果從一個變量向另一個變量賦值基本類型的值，會在變量對象上創(chuàng)建一個新值，然后把該值復(fù)制到為新變量分配的位置上
   var a = 10;
   var b = a;
   a++;
   console.log(a)//11
   console.log(b)//10
4. 基本數(shù)據(jù)類型的比較是值的比較
   var person1 = '{}';
   var person2 = '{}';
   console.log(person1 == person2); // true

5. 基本數(shù)據(jù)類型是存放在棧區(qū)的
   var name = "jozo";var city = "guangzhou";var age = 22;
   那么它的存儲結(jié)構(gòu)如下圖：

   
   

二、復(fù)雜類型（引用類型）

1. 引用類型的值是可以改變的
         var a = [1,2,3];
             a[0] = 0;//更改數(shù)組的一個元素
             a[3] = 4;//給數(shù)組增加一個元素

2. 引用類型可以添加屬性和方法
   var person = {};
   person.name = "change";
   person.say = function(){alert("hello");}
   console.log(person.name)//change
   console.log(person.say)//function(){alert("hello");}

3. 引用類型的賦值是對象引用
   var a = {};
   var b= a;
   a.name = "change";
   console.log(a.name)//change;
   console.log(b.name)//change
   b.age = 29;
   console.log(a.age)//29
   console.log(b.age)//29
   引用類型保存在變量中的是對象在堆內(nèi)存中的地址，所以，與基本數(shù)據(jù)類型的簡單賦值不同，這個值的副本實際上是一個指針，而這個指針指向存儲在堆內(nèi)存的一個對象.那么賦值操作后，兩個變量都保存了同一個對象地址，而這兩個地址指向了同一個對象.因此，改變其中任何一個變量，都會互相影響

   
   

4. 引用類型的比較是引用的比較
   var person1 = {};
   var person2 = {};
   console.log(person1 == person2)//false
   因為引用類型的比較是引用的比較，換句話說，就是比較兩個對象保存在棧區(qū)的指向堆內(nèi)存的地址是否相同，此時，雖然p1和p2看起來都是一個"{}"，但是他們保存在棧區(qū)中的指向堆內(nèi)存的地址卻是不同的，所以兩個對象不相等

   
   

5. 引用類型是同時保存在棧區(qū)和堆區(qū)中的
   var person1 = {name:"change1"};
   var person2 = {name:"change2"};
   var person3 = {name:"change3"};
   則這三個對象在內(nèi)存中保存的情況如下圖：

   
   

2.typeof和instanceof的作用和區(qū)別?

1.typeof操作符是確定一個變量是字符串、數(shù)值、布爾、還是undefined的最佳工具，但在檢測引用類型的值時，這個操作符的用處不大。

2.instanceof運算符用來測試一個對象在其原型鏈中是否存在一個構(gòu)造函數(shù)的 prototype 屬性，即用來知道是什么類型的對象。
person instanceof Object //person是Object嗎
function C(){}
function D(){}
var o = new C(); o instanceof C;// true，因為 Object.getPrototypeOf(o) === C.prototype var a=[]; a instanceof Array;//true

3.如何判斷一個變量是否是數(shù)字、字符串、布爾、函數(shù)

使用typeof判斷

4.NaN是什么? 有什么特別之處?

NaN是JavaScript的特殊值，表示“非數(shù)字”（Not a Number）
特點：
1.NaN不是數(shù)字，但是它的數(shù)據(jù)類型是數(shù)字
typeof NaN; //number
2.NaN是JavaScript之中唯一不等于自身的值，不等于任何值，包括它本身
NaN == NaN; //false NaN === NaN; //false
3.NaN在布爾運算時被當(dāng)作false
Boolean(NaN); //false
4.NaN與任何數(shù)（包括它自己）的運算，得到的都是NaN
NaN + 32 //NaN NaN - 32 //NaN NaN * 32 //NaN NaN / 32 //NaN
5.判斷NaN的方法
isNaN()原理:isNaN()會將括號內(nèi)的參數(shù)利用Number()進行一次轉(zhuǎn)換.
由于會對參數(shù)用Number()進行一次數(shù)據(jù)轉(zhuǎn)換，故對于字符串、部分對象、部分數(shù)組、undefined等，isNaN()會返回true
isNaN('NaN'); //true 等同于isNaN(Number('NaN')); isNaN({}); //true 等同于isNaN(Number({})); isNaN(['xzy']); //true 等同于isNaN(Number(['xzy'])); isNaN(undefined); //true 等同于isNaN(Number(undefined)); Number(undefined)的結(jié)果為NaN
但是，對于空數(shù)組、只有一個數(shù)值成員的數(shù)組、null等，isNaN()返回false
isNaN([]); //false isNaN([123]); //false isNaN(['123']); //false isNaN(null); //false Number(null)的結(jié)果為0

5.如何把非數(shù)值轉(zhuǎn)化為數(shù)值?

javascript有3個函數(shù)可以把非數(shù)值轉(zhuǎn)換為數(shù)值：Number()、parseInt()、parseFloat()。
Number()可以用于任何數(shù)據(jù)類型（此函數(shù)平時很少使用）。
parseInt()、parseFloat()專門用于把字符串轉(zhuǎn)換成數(shù)值（比較常用的）。

• parseInt(string, radix):識別整數(shù)格式。
  如果字符串中的第一個字符是數(shù)字字符，parselnt() 也能夠識別出各種整數(shù)格式（即前面討論的十進制、八進制和十六進制數(shù)) 。也就是說，如果字符以"0x"開頭且后跟數(shù)字字符，就會將其當(dāng)作一個十六進制整數(shù)；如果字符串以"0"開頭且后跟數(shù)字字符，則會將其當(dāng)作一個八迸制數(shù)來解析。
  var num1 = parselnt ("1234blue") ; // 1234 var num2 = parselnt (" ") ; // NaN var num3 = parselnt ("0xA") ; // 10（十六進制數(shù)） var num4 = parseInt(22.5); // 22 var num5 = parselnt ("070") ; // 56（八進制數(shù)） var num6 = parselnt("70"); //70（十進制數(shù)） var num7 = parselnt ("0xf") ; // 15（十六進制數(shù)）
• parseFloat() ：識別浮點，且第一個浮點有效
  var num1 = parseFloat ("1234blue") ; // 1234（整數(shù)） var num2 = parseFloat("0xA"); // 0 var num3 = parseFloat("22.5"); // 22.5 var num4 = parseFloat("22.34.5"); // 22.5 var num5 = parseFloat("0908.5"); // 908 var num6 = parseFloat("3.125e7"); // 31250000

• Number()轉(zhuǎn)換規(guī)則：
  1.如果是 Boolean 值，true 和 false 將分別被轉(zhuǎn)換為 1 和0；Number(true) //1
  2.如果是數(shù)字值，只是簡單的傳入和返回；
  Number(12) //12
  3.如來是null 值，返回 0；
  Number(null) //0
  4.如果是 undefined，返回NaN ；
  Number(undefined)//NaN
  5.如果是字符串，遵循下列規(guī)則：
  a.如果字符串中只包含數(shù)字，則將其轉(zhuǎn)換為十進制數(shù)值，即"1"會變成1 ， "123"會變成123，而"011"會變成11（注意，前導(dǎo)的0被忽略了）；
  b.如果字符串中包含有效的浮點格式， 如"1.1"，則將其轉(zhuǎn)換為對應(yīng)的c.浮點數(shù)值（同樣，也會忽略前導(dǎo)零）；
  d.如果字符串中包含有效的十六進制格式，例如"0xf"，則將其轉(zhuǎn)換為相同大小的十進制整數(shù)值；
  Number(0xf)//15
  e如果字符串是空的（不包含任何字符） ，則將其轉(zhuǎn)換為0；
  Number("")//0
  f.如果字符串中包含除上述格式之外的字符，則將其轉(zhuǎn)換為 NaN。
  g.如果是對象，則調(diào)用對象的 valueOf() 方法，然后依照前面的規(guī)則轉(zhuǎn)換返回的值。如果轉(zhuǎn)換的結(jié)果是 NaN，則調(diào)用對象的 toString() 方法，然后再次依照前面的規(guī)則轉(zhuǎn)換返回的字符串值

6.==與===有什么區(qū)別

==：等于運算(值的比較)，但是不比較值的類型， 兩邊值類型不同的時候，要先進行類型轉(zhuǎn)換，再比較。
===：完全等于運算（值和類型的比較），不僅比較值，而且還比較值的類型，當(dāng)兩邊類型不一致時，不做類型轉(zhuǎn)換，類型不同的一定不等，只有兩者一致才為真。

7.break與continue有什么區(qū)別

• Break 語句:用于跳出循環(huán)。
  break 語句跳出循環(huán)后，會繼續(xù)執(zhí)行該循環(huán)之后的代碼（如果有的話）
  for(var i = 1; i< 10; i++){
  if(i % 4 === 0){
  break;
  }
  console.log(i); // 1 2 3
  }

• Continue 語句
  continue 語句中斷循環(huán)中的迭代，如果出現(xiàn)了指定的條件，然后繼續(xù)循環(huán)中的下一個迭代。
  for(var i = 1; i<6; i++){
  if(i % 4 === 0){
  continue;
  }
  console.log(i);//1 2 3 5
  }

8.void 0 和 undefined在使用場景上有什么區(qū)別

void 會執(zhí)行后面的表達式并返回 undefined，但是某些情境下undefined是可以被賦值的，比如在函數(shù)中，這樣的話就不能用undefined來進行判斷了。所以用void 0返回undefined來進行判斷。既減少了在原形鏈上查找 window.undefined 的時間，也避免了誤用被修改過的 undefined。

9.以下代碼的輸出結(jié)果是?為什么?

console.log(1+1); // 返回 2同為number類型相加，返回正常運算 console.log("2"+"4"); //返回24 ,字符串拼接 console.log(2+"4"); //返回24 ,number 和字符串相加，number轉(zhuǎn)為字符串 console.log(+"4");//返回4 ,只有一個字符串會轉(zhuǎn)換成數(shù)字輸出

10. 以下代碼的輸出結(jié)果是?

var a = 1; a+++a; //返回3；(a++)+a=> 1 +2=3； typeof a+2;//返回number2,typeof優(yōu)先級最高 （typeof a）+2=> number2

11. 以下代碼的輸出結(jié)果是? 為什么

var a = 1; var b = 3; console.log( a+++b );//返回4，(a++)+b=>1+3=4;

12. 遍歷數(shù)組，把數(shù)組里的打印數(shù)組每一項的平方

var arr = [3,4,5]
var arr = [3,4,5]; //方法一 for(var i=0;i<arr.length;i++){ console.log(arr[i]+"的平方是"+Math.pow(arr[i],2)) } //方法二 for(var i=0;i<arr.length;i++){ console.log(arr[i]+"的平方是"+arr[i]*arr[i]) }

13. 遍歷 JSON, 打印里面的值

var obj = {
name: 'hunger',
sex: 'male',
age: 28
}
for(key in obj){ console.log(obj[key]) }

14. 以下代碼輸出結(jié)果是? 為什么 （選做題目）

var a = 1, b = 2, c = 3;

 var val = typeof a + b || c >0
 console.log(val)//number2 ``
 expr1 ||  expr2: 短路邏輯，如果expr1為``true`` ,返回expr1;
 以上運算中  Boolean（typeof a + b）=>Boolean("number2") 為true ,所以返回number2

`

var d = 5;

  var data = d ==5 && console.log('bb')
  console.log(data)//返回undefined``
  expr1 &&  expr2: 短路邏輯,如果expr1為``false ``,返回expr1;
  d ==5 為true，所以返回 console.log('bb')
  但是最后一步console.log(console.log('bb'))  返回 undefined 
  原因：內(nèi)部的console.log()為console對象內(nèi)的log方法，但是沒有返回值

 例如:

var obj={
log:function log () {   }
  }
console.log(obj.log() )//undefined
var obj={
  log:function log () {  return "123"   }
}
console.log(obj.log() )//123

`

 var data2 = d = 0 || console.log('haha')

  console.log(data2)//返回 undefined
邏輯或的短路邏輯，Boolean(0) 為false,所以返回后者console.log('haha')
最后一步console.log(console.log('haha'))返回undefined；原因：內(nèi)層console.log(‘haha’)方法沒有返回值

`

  var x = !!"Hello" + (!"world", !!"from here!!");

      console.log(x)//2``
    !expr   如果單個表達式能轉(zhuǎn)換為true的話返回false,否則返回true.
    1. (!"world", !!"from here!!")  逗號操作符返回返回表達式的最后一項   !!"from here!!" =>true;
    2. !!"Hello"=>true 
    true + true =2;