理解js的几个关键问题（2）： 对象、 prototype、this等

参考文档：http://www.cnblogs.com/ranran/archive/2014/05/19/3737217.html

http://speakingjs.com/es5/ch17.html#_the_new_operator_implemented_in_javascript

一、继承

Object.create("参数1[,参数2]")是E5中提出的一种新的对象的创建方式.
第一个参数是要继承到新对象原型上的对象;
第二个参数是对象属性.这个参数可选,默认为false
第二个参数的具体内容:
writable:是否可任意写, true可以,false不可以
configuration:是否能够删除,是否能够被修改.
enumerable:是否能用for in枚举
value:属性值
get()读
set()写

二、this

var savedThis;
function Constr() {
    savedThis = this;
}
var inst = new Constr();
console.log(savedThis === inst); // true

你可以通过new 将一个函数当做一个构造器来使用。new 操作创建了一个新的对象，并将这个对象通过this 传入构造器中。

this就是实例化后的对象。

function newOperator(Constr, arrayWithArgs) {
    var thisValue = Object.create(Constr.prototype);
    Constr.apply(thisValue, arrayWithArgs);
    return thisValue;
}

this指的对象字面量本身

var obj = {
    method: function () {
        console.log(this === obj); // true
    }
}
obj.method();

this指向的是window

<script>
    console.log(this === window); // true
</script>

如果你不是使用new来调用构造器，那其实你就是在使用一个实函数。因此this就不会是你预期的值。在Sloppy模式中，this 指向的就是window 而你将会创建全局变量：

function Point(x, y) {
    this.x = x;
    this.y = y;
}
var p = Point(7, 5); // we forgot new!
console.log(p === undefined); // true

// Global variables have been created:
console.log(x); //
console.log(y); //

var obj = {
    name: 'Jane',
    friends: [ 'Tarzan', 'Cheeta' ],
    loop: function () {
        'use strict';
        this.friends.forEach(
            function (friend) {
                console.log(this.name+' knows '+friend);
            }
        );
    }
};
obj.loop();
// TypeError: Cannot read property 'name' of undefined

上面的例子里函数中的this.name 不能使用，因为函数的this 的值是undefined，这和方法loop()中的this 不一样。下面提供了三种思路来解决这个问题：

　　1、that=this，将this 赋值到一个变量上，这样就把this 显性地表现出来了（除了that，self 也是个很常见的用于存放this的变量名），之后就使用那个变量：

loop: function () {
    'use strict';
    var that = this;
    this.friends.forEach(function (friend) {
        console.log(that.name+' knows '+friend);
    });
}

2、bind()。使用bind()来创建一个函数，这个函数的this 总是存有你想要传递的值（下面这个例子中，方法的this）：

loop: function () {
    'use strict';
    this.friends.forEach(function (friend) {
        console.log(this.name+' knows '+friend);
    }.bind(this));
}

3、用forEach的第二个参数。forEach的第二个参数会被传入回调函数中，作为回调函数的this 来使用。

loop: function () {
    'use strict';
    this.friends.forEach(function (friend) {
        console.log(this.name+' knows '+friend);
    }, this);
}

而上述的解决方案也是按照这个思想的。ECMAScript 6是用箭头函数(arrow function)来实现这个效果的，箭头函数就是没有自己的this 的函数。在这样的函数中你可以随便使用this，也不用担心有没有隐式的存在。

loop: function () {
    'use strict';
    // The parameter of forEach() is an arrow function
    this.friends.forEach(friend => {
        // `this` is loop’s `this`
        console.log(this.name+' knows '+friend);
    });
}

1.　　null是一个对象：

alert(typeof null);  //objects

NULL表示没有值，那么很明显他不能作为任何东西的实例，所以下式应该等于false：

alert(null instanceof Object);   //false

2.　　NAN是一个数字：

alert(typeof NAN);   //Number

alert(NaN === NaN);   //false

3.　　空数组 == false：

alert(new Array() == false);   //true

空数组非常奇特：它们实际上等于true，但是在和布尔值比较的时候，却被看做false，如下：

var someVar = [];

alert(someVar == false);     //true

if(someVar) alert(‘hello!’);   //会打印出‘hello’

PS：false,zero,null,undefined,空字符串,NaN都被转换为false----非永久的，只是针对与给定的表达式！

4.　　0.1 + 0.2 ！= 0.3

该式子的结果是：0.30000000000000004.

这是因为机器精度的问题。

5.　　未定义可以被定义

var someVar;

alert(someVar==undefined);   //true

但是：

undefined = ‘hello’；

var someVar;

alert(someVar==undefined);   //false