javascript基础(整理自廖雪峰)

不要使用==比较，始终坚持使用===比较
false == 0; //返回true. 这种情况, 它会自动转换数据类型再比较
false === 0; //返回false. 建议用这种方式

NaN === NaN; //返回false. NaN与其他所有值都不相等, 包括它自己
isNaN(NaN); //返回true.

要计算两个浮点数是否相等, 要用绝对值 (因为浮点数在计算过程中会产生误差)
1 / 3 === (1 - 2 / 3); //返回false
Math.abs(1 / 3 - (1 - 2 / 3)) < 0.0000001; //返回true

大多数情况下，我们都应该用null。undefined仅仅在判断函数参数是否传递的情况下有用。

'use strict';//表示使用严谨模式
strict模式下, 会强制使用var来申明变量, 因为不用var申明的变量会被视为全局变量

ES6新增, 多行字符串的表示方法
`这是一个
多行
字符串`;

ES6新增, 模板字符串
var name = '小明';
var age = 20;
var msg = `你好, ${name}, 你今年${age}了!`;
alert(msg);

对字符串的某个索引赋值, 不会有任何效果
var s = 'Test';
s[0] = 'X';
alert(s); // s仍然为'Test'

直接给array的lenth赋一个新值, 会导致array的变化
var arr = [1,2,3];
arr.length; //3
arr.length = 5;
arr; //[1,2,3,undefined,undefined]
arr.length = 2;
arr; //[1,2]

操作array, 通过索引赋值时, 如果索引超过范围, 同样会引起array的变化
var arr = [1,2,3];
arr[5] = 'x';
arr; //[1,2,3,undefined,undefined,'x']

对象操作
var xiaoming = {
name: '小明'
};
xiaoming.hasOwnProperty('name'); // true
'school' in xiaoming;//返回false. 判断一个属性是否存在, 但是in不能常用, 建议用hasOwnProperty
xiaoming.age = 18; //新增一个age属性
delete xiaoming.birth; //删除一个不存在的属性, 不会报错

JavaScript把null、undefined、0、NaN、空字符串''视为false，其他值一概视为true

遍历对象和数组

var o = {
name: 'Jack',
age: 20,
city: 'Beijing'
};
for (var key in o) {
if (o.hasOwnProperty(key)) {//必须要用到hasOwnProperty
alert(key); // 'name', 'age', 'city'
}
}

var a = ['A', 'B', 'C'];
for (var i in a) {
alert(i); // '0', '1', '2', 注意, for..in对Array的循环得到的是String而不是Number
alert(a[i]); // 'A', 'B', 'C'
}

do..while循环, 在每次循环完成的时候才会去判断条件, 所以要小心, 循环体会至少执行1次
var n = 0;
do {
n = n + 1;
} while (n < 100);
n; // 100

ES6新增, Map和Set
Array/Map/Set都属于iterable(迭代)类型,
此类型的集合都可以通过新的for..of来遍历(修复for..in的遗留问题)

var m = new Map();
m.set('Adam', 67);
m.set('Adam', 88);//多次赋值会覆盖前面的
m.get('Adam'); // 88
或这样写,
var m = new Map([['Michael', 95], ['Bob', 75], ['Tracy', 85]]);
m.get('Michael'); // 95

var s2 = new Set();
s2.add(1);
s2.add(2);
s2.add(2);//重复的key会被忽略
s2.add('2');
s2; //Set {1, 2, "2"}
s2.delete(2);

var a = [1, 2, 3];
for (var x of a) { //遍历Array
console.log(x);
}
var m = new Map([[1, 'x'], [2, 'y'], [3, 'z']]);
for (var x of m) { //遍历Map
console.log(x[0] + '=' + x[1]);
}

iterable的遍历, 建议采用forEach
var a = new Map([['A','aaa'], ['B', 'bbb']]);
a.forEach(function (value, key, map) {
console.log(value);
});

ES6新增, rest参数
function foo(a, b, ...rest) { //rest参数只能写在最后, 前面用...标识
console.log('a = ' + a);
console.log('b = ' + b);
console.log(rest);
}
foo(1,2,3,4,[5,6]);

ES6新增, let声明块级作用域变量
var sum = 0;
for(let i=0; i<100; i++){
sum+=i;
}

ES6新增, 解构赋值
let [x, [, z]] = ['hello',['js', 'es6']];

ES6新增, 箭头函数
x => {
if (x > 0) {
return x * x;
}
else {
return - x * x;
}
}
x => {foo: x}; //报错, 应该这么写: x => ({ foo: x });

箭头函数和匿名函数有个明显的区别：箭头函数内部的this是词法作用域，由上下文确定 (修复this指向)

ES6新增, generator(生成器)数据类型
一个generator看上去像一个函数，但可以返回多次
try {
r1 = yield ajax('http://url-1', data1);
r2 = yield ajax('http://url-2', data2);
r3 = yield ajax('http://url-3', data3);
success(r3);
}
catch (err) {
handle(err);
}

有这么几条规则需要遵守：

不要使用new Number()、new Boolean()、new String()创建包装对象；

用parseInt()或parseFloat()来转换任意类型到number；

用String()来转换任意类型到string，或者直接调用某个对象的toString()方法；

通常不必把任意类型转换为boolean再判断，因为可以直接写if (myVar) {...}；

typeof操作符可以判断出number、boolean、string、function和undefined；

判断Array要使用Array.isArray(arr)；

判断null请使用myVar === null；

判断某个全局变量是否存在用typeof window.myVar === 'undefined'；

函数内部判断某个变量是否存在用typeof myVar === 'undefined'。

最后有细心的同学指出，任何对象都有toString()方法吗？null和undefined就没有！确实如此，这两个特殊值要除外，虽然null还伪装成了object类型。

更细心的同学指出，number对象调用toString()报SyntaxError：

123.toString(); // SyntaxError
遇到这种情况，要特殊处理一下：

123..toString(); // '123', 注意是两个点！
(123).toString(); // '123'

创建对象的最佳方式
<script>
function Person(name, age, job) {
this.name = name;
this.age = age;
this.job = job;
}

Person.prototype = {
constructor: Person,
sayName: function () {
alert(this.name);
}
}
var person1 = new Person('xiaoxiao', 26, 'engineer');
var person1 = new Person('xiaoxiao2', 28, 'engineer');
person1.sayName();
</script>

underscore常用函数
---集合对象
map / filter
every / some
max / min
groupBy
shuffle / sample
---数组
first / last
flatten
zip / unzip
object
range
---函数
bind
partial
memoize
once
delay
---对象
keys / allKeys
values
mapObject
invert
extend / extendOwn
clone
isEqual
chain