数据类型运算符流程控制语句
一、JavaScript 定义了几种数据类型? 哪些是原始类型?哪些是复杂类型?原始类型和复杂类型的区别是什么?
目前最新的 JS 定义了七种数据类型。
数值（number）：整数和小数（比如1和3.14）
字符串（string）：字符组成的文本（比如"Hello World"）
布尔值（boolean）：true（真）和false（假）两个特定值
undefined：表示“未定义”或不存在，即由于目前没有定义，所以此处暂时没有任何值
null：表示无值，即此处的值就是“无”的状态。
对象（object）：各种值组成的集合
通常，我们将数值、字符串、布尔值称为原始类型（primitive type）的值，即它们是最基本的数据类型，不能再细分了。而将对象称为合成类型（complex type）的值，因为一个对象往往是多个原始类型的值的合成，可以看作是一个存放各种值的容器。至于undefined和null，一般将它们看成两个特殊值。
对象又可以分成三个子类型。
狭义的对象（object）
数组（array）
函数（function）
参考： JavaScript 数据类型和数据结构 | MDN
二、typeof 和 instanceof 的作用和区别?
- typeof
typeof返回一个字符串，表示指定对象的类型，可能的返回值有：
undefined ==> undefined
null || object ==> object
boolean ==> boolean
number ==> number
string ==> string
symbol ==> symbol
function ==> function
如：
let str ='apple'console.log(typeof str) // string
-
instanceof
instanceof用来检测指定对象是否拥有某构造函数的prototype属性，返回布尔值，如
let num = new Number( 2 )console.log(num instanceof Number) //true -
区别
typeof用于判断一个变量的类型，而instanceof用于判断一个对象是否是另一对象的实例。
三、如何判断一个变量是否是数字、字符串、布尔、函数
用typeof直接判断，返回的字符串就是该类型
四、NaN 是什么? 有什么特别之处?
NaN(Not a Number)表示非数值，可以理解为是一个不确定的数值。所以：
所有与 NaN 的操作结果返回都是 NaN。
NaN === NaN 返回 false。
正是因为 NaN 表示不确定数值，所以每一个 NaN 都不确定，就不相等。
五、如何把非数值转化为数值?
parseInt() 函数解析一个字符串参数，并返回一个指定基数的整数 (数学系统的基础)。
The parseFloat() function parses an argument and returns a floating point number.
Number()
In JavaScript, Number is a numeric data type in the double-precision 64-bit floating point format (IEEE 754). In other programming languages different numeric types can exist, for examples: Integers, Floats, Doubles, or Bignums.
Number.parseInt() 方法可以根据给定的进制数把一个字符串解析成整数。
六、== 与 === 有什么区别
== 相等运算符，在比较不同类型的数据时，相等运算符会先将数据进行类型转换，然后再用严格相等运算符比较。
=== 严格运算符，两个比较值必须是同一类型的同一结果。
七、break 与 continue 有什么区别
break表示退出当前循环或者退出指定循环，是彻底结束循环。continue是结束本次循环，进入下一次循环。
八、void 0 和 undefined 在使用场景上有什么区别
void是一元操作符，你可以在后面接一条语句，但void返回的永远是undifined。而undefined在 ES5 中是全局对象的一个只读（read-only）属性了，它不能被重写。但在局部作用域中还是可以改写:
(function () { var undefined = 1 console.log(undefined)})()
因此，当你需要百分比获得undefined时，可以用void 0 void console.log(1) void false等等等，最后返回的都是undefined，因为 void 0很短，所以就用它。
参考：为什么用 void 0 代替 undefined | GitHub
九、以下代码的输出结果是?为什么?
console.log(1+1) //2 number
console.log("2"+"4") //24 string
console.log(2+"4") //24 string
console.log(+"4") //4 number
打印出执行结果，number 类型相加按照数学方法，number 与 string 相加相当于字符串拼接。
十、以下代码的输出结果是?为什么?
var a = 1 // a === 1
a+++a // a === 2
typeof a+2 // number2
a+++a可以拆分为(a++) + a，所以只有第一次的自加有改变a的值，typeof优先级极高，所以实际上运行的是(typeof a) + 2
a++ 按照顺序理解，先使用，后 + 1；
++a 按照顺序理解，先加一，后使用；
a++ ++a.png
十一、以下代码的输出结果是?为什么?
var a = 1
var b = 3
console.log( a+++b ) /// 4
拆分下：console.log((a++) + b)，a++实际是先使用a的值再自加，所以结果是console.log(a + b)。假如换成++a的话，结果就是console.log(1 + a + b)了，可以试下。
十二、遍历数组，把数组里的打印数组每一项的平方
var arr = [3, 4, 5]
var i = 0
while (i < arr.length) { console.log(arr[i] * arr[i]) i++}
clipboard.png
十三、遍历 JSON, 打印里面的值
var obj = { name: 'hunger', sex: 'male', age: 28 }
for (var key in obj) { console.log(obj[key])}
clipboard1.png
十四、以下代码输出结果是? 为什么?
clipboard2.png
/typeof 优先级高， || 或运算只有真的值有效，都为假返回 false，所以上面可以拆解为： val = (typeof a) + b 。前面已经是真，后面语句被短路，不在执行后面的代码
补充：
1、只要“||”前面为false,不管“||”后面是true还是false，都返回“||”后面的值。
2、只要“||”前面为true,不管“||”后面是true还是false，都返回“||”前面的值。
我称这种为短路原理： 知道了前面第一个的结果就知道后的输出，如果为第一个为：true，则取第一个的值，如果第一个为false，则取第二个的值。
js请你一定要记住：在js逻辑运算中，0、”“、null、false、undefined、NaN都会判为false，其他都为true。这个一定要记住，不然应用||和&&就会出现问题。
这里顺便提下：看到很多代码if(!!attr)，为什么不直接写if(attr)；
其实这是一种更严谨的写法：
请测试 typeof 5和typeof !!5的区别。!!的作用是把一个其他类型的变量转成的bool类型。
clipboard3.png
//与运算符为真就一直运行下去，最后一个，为假直接返回 false，所以：data = console.log('bb') 。而console.log()的返回是 undefined
补充：
1、只要“&&”前面是false，无论“&&”后面是true还是false，结果都将返“&&”前面的值;
2、只要“&&”前面是true，无论“&&”后面是true还是false，结果都将返“&&”后面的值;
clipboard4.png
//同理可拆分成：data2 = d = console.log('haha')
clipboard5.png
//取反运算符，结果不是 true 就是 false；逗号操作符，返回最后一条语句结果，所以： x = !!"Hello" + !!"from here!!"。即 x = true + true,对布尔值进行运算，计算机直接转化为对应的 0 和 1
参考：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Operator_Precedence
http://www.jianshu.com/p/f75c81d01a1b
网友评论