1.JavaScript 定义了几种数据类型? 哪些是原始类型?哪些是复杂类型?原始类型和复杂类型的区别是什么?
JavaScript 定义了7种数据类型
-
6种原始类型
- boolean ：true（真）和false（假）两个特定值
- null ：表示空缺，即此处应该有一个值，但目前为空
- undefined ：表示“未定义”或不存在，即此处目前没有任何值
- string ：字符组成的文本（比如"Hello World"）
- number： 整数和小数（比如1和3.14）
- symbol(ECMAScript 6 新定义)
-
object类型即复杂类型（eg:Object,Array,Function,Data）
区别:
一、原始类型（基本类型）
- 基本数据类型的值是不可变的
var name = "change";
name.substr();//hang
console.log(name);//change - 基本数据类型不可以添加属性和方法
var p = "change";
p.age = 29;
p.method = function(){console.log(name)};
console.log(p.age)//undefined
console.log(p.method)//undefined - 基本数据类型的赋值是简单赋值
如果从一个变量向另一个变量赋值基本类型的值，会在变量对象上创建一个新值，然后把该值复制到为新变量分配的位置上
var a = 10;
var b = a;
a++;
console.log(a)//11
console.log(b)//10 - 基本数据类型的比较是值的比较
var person1 = '{}';
var person2 = '{}';
console.log(person1 == person2); // true -
基本数据类型是存放在栈区的
var name = "jozo";var city = "guangzhou";var age = 22;
那么它的存储结构如下图：
二、复杂类型（引用类型）
1. 引用类型的值是可以改变的
var a = [1,2,3];
a[0] = 0;//更改数组的一个元素
a[3] = 4;//给数组增加一个元素
- 引用类型可以添加属性和方法
var person = {};
person.name = "change";
person.say = function(){alert("hello");}
console.log(person.name)//change
console.log(person.say)//function(){alert("hello");} -
引用类型的赋值是对象引用
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
引用类型保存在变量中的是对象在堆内存中的地址，所以，与基本数据类型的简单赋值不同，这个值的副本实际上是一个指针，而这个指针指向存储在堆内存的一个对象.那么赋值操作后，两个变量都保存了同一个对象地址，而这两个地址指向了同一个对象.因此，改变其中任何一个变量，都会互相影响
-
引用类型的比较是引用的比较
var person1 = {};
var person2 = {};
console.log(person1 == person2)//false
因为引用类型的比较是引用的比较，换句话说，就是比较两个对象保存在栈区的指向堆内存的地址是否相同，此时，虽然p1和p2看起来都是一个"{}"，但是他们保存在栈区中的指向堆内存的地址却是不同的，所以两个对象不相等
-
引用类型是同时保存在栈区和堆区中的
var person1 = {name:"change1"};
var person2 = {name:"change2"};
var person3 = {name:"change3"};
则这三个对象在内存中保存的情况如下图：
2.typeof和instanceof的作用和区别?
1.typeof操作符是确定一个变量是字符串、数值、布尔、还是undefined的最佳工具，但在检测引用类型的值时，这个操作符的用处不大。
| 类型 | 结果 |
|---|---|
| Undefined | "undefined" |
| Null | "object" |
| Boolean | "boolean" |
| Number | "number" |
| String | "string" |
| 任何其他对象 | "object" |
2.instanceof运算符用来测试一个对象在其原型链中是否存在一个构造函数的 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.如何判断一个变量是否是数字、字符串、布尔、函数
使用typeof判断
4.NaN是什么? 有什么特别之处?
NaN是JavaScript的特殊值，表示“非数字”（Not a Number）
特点：
1.NaN不是数字，但是它的数据类型是数字
typeof NaN; //number
2.NaN是JavaScript之中唯一不等于自身的值，不等于任何值，包括它本身
NaN == NaN; //false NaN === NaN; //false
3.NaN在布尔运算时被当作false
Boolean(NaN); //false
4.NaN与任何数（包括它自己）的运算，得到的都是NaN
NaN + 32 //NaN NaN - 32 //NaN NaN * 32 //NaN NaN / 32 //NaN
5.判断NaN的方法
isNaN()原理:isNaN()会将括号内的参数利用Number()进行一次转换.
由于会对参数用Number()进行一次数据转换，故对于字符串、部分对象、部分数组、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)的结果为NaN
但是，对于空数组、只有一个数值成员的数组、null等，isNaN()返回false
isNaN([]); //false isNaN([123]); //false isNaN(['123']); //false isNaN(null); //false Number(null)的结果为0
5.如何把非数值转化为数值?
javascript有3个函数可以把非数值转换为数值：Number()、parseInt()、parseFloat()。
Number()可以用于任何数据类型（此函数平时很少使用）。
parseInt()、parseFloat()专门用于把字符串转换成数值（比较常用的）。
- parseInt(string, radix):识别整数格式。
如果字符串中的第一个字符是数字字符，parselnt() 也能够识别出各种整数格式（即前面讨论的十进制、八进制和十六进制数) 。也就是说，如果字符以"0x"开头且后跟数字字符，就会将其当作一个十六进制整数；如果字符串以"0"开头且后跟数字字符，则会将其当作一个八迸制数来解析。
var num1 = parselnt ("1234blue") ; // 1234 var num2 = parselnt (" ") ; // NaN var num3 = parselnt ("0xA") ; // 10（十六进制数） var num4 = parseInt(22.5); // 22 var num5 = parselnt ("070") ; // 56（八进制数） var num6 = parselnt("70"); //70（十进制数） var num7 = parselnt ("0xf") ; // 15（十六进制数） - parseFloat() ：识别浮点，且第一个浮点有效
var num1 = parseFloat ("1234blue") ; // 1234（整数） 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()转换规则：
1.如果是 Boolean 值，true 和 false 将分别被转换为 1 和0；Number(true) //1
2.如果是数字值，只是简单的传入和返回；
Number(12) //12
3.如来是null 值，返回 0；
Number(null) //0
4.如果是 undefined，返回NaN ；
Number(undefined)//NaN
5.如果是字符串，遵循下列规则：
a.如果字符串中只包含数字，则将其转换为十进制数值，即"1"会变成1 ， "123"会变成123，而"011"会变成11（注意，前导的0被忽略了）；
b.如果字符串中包含有效的浮点格式， 如"1.1"，则将其转换为对应的c.浮点数值（同样，也会忽略前导零）；
d.如果字符串中包含有效的十六进制格式，例如"0xf"，则将其转换为相同大小的十进制整数值；
Number(0xf)//15
e如果字符串是空的（不包含任何字符） ，则将其转换为0；
Number("")//0
f.如果字符串中包含除上述格式之外的字符，则将其转换为 NaN。
g.如果是对象，则调用对象的 valueOf() 方法，然后依照前面的规则转换返回的值。如果转换的结果是 NaN，则调用对象的 toString() 方法，然后再次依照前面的规则转换返回的字符串值
6.==与===有什么区别
==：等于运算(值的比较)，但是不比较值的类型， 两边值类型不同的时候，要先进行类型转换，再比较。
===：完全等于运算（值和类型的比较），不仅比较值，而且还比较值的类型，当两边类型不一致时，不做类型转换，类型不同的一定不等，只有两者一致才为真。
7.break与continue有什么区别
- Break 语句:用于跳出循环。
break 语句跳出循环后，会继续执行该循环之后的代码（如果有的话）
for(var i = 1; i< 10; i++){
if(i % 4 === 0){
break;
}
console.log(i); // 1 2 3
}
- Continue 语句
continue 语句中断循环中的迭代，如果出现了指定的条件，然后继续循环中的下一个迭代。
for(var i = 1; i<6; i++){
if(i % 4 === 0){
continue;
}
console.log(i);//1 2 3 5
}
8.void 0 和 undefined在使用场景上有什么区别
void 会执行后面的表达式并返回 undefined，但是某些情境下undefined是可以被赋值的，比如在函数中，这样的话就不能用undefined来进行判断了。所以用void 0返回undefined来进行判断。既减少了在原形链上查找 window.undefined 的时间，也避免了误用被修改过的 undefined。
9.以下代码的输出结果是?为什么?
console.log(1+1); // 返回 2同为number类型相加，返回正常运算 console.log("2"+"4"); //返回24 ,字符串拼接 console.log(2+"4"); //返回24 ,number 和字符串相加，number转为字符串 console.log(+"4");//返回4 ,只有一个字符串会转换成数字输出
10. 以下代码的输出结果是?
var a = 1; a+++a; //返回3；(a++)+a=> 1 +2=3； typeof a+2;//返回number2,typeof优先级最高 （typeof a）+2=> number2
11. 以下代码的输出结果是? 为什么
var a = 1; var b = 3; console.log( a+++b );//返回4，(a++)+b=>1+3=4;
12. 遍历数组，把数组里的打印数组每一项的平方
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. 以下代码输出结果是? 为什么 （选做题目）
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
原因：内部的console.log()为console对象内的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；原因：内层console.log(‘haha’)方法没有返回值
`
var x = !!"Hello" + (!"world", !!"from here!!");
console.log(x)//2``
!expr 如果单个表达式能转换为true的话返回false,否则返回true.
1. (!"world", !!"from here!!") 逗号操作符返回返回表达式的最后一项 !!"from here!!" =>true;
2. !!"Hello"=>true
true + true =2;