关于javascript的12种淫思巧技(一)

一、parseInt() 和 parseFloat()、+的区别

let str = 10.2abc
let num = parseFloat(str)
let num1 =  parseInt(str)
let num2 = +str
// 输岀结果:Num: 10 num1:10.2 num2:NaN

二、var与let、const的区别

1.下面是使用 let 声明变量作用域的例子

// myLetVariable 在这里 *不能* 被引用

for (let myLetVariable = 0; myLetVariable < 5; myLetVariable++) {
  // myLetVariable 只能在这里引用
}

// myLetVariable 在这里 *不能* 被引用

2.下面是使用 var 声明变量作用域的例子：

// myVarVariable 在这里 *能* 被引用

for (var myVarVariable = 0; myVarVariable < 5; myVarVariable++) {
  // myVarVariable 整个函数中都能被引用
}

// myVarVariable 在这里 *能* 被引用

3.const 允许声明一个不可变的常量。这个常量在定义域内总是可见的：

const Pi = 3.14; // 设置 Pi 的值
Pi = 1; // 将会抛出一个错误因为你改变了一个常量的值。

三、对象属性的赋值和访问

1.方法一(点表示法)：

// 点表示法 (dot notation)
obj.name = 'Simon';
var name = obj.name;

2.方法二 (方括号表示法)：

// 方括号表示法 (bracket notation)
obj['name'] = 'Simon';
var name = obj['name'];
// can use a variable to define a key
var user = prompt('what is your key?')
obj[user] = prompt('what is its value?')

3.总结:

优缺点：这两种方法在语义上也是相同的。第二种方法的优点在于属性的名称被看作一个字符串，这就意味着它可以在运行时被计算，缺点在于这样的代码有可能无法在后期被解释器优化。它也可以被用来访问某些以预留关键字作为名称的属性的值
obj.for = ‘Simon’; // 语法错误，因为 for 是一个预留关键字
obj[“for”] = ‘Simon’; // 工作正常

四、i++与++i

1.++i：

代表先自增一个单位，再运算

2.i++：

代表先运算，再自增一个单位

3.总结:

特别注意:i- -与- -i同理

4.例题:

var a = 1;
var b;
var sum = (b = a+++--a) + a-- + b++;

五、关于for循环

1.正常for循环

for (var i = 0; i < a.length; i++) {
    // Do something with a[i]
}

2.for …of循环

for (const currentValue of a) {
  // Do something with currentValue
}

3.for …in循环（不推荐）

for (var i in a) {
  // 操作 a[i]
}

3.forEach循环（ECMAScript5新增）

["dog", "cat", "hen"].forEach(function(currentValue, index, array) {
  // 操作 currentValue 或者 array[index]
});

六、 严格相等（=）、非严格相等（）、同值相等（Object.is）、零值相等

1.===

全等操作符比较两个值是否相等，两个被比较的值在比较前都不进行隐式转换

2.==

相等操作符比较两个值是否相等，在比较前将两个被比较的值转换为相同类型。在转换后（等式的一边或两边都可能被转换），最终的比较方式等同于全等操作符 === 的比较方式。

3.Object.is

确定两个值是否在任何情况下功能上是相同的。

4.零值相等

认为 +0 与 -0 相等
目前该部分只介绍简单概念，若想了解更多，请参考