JS干货--几个容易忽视的知识点

JS中的全局变量

----------------
隐式声明全局变量
----------------
在JavaScript中全局变量会变成全局对象(浏览器中为window)的属性
一下两种方式会隐式的成为全局变量:
1、no var
function add(a, b) {
//result变成全局变量
result = a + b;
return result;
}

2、chain assignments
function add() {
//b变成了全局变量
var a = b = 2;
}

------------
规范的声明
------------
对于单个变量的声明没有什么要说的，对于多个变量的声明：
function add() {
var a = 1,
b = 2,
c = 3;
}

变量声明提升

-------------
Hoisting
-------------
Hoisting(变量声明提升)，实际上我们会经常遇到这样的问题：

var name = "globalname";
function some() {
console.log(name); //undefined
var name = "localname";
console.log(name); //localname
}

1、我之前的文章写过，JS是有函数作用域的。
2、所以这里两个console中的name要首先搜索some这个作用域中的name.
3、在some函数中，var name = "localname"被拆成了var name;和name = "localname";
4、而var name;被放置到了some这个作用域的顶部。

forin的使用

-------------
forin
-------------
对于forin，我们首先看下面的例子：
var student = {
name: 'dai'
}
Object.prototype.age = 21;
for(var i in student) {
console.log(i + ' ' + student[i]);
//name dai
//age 21
};

这里实际上把原型链上的也枚举出来，而实际上我们只需要name这个属性,所以：
for(var i in student) {
if(student.hasOwnProperty(i)) {
console.log(i + ' ' + student[i]);
}
}
通过hasOwnProperty可以过滤掉原型链上的属性。
但是万一student中有一个属性就叫hasOwnProperty呢？
这里我们推荐保险的写法
for(var i in student) {
if(Object.prototype.hasOwnProperty.call(student,i)) {
console.log(i + ' ' + student[i]);
}
}

这里大家一定会想到，我要是Object.prototype.hasOwnProperty也被修改呢?

------------------------
build-in-prototype
------------------------
通常我们是不建议修改顶部原型链的，如果要修改必须得和自己团队里的人协商好，有良好的文档。
基本写法：
if(typeof Object.prototype.methodName !== "function") {
Object.prototype.methodName = function() {
//do something
}
}

拒绝使用==

使用=== 代替 == 。

避免使用eval()

坏处远大于好处，所以舍弃吧。

字符串转化为数字

-----------------
字符串转成数字
-----------------
一般我多会使用parseInt()这个方法，但是大部分人多会舍弃第二个参数，这里可能会出现问题，建议加上。
我们还可以通过加号快速将字符串转化为数字。
两者的区别:
var b = "08你好";
console.log(+b); // NaN
console.log(parseInt(b,10)); //8