避免这些常见的JavaScript错误

// ==的例子1 == "1" // true"/t" == 0 // true"34" == 2 // falsenew Number(10) == 10 // trueNumber(10) === 10 //true//  ===的例子1 === "1" // false"/t" === 0 // false"34" === 2 // false10 === 10 //true// where things get wierd....Number(10) === 10 //truenew Number(10) === 10 //false, LHS will actually be an object!

console.log(typeof "foo" === "string"); //true console.log(typeof String("foo") === "string"); // trueconsole.log(typeof new String("foo") === "string"); // false，因为new操作产生的都是对象。console.log(typeof 1.2 === "number"); //trueconsole.log(typeof new Date() === "Date"); //false ，Date是对象console.log(typeof [1,2,3] === "array"); //false, 数组也是对象/** 正确检测对象类型方法 **/function is(type, obj) {    var clas = Object.prototype.toString.call(obj).slice(8, -1);    return obj !== undefined && obj !== null && clas === type;}console.log(is('String', 'test')); // trueconsole.log(is('String', new String('test'))); // trueconsole.log(is('Date', new Date())); // true

// 1console.log(this); //指向全局对象也就是window// 包含了prompt alert confirm方法...// 2function test() {  console.log(this);  this.method = function inner() {console.log(this)};}; // 这里this也是指向全局对象test();//3var obj = new test(); // 因为用的是构造器，this指向test对象//4obj.method(); //方法迫使this指向对象// 5:使用call或apply迫使this指向明确的值function foo(a, b, c) {  this.a = a;  this.b = b;  this.c = c;}var bar = {};foo.apply(bar, [1, 2, 3]); //第一个参数为thisconsole.log(bar) // 会输出 a: 1, b: 2, c: 3foo.call(bar, 4, 5, 6); //同样的效果console.log(bar) //也会输出a: 4, b: 5, c: 6

function test() {  this.arr = [1,2,4];  this.message = "I am here";  this.fun = function() {      this.arr.forEach(function(item) {        console.log(this.message); //会输出3次undefined，因为this指向全局对象    });  }}var t = new test();t.fun();//上面例子中，this不会指向test对象，而指向全局对象//为了避免这种情况，可以使用变量存储器this//虽然this仍指向全局对象，但是可以使用替代变量function test2() {  var self = this;  self.arr = [1,2,4];  self.message = "I am here";    self.fun = function() {      this.arr.forEach(function(item) {        console.log(self.message); //会输出I am here 3次    });  }}var t2 = new test2();t2.fun();

var foo = 12;function changeFoo() {  foo = 34; //改变的是全局作用域而不是局部作用域}changeFoo();console.log(foo);//输出34// 在下个例子显然会出现问题// Out here is the global scopefor(var i = 0; i < 10; i++) {    innerLoop();}function innerLoop() {    // 这是个不同的作用域    for(i = 0; i < 10; i++) { // 缺少var语句，i指向全局作用域           console.log("this is will show 10 times and not 100.");//只会输出10次    }}

(  // 将函数写在圆括号中  function(){}  // 返回函数对象)() // 立即调用// 也可以使用下面同样函数效果!function(){}()+function(){}()(function(){}());// 重要提醒// 如果像下面这样做，会重写全局对象 undefinedconsole.log(typeof undefined === "undefined") // truevar undefined = 123;console.log(typeof undefined === "undefined") // this is false! undefined is overwritten and replaced by the number 123// 可以通过匿名包装(function(undefined){console.log(undefined);})();

// 给全局对象增加一个属性，所有对象都会继承这个对象，Object.prototype.WTF = "this should not be in your object";function a() {  this.unwanted = 10;  this.crap = "dhjbjbfdjbf";}function child() {  this.a = 1;  this.b = 2;}//child会继承自achild.prototype = new a();var obj = new child();for (var property in obj) { //此方法不仅比Object.keys慢，而且还包含父属性    console.log(property + ": " + obj[property]);}for (var property in obj) { //这会返回适合的键，但是仍比Object.keys慢     if(obj.hasOwnProperty(property))        console.log(property + ": " + obj[property]);}Object.keys(obj).map((e) => console.log(`key=${e}  value=${obj[e]}`)); // 最佳的方式Object.entries(obj).forEach(([key, value]) => console.log(`key=${key} value=${value}`)); //这也是不错的方法

/**  这里编译器会在return后加分号，造成函数返回undefined**/function test(){  var name = "Hello";  return // 这里会加分号  {    name: name  }}/**  这个例子更奇怪，由于大括号，所以不会加分号，最终会显示类型错误，因为编译器会认为console.log()是函数，而 (someList || []) 是参数**/function test2(){  var someList = undefined  console.log("Hi!") // does not add it here!  (someList || []).map((item) => item) }