《Javascript秘密花园》学习笔记（上）

小咪咪 2022-07-27 10:43 107阅读 0赞

**《Javascript秘密花园》[网络阅读地址][Link 1]**

# 系列文章目录 #

1.  [《Javascript秘密花园》学习笔记（上）][Javascript]
2.  [《Javascript秘密花园》学习笔记（中）][Javascript 1]
3.  [《Javascript秘密花园》学习笔记（下）][Javascript 2]

### 文章目录 ###

*  系列文章目录
 *   *   *  对象
         *   *  使用 hasOwnProperty 过滤
         *  函数
         *   *  名称解析顺序

### 对象 ###

> JavaScript 中所有变量都可以当作对象使用，除了两个例外 null 和 undefined。

JavaScript 的对象可以作为哈希表使用，主要用来保存命名的键与值的对应关系。

> 哈希表是根据关键码值(Key value)而直接进行访问的种数据结构，它可以提供快速的插入操作和查找操作。不论哈希表中有多少数据，插入和删除（有时包括侧除）只需要接近常量的时间即0(1）的时间级。[参考阅读][Link 2]

当查找一个对象的属性时，JavaScript 会向上遍历原型链，直到找到给定名称的属性为止。为了判断一个对象是否包含自定义属性而不是原型链上的属性， 我们需要使用继承自 Object.prototype 的 **hasOwnProperty方法** 。hasOwnProperty 是 JavaScript 中唯一一个处理属性但是不查找原型链的函数。

> 在JavaScript中,一共有两种类型的值,原始值和对象值.每个对象都有一个内部属性\[\[prototype\]\],我们通常称之为原型.原型的值可以是一个对象,也可以是null.如果它的值是一个对象,则这个对象也一定有自己的原型.这样就形成了一条线性的链,我们称之为原型链。[参阅阅读][Link 3]

#### 使用 hasOwnProperty 过滤 ####

// foo 变量是上例中的
    for(var i in foo) {
        if (foo.hasOwnProperty(i)) {
            console.log(i);
        }
    }

### 函数 ###

函数是JavaScript中的一等对象，这意味着可以把函数像其它值一样传递。 一个常见的用法是把匿名函数作为回调函数传递到异步函数中。  
用\*function test()\{\}\*声明的方法（函数）会在执行前被 解析(hoisted)，因此它存在于当前上下文的任意一个地方， 即使在函数定义体的上面被调用也是对的。  
闭包是 JavaScript 一个非常重要的特性，这意味着当前作用域总是能够访问外部作用域中的变量。 因为 函数 是 JavaScript 中唯一拥有自身作用域的结构，因此闭包的创建依赖于函数（在外部函数中返回某函数）。  
**模拟私有变量**

在循环中使用闭包获得循环序号，最好使用 匿名包装器（自执行匿名函数，e.g.(function()\{\})();）

for(var i = 0; i < 10; i++) {
    //创建变量 i 的拷贝e。
        (function(e) {
            setTimeout(function() {
                console.log(e);  
            }, 1000);
        })(i);
    }

函数的arguments变量（并不是数组Array）维护着所有传递到这个函数中的参数列表。转化数组

//创建一个新的数组，包含所有 arguments 对象中的元素。
    Array.prototype.slice.call(arguments);

arguments 对象不管是否有被使用总会被创建，除了两个特殊情况 - *作为局部变量声明和作为形式参数*。

> apply与call的用法意义及区别:  
> call(\[thisObj\[,arg1\[, arg2\[, \[,.argN\]\]\]\]\])  
> 两个方法的作用都是一样的。调用一个对象的一个方法，以另一个对象替换当前对象。将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。但两者在参数上有区别的。  
> 第一个参数意义都一样，但对第二个参数：  
> apply传入的是一个参数数组，而call则作为call的参数传入（从第二个参数开始）。  
> e.g. func.call(func1,var1,var2,var3)对应的apply写法为：func.apply(func1,\[var1,var2,var3\])  
> 同时使用apply的好处是可以直接将当前函数的arguments对象作为apply的第二个参数传入。

JavaScript 中的构造函数和其它语言中的构造函数是不同的。 通过 new 关键字方式调用的函数都被认为是构造函数。  
尽管 JavaScript 支持一对花括号创建的代码段，但是并不支持块级作用域； 而仅仅支持 函数作用域。

function test() { // 一个作用域
        for(var i = 0; i < 10; i++) { // 不是一个作用域
            // count
        }
        console.log(i); // 10
    }

var关键字的使用

// 脚本 A
    foo = '42';
    
    // 脚本 B
    var foo = '42'

上面两段脚本效果不同。脚本 A 在全局作用域内定义了变量 foo，而脚本 B 在当前作用域内定义变量 foo。不使用 var 声明变量将会导致隐式的全局变量产生。

> JavaScript 中局部变量只可能通过两种方式声明，一个是作为函数参数，另一个是通过 var 关键字声明。

#### 名称解析顺序 ####

JavaScript 中的所有作用域，包括全局作用域，都有一个特别的名称 this 指向当前对象。

函数作用域内也有默认的变量 arguments，其中包含了传递到函数中的参数。

比如，当访问函数内的 foo 变量时，JavaScript 会按照下面顺序查找：

1.当前作用域内是否有 var foo 的定义。
    2.函数形式参数是否有使用 foo 名称的。
    3.函数自身是否叫做 foo。
    4.回溯到上一级作用域，然后从 #1 重新开始。

推荐使用匿名包装器（自执行的匿名函数）来创建命名空间。

// 两种方式,等价
    +function(){}();
    (function(){}());

这样不仅可以防止命名冲突， 而且有利于程序的模块化。

[Link 1]: http://bonsaiden.github.io/JavaScript-Garden/zh/
[Javascript]: https://blog.csdn.net/ccaoee/article/details/51131977
[Javascript 1]: https://blog.csdn.net/ccaoee/article/details/51174402
[Javascript 2]: https://blog.csdn.net/ccaoee/article/details/51174622
[Link 2]: http://blog.jobbole.com/49229/
[Link 3]: http://www.php100.com/html/webkaifa/javascript/2012/1015/11260.html