JS小记.2

2017-07-30 本文已影响0人 ezrealor

JS数据类型

JavaScript定义了7种数据类型六种原始数据类型 : Number ， String， Boolean， Null， Undefined ，Symbol 一种复杂(引用)数据类型 Object
原始类型和复杂类型区别

存储方式:原始类型存放在栈中,也就是存放在变量访问的位置;复杂类型存储在堆(heap)中，存储在变量处的值是一个指针，指向存储对象的内存处
引用方式:原始类型是作为不可细化的值进行存储和操作的，引用它们会转移其值;复杂值是通过引用进行存储和操作的，而不是实际的值。创建一个包含复杂对象的变量时，其值是内存中的一个引用地址。引用一个复杂对象时，使用它的名称(即变量或对象属性)通过内存中的引用地址获取该对象值
比较方式:原始类型采用值比较，而复杂类型采用引用比较。复杂类型只有在引用相同的对象(即有相同的地址)时才相等。即使是包含相同对象的两个变量也彼此不相等，因为它们并不指向同一个对象
动态属性:对于复杂类型，可以为其添加属性和方法，也可以改变和删除其属性和方法；但原始类型不可以添加属性和方法
包装类型: 原始类型被当作构造函数创建的一个对象来使用时，Javascript会将其转换成一个对象，以便可以使用对象的特性和方法，而后抛弃对象性质，并将它变回到原始类型

typeof和instanceof

typeof操作符返回一个字符串,指示未经计算的操作数的类型。
比较特殊的是对于Null返回 object ,对于函数对象返回 function ,对于其它任何对象返回 object
instanceof 用于判断一个变量是否是某个变量的实例

判断一个变量是否是数字、字符串、布尔、函数

var a;
typeof a === 'number';
typeof a === 'string';
typeof a === 'boolean';
typeof a === 'function';

NaN是什么

NaN是一个全局变量的属性属于Number数据类型意思Not A Number
在编码很少直接使用到 NaN。通常都是在计算失败时，作为 Math 的某个方法的返回值出现的（例如：Math.sqrt(-1)）或者尝试将一个字符串解析成数字但失败了的时候（例如：parseInt("blabla")）。
涉及到NaN的操作都会返回NaN
等号运算符（== 和 ===）不能被用来判断一个值是否是 NaN。必须使用 Number.isNaN() 或 isNaN() 函数。在执行自比较之中：NaN，也只有NaN，比较之中不等于它自己。

把非数值转化为数值

Number() ， parseInt() ，parseFloat()
parseInt() parseFloat()
忽略字符串前面的空白字符，找到第一个非空白字符
如果第一个字符不是-或者数字返回NaN
如果是继续解析，直到非数值模式为止
0开头会当做八进制，0x开头会当做十六进制，但是可以指定第二个参数指定基数

==与===

== 相等俩边操作数相等时返回true
===全等俩边操作数相等且数据类型相同时返回true

break和continue

break 语句中止当前循环，switch 语句或 label 语句，并把程序控制流转到紧接着被中止语句后面的语句。
continue 语句结束当前（或标签）的循环语句的本次迭代，并继续执行循环的下一次迭代。

与 break 语句的区别在于， continue 并不会终止循环的迭代，而是：

在 while 循环中，控制流跳转回条件判断；
在 for 循环中，控制流跳转到更新语句。
continue 语句可以包含一个可选的标号以控制程序跳转到指定循环的下一次迭代，而非当前循环。此时要求 continue 语句在对应的循环内部。

void 0 和 undefined在使用场景上有什么区别

undefined 现常用于全局环境，不能被重写。但是在局部作用域中，还是可以被重写的。
void 是不能被重写的。 void 运算符能对给定的表达式进行求值，然后返回 undefined，最短的是void 0，所以用void 0 来表示undefined, void 0是在局部作用域中替代undefined的最佳选择,避免undefined被改写。

console.log(1+1)   //输出结果 2 数值类型的值相加
console.log("2"+"4") //输出结果 24 字符串类型变量进行拼接
console.log(2+"4") // 输出结果 24 字符串和数值相加会把数值转换为字符串再进行拼接
console.log(+"4") //输出结果 4 在只有一个字符串参数的时候会尝试将其转换为数字

var a = 1;
a+++a;   先计算 a++  a的值变为2 a++这个整体值仍为1  1+2=3
typeof a+2;
输出结果 'number2'  typeof运算符的优先级高  所以先计算typeof a 结果为 'number'  然后进行字符串拼接

var a = 1;
var b = 3;
console.log( a+++b );
输出结果 4   a++优先级高  a++返回的值为1

var arr = [3,4,5];  //遍历数值 打印平方
for(var i = 0, i<arr.length,i++) {
  console.log( Math.pow(arr[i],2) );
}

var obj = {
   name: "zoro",
   sex: "male",
   age: "21"
}
for(var key in obj){
   console.log(obj[key]);
}

var a = 1, b = 2, c = 3; 
var val = typeof a + b || c >0
console.log(val) 
输出结果 number2 先执行typeof运算符 结果为'number' 拼接结果为 'number2'  转换为boolean为true 不再执行右边 返回结果就是 'number2'

var d = 5;
var data = d ==5 && console.log('bb')
console.log(data)
输出结果 undefined 先执行 d==5 结果为true 看右边 console.log('bb')返回的值为undefined 所以data 被赋值为 undefined


var data2 = d = 0 || console.log('haha')
console.log(data2)
输出结果为undefined 0转换为boolean为flase 看右边 返回值为undefined d 被赋值为 undefined 然后 data2被赋值为 d 也就是 undefined

var x = !!"Hello" + (!"world", !!"from here!!");
console.log(x)
输出结果为2  字符串前加!转换为布尔值 不是""空字符串 所以转换为flase 前面还有一个! 变为 true ,操作符 忽略第一个操作数 返回第二个操作数 
所以 返回 !!"from here!!"  返回true   true + true 布尔值相加 转换为数值 1+1  结果为2 x被赋值为2