<JavaScript语言精粹>-读书笔记(一)

  1. 用object.hasOwnProperty(variable)来确定这个属性名是否为该对象成员,还是来自于原型链。

    for(my in obj){
        if(obj.hasOwnProperty(my)){
        ...
       }
    }

    思考:--用来遍历判断是否有该属性成员,当为一个string var="abcdef"一样的一个字符串时,通过JS代码判断其中是否含有我们需要的某一个字符,比如a,如果有就将其remove

  2. 一个属性存取表达式用于指定一个对象或数组的属性或元素。
  3. 对象字面量:一个对象字面量就是包围在一堆花括号中的0或多个“名/值”对。

    var empty_st={};
    var st={
       "f":"hello",
       "l":"word"
    }
    //进行调用
    st["f"]   //"hello"
    //当然也可嵌套
    var flagt={
      airline:"Oceanic",
      number:11,
      departue:{
      time:"2015",
      city:"Shanghai"
      }
    };

    JavaScript可以随意的定义全局变量来容纳你的需要的资源,但是这样会削弱程序的灵活性,尽量避免使用,还是尽可能使用上面的那种嵌套形式,这样flagt就变成了一个容器,还且容易看出层次结构.

  4. 每个函数在创建的时候会附加两个隐藏属性:函数的上下文和实现函数行为的代码。每个函数对象在创建的时候也会随机配 有一个prototype属性,他的值是一个拥有constructor属性且值即为该函数的对象。
  5. 函数对象通过函数字面量来创建

    //创建一个名为add的变量,并用来把两个数字相加的函数赋值给它
    var add=function(a,b){
      return a+b;
    }

    该函数是个匿名函数。

  6. 函数的调用模式有四种:方法调用模式,函数调用模式,构造器调用模式,apply调用模式。除了声明的时候定义的形参,每个函数还接受两个附加的参数:this和arguments。
  7. 闭包:

    a:要理解闭包,首先必须理解Javascript特殊的变量作用域。

    变量的作用域无非就是两种:全局变量和局部变量。

    Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。

    var n=999;
      function f1(){
        alert(n);
      }
      f1(); // 999
    //另一方面,在函数外部自然无法读取函数内的局部变量。
      function f1(){
        var n=999;
      }
      alert(n); // error
    /*这里有一个地方需要注意,函数内部声明变量的时候,一定要使用var命令。如果不用的话,你实际上声明了一个全局变量!*/
      function f1(){
        n=999;
      }
      f1();
      alert(n); // 999

    b:如何从外部读取局部变量

    出于种种原因,我们有时候需要得到函数内的局部变量。但是,前面已经说过了,正常情况下,这是办不到的,只有通过变通方法才能实现。

    那就是在函数的内部,再定义一个函数。

    function f1(){
        n=999;
        function f2(){
          alert(n); // 999
        }
      }

    在上面的代码中,函数f2就被包括在函数f1内部,这时f1内部的所有局部变量,对f2都是可见的。但是反过来就不行,f2内部的局部变量,对f1 就是不可见的。这就是Javascript语言特有的“链式作用域”结构(chain scope),

    子对象会一级一级地向上寻找所有父对象的变量。所以,父对象的所有变量,对子对象都是可见的,反之则不成立。

    既然f2可以读取f1中的局部变量,那么只要把f2作为返回值,我们不就可以在f1外部读取它的内部变量了吗!

    function f1(){
        n=999;
        function f2(){
          alert(n);
        }
        return f2;
      }
      var result=f1();
      result(); // 999

    闭包有什么用?1:取函数内部的变量   2:让这些变量的值始终保持在内存中

    function f1(){
        var n=999;
        nAdd=function(){n+=1}
        function f2(){
          alert(n);
        }
        return f2;
      }
      var result=f1();
      result(); // 999
      nAdd();
      result(); // 1000

    在这段代码中,result实际上就是闭包f2函数。它一共运行了两次,第一次的值是999,第二次的值是1000。这证明了,函数f1中的局部变量n一直保存在内存中,并没有在f1调用后被自动清除。

    为什么会这样呢?原因就在于f1是f2的父函数,而f2被赋给了一个全局变量,这导致f2始终在内存中,而f2的存在依赖于f1,因此f1也始终在内存中,不会在调用结束后,被垃圾回收机制(garbage collection)回收。

    这段代码中另一个值得注意的地方,就是“nAdd=function(){n+=1}”这一行,首先在nAdd前面没有使用var关键字,因此 nAdd是一个全局变量,而不是局部变量。其次,nAdd的值是一个匿名函数(anonymous function),而这个

    匿名函数本身也是一个闭包,所以nAdd相当于是一个setter,可以在函数外部对函数内部的局部变量进行操作。

   既然是这么好的东西,那在使用过程中有没有需要注意的地方呢?很明显有!

      注意:

    1)由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。

    2)闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便

改变父函数内部变量的值。

时间: 04-10

<JavaScript语言精粹>-读书笔记(一)的相关文章

JavaScript语言精粹读书笔记- JavaScript对象

JavaScript 对象 除了数字.字符串.布尔值.null.undefined(都不可变)这5种简单类型,其他都是对象. JavaScript中的对象是可变的键控集合(keyed collections). 对象是属性的容器,其中每个属性都拥有名字和值. JavaScript中的对象是无类别的(class-free)的.它对新属性的名字和值没有约束. JavaScript包括一个原型链特性,允许对象继承另一对象的属性. 对象的检索: stooge[“first-name”]或者stooge.

JavaScript语言精粹读书笔记 - JavaScript函数

JavaScript是披着C族语言外衣的LISP,除了词法上与C族语言相似以外,其他几乎没有相似之处. JavaScript 函数: 函数包含一组语句,他们是JavaScript的基础模块单元,用于代码复用.信息隐藏和组合调用. 函数用于指定对象的行为. 函数对象Functions: 在JavaScript中函数就是对象.对象是"键值"对的集合并拥有一个连接到原型对象的隐藏连接. 对象字面量产生的对象连接到Object.prototype.函数对象连接到Function.prototy

JavaScript语言精粹 读书笔记(一)

JavaScript中的“严格模式”. 如果在脚本文件的第一行加入"use strict";  则整个脚本都将以“严格模式”运行.如果语句不在第一行,则无效,整个脚本以“正常模式”运行.PS:只要"use strict"; 不跟在实际运行结果的语句后面,可以不在第一行. 如果"use strict"; 放在一个函数体的第一行,则整个函数以“严格模式”运行. “严格模式”的意义 - 消除Javascript语法的一些不合理.不严谨之处,减少一些怪异

JavaScript语言精粹 读书笔记(二)

公司的项目突然很忙,看书的进度明显慢下来了,不过还是继续慢慢的学... for in 语句可以用来遍历一个对象中的所有属性名.这个枚举过程将会列出所有的属性——包括函数和可能不关心的原型中的属性,所以有必要过滤那些不想要的值.最常用的过滤器是 hasOwnProperty 方法,以及使用 typeof 来排除函数: var name; for (name in another_stooge) { if (typeof another_stooge[name] !== 'function') {

《JavaScript语言精粹》笔记

Function.prototype.method=function(name,func){    this.prototype[name]=func;    return this;}//1.注释最好使用双斜杠而不是带*斜杠/*2.数字,js不区分整数类型,1和1.0是相等的 * NaN是一个数值,它表示一个不能产生正常结果的运算结果.NaN不等于任何值,包括它自己,可用isNaN(number)检查 * 值Infinity表示所有大于1.79769313486231570e+308的值 */

JavaScript语言精粹学习笔记

0.JavaScript的简单数据类型包括数字.字符创.布尔值(true/false).null和undefined值,其它值都是对象. 1.JavaScript只有一个数字类型,它在内部被表示为64位的浮点数.没有分离出整数,所以1和1.0的值相同. 2.NaN是一个数值,表示一个不能产生正常结果的运算结果.NaN不等于任何值,包括它本身.可以用函数isNaN(number)检测NaN,但是建议用isFinite()来检测某值是否是数字. typeof NaN === ‘number’   /

读《JavaScript语言精粹》笔记

一.一些写代码的注意事项 1.parseInt 的使用 因为在八进制中,8和9不是数字,所以 parseInt("08") parseInt("09") 都会产生0作为结果,会导致程序解析时间和日期出现错误.所以建议使用parseInt将10传入. parseInt("08", 10) 的结果为8 2.当使用for in 循环时,最好加上 for (myvar in obj) { if (obj.hasOwnProperty(myvar)) {

学习javascript语言精粹的笔记

1.枚举: 用for in 语句来遍历一个对象中所有的属性名,该枚举过程将会列出所有的属性也包括涵数和方法,如果我们想过滤掉那些不想要的值,最为常用的过滤器为hasOwnProperty方法,以及使用的typeof来排除, var name; for(name in another_stooge){ if(typeof another_stooge[name] !== "function"){ document.writeln(name + ":" + anothe

javascript 语言精粹 笔记推荐。。

http://www.cnblogs.com/Cohlint/archive/2012/11/26/2788790.html 这篇javascript 语言精粹 学习笔记不错..不过看上去就是读书笔记,没有深入研究某个点..比如闭包..我还是不懂噢.. 比如17条:“add_the_handles 函数目的是给每个时间处理器一个唯一值(i).它未能达到目的是因为事件处理器函数绑定了变量i,而不是函数在构造时的变量i的值.” 这是原书的翻译过来的理解,但是感觉还是很艰涩,不太理解. 闭包这个变量作