JavaScript基础学习-类型总结

JavaScript基础学习-类型总结

          • 数值
          • 值和引用

数值

JavaScript遵循IEEE754规范
浮点数计算会出现问题

0.1 + 0.2 === 0.3 // false
0.1 + 0.2=== 0.30000000000000004 // true

这个问题的解决办法,机器精度,在ES6中,这个值是Number.EPSILON,2^-52
polyfill

if (!Number.EPSILON) {
  Number.EPSILON = Math.pow(2, -52);
}

判断两个数是否相等

if (!Number.EPSILON) {
  Number.EPSILON = Math.pow(2, -52);
}

function numberIsEqual(n1, n2) {
  return Math.abs(n1 - n2) < Number.EPSILON;
}

numberIsEqual(0.1 + 0.2, 0.3); // true

最大数 Number.MAX_VALUE 1.7976931348623157e+308
最小数 Number.MIN_VALUE 5e-324

最大安全整数 Number.MAX_SAFE_INTEGER 9007199254740991
最小安全整数 Number.MIN_SAFE_INTEGER -9007199254740991


整数检测
Number.isInteger

console.log(Number.isInteger(3)); // true
console.log(Number.isInteger(-3)); // true
console.log(Number.isInteger(3.0)); // true
console.log(Number.isInteger(3.1)); // false

polyfill

if (!Number.isInteger) {
  Number.isInteger = function(num) {
    return typeof num === 'number' && num % 1 == 0;
  };
}

安全整数
Number.isSafeInteger
polyfill

if (!Number.isSafeInteger) {
  Number.isSafeInteger = function(num) {
    return Number.isInteger(num) && Math.abs(num) <= Number.MAX_SAFE_INTEGER;
  };
}

NaN
不是数字的数字,NaN!==NaN,是唯一一个不等于自身的值
isNaN 任何不是NaN也不是数字的值返回都是true

var a = 2 / 'foo';
console.log(typeof a, a); // number NaN
console.log(a == NaN); // false
console.log(a === NaN); // false
console.log(isNaN(a)); // true
console.log(isNaN('foo')); // true

es6加入Number.isNaN

console.log(Number.isNaN(a)); // true
console.log(Number.isNaN('foo')); // false

polyfill

if (!Number.isNaN()) {
  Number.isNaN = function(n) {
    return typeof n === 'number' && window.isNaN(n);
  };
}

if (!Number.isNaN()) {
  Number.isNaN = function(n) {
    return n !== n;
  };
}

无穷
正无穷 Number.POSITIVE_INFINITY
负无穷 Number.NEGATIVE_INFINITY

var a = 1 / 0 // Infinity
var b = -1 / 0 // -Infinity
var c = Infinity / Infinity // NaN

es6 Object.is 判断值是否相等

var a = 2 / 'foo'
-0 === 0 // true
a === NaN //false
Object(a,NaN) // true
Object(-0,0) // false

polyfill

if (!Object.is) {
  Object.is = function(v1, v2) {
    // 判断是否是 -0
    if (v1 === 0 && v2 === 0) {
      return 1 / v1 === 1 / v2;
    }
    // 判断是否是NaN
    if (v1 !== v1) {
      return v2 !== v2;
    }
    // 其他情况
    return v1 === v2;
  };
}
值和引用

简单的值(基础类型的值)是通过值复制的方式来赋值
复核值 对象(数组,函数)通过引用复制的方式来赋值

  var a = 2,
    b = a;
  b++;
  console.log(a); // 2
  console.log(b); // 3

  var c = [1, 2, 3],
    d = c;
  d.push(4);
  console.log(c); // [1, 2, 3, 4]
  console.log(d); // [1, 2, 3, 4]

由于引用指向的是值本身而非变量,所以一个引用无法更改另一个引用的指向

var a = [1, 2, 3];
var b = a;

b = [4, 5, 6];
console.log(a);
console.log(b);

// 让人疑惑的函数
function foo(x) {
  x.push(4);
  console.log(x); // 1,2,3,4

  x = [4, 5, 6];
  x.push(7);
  console.log(x); // 4,5,6,7
}

foo(a);
console.log(a); // 1,2,3,4

在函数中,当传递a的时候,实际上是将引用a的一个复本赋值给x,可以通过push来改变a的值,但是x=[4,5,6]和上面的b=[4,5,6]是一样的,不对a产生影响。

你可能感兴趣的:(学习总结,javaScript基础学习)