我对javascript的自以为是

 参数的作用域

if(true){
    var tester = "Hello World";
}

console.log(tester);

按照以往的经验，觉得上面的代码会报错，而实际不会。

javascript中if, for这两个语句的{}并不会形成一个密闭的空间，以至于其中声明的变量外界访问不到。

所以这里的tester是存在的。

实际上能够形成这种密闭空间的只有function，或者称为其作用域的产生完全由函数来决定。

function test() = {
    if(true){
        var tester = "Hello World";
    }
}
console.log(tester); // error

而这样的话就没有问题：

function test() = {
    if(true){
        var tester = "Hello World";
    }
}
test();
console.log(tester); // "Hello World"

 

变量初始化

javascript的函数中定义变量的位置跟java不同，如下：

var tester = "Hello world";

function test(){
    console.log(tester);
    var tester = "again";
}

test(); // undefined

出现这种状况的原因是var tester = "again";在test形成的作用域中，尽管在执行console.log的时候没有被初始化，但是这个变量是存在的。

var tester = "Hello world";

function test(){
    var tester = "again";
    console.log(tester);
}

test(); // again

 

call, apply, bind相同点和区别

相同点： 他们都是用来改变方法中this所指定的上下文的。

不同点：

假如有method方法， foo对象， arg1和arg2两个参数。

1 call vs apply， 参数的类型

method.call(foo, arg1, arg2);

method.apply(foo, [arg1, arg2]);

2 call vs bind

bind方法的返回值是函数！！！

method.call(foo, arg1, arg2);

method.bind(foo, arg1, arg2)();

method.bind(foo)(arg1, arg2);

 

javascript中的私有变量，静态变量，实例变量

不知道我可不可以这么说，javascript中的讲台变量和实例变量的苛刻程度或者说明确程度比java要高。

私有变量

function Person(){
    var name = 'voctrals';
    var display = function(){
        console.log(this.name);
    }
}

其中的name和display都是私有变量，在方法外是无法访问到的。

var person = new Person();
console.log(person.name);    // undefined
console.log(typeof person.display);    // undefined

严格到这种程度也够拼的。即使是person对象也不能够访问到。

静态变量

javascript的静态变量真的是属于类的，不属于对象，甚至对象都不能够访问到。

function Person(){
}
Person.name = 'voctrals';
Person.display = function(){
    console.log(this.name);
}

这样一来name和display就是Person这个类的静态变量了。

console.log(Person.name);    //'voctrals'
console.log(typeof Person.display);    // function

var person = new Person();
console.log(person.name);    // undefined
console.log(typeof person.display);    // undefined

实例变量

实例变量就是指方法内部的变量，但是这个变量是由this引用的，不然的话就成为全局变量了。

function Person(){
    this.name = 'voctrals';
    this.display = function(){
        console.log(this.name);
    }
}

实例变量属于实例，一个实例的改变肯定不会影响到另外一个实例的变量。

var person1 = new Person();
person1.name='voctrals again';
console.log(person1.name);    // voctrals again
console.log(typeof person1.display);    // function
var person2 = new Person();
console.log(person2.name);    // voctrals
console.log(typeof person1.display);    // function

console.log(Person.name);    // undefined
console.log(typeof Person.display);    // undefined