开心菜鸟学习系列-----javascript(2)

    最小全局变量 :
        1)每个javascript环境有一个全局对象,当你在任意的函数外面使用this的时候可以访问到,你创建的每一个全部变量都成了这个全局对象的属性,在浏览器中,方便起见,该全局对象有一个附加属性叫做window,此window(通常)指向该全局对象本身,下面的代码片段显示了如何在浏览器环境,中创建和访问的全局变量
        myglobal = 'hello';   //不推荐写法
        console.info(window.myglobal); //hello
        console.info(window['myglobal']);  //hello
        console.info(myglobal);  //hello
        console.info(this.myglobal);   //hello
        2)全局变量的问题:
            全局变量的问题在于,你的JavaScript应用程序和web页面上的所有代码都共享了这些全局变量,他们住在同一个全局命名空间,所以当程序的两个不同部分定义同名但不同作用的全局变量的时候,命名冲突在所难免。
            function test()
            {
               
                var a = b = 0; //不要这样写,因为b会当成隐式全局变量;
            }
        3)忘记Var的副作用
            (1)通过var创建的全局变量(任何函数之外的程序中创建)是不能被删除的。
            (2)无var创建的隐式全局变量(无视是否在函数中创建)是能被删除的。
            例:
                var a= 'song';
                delete a ;  //不可以删除
                b = 'aaa';
                delete b;   //可以删除,已经不存在了
                console.info(a);
                console.info(b);  
            总结:                          
             这表明,在技术上,隐式全局变量并不是真正的全局变量,但它们是全局对象的属性。属性是可以通过delete操作符删除的,而变量是不能的:
         4) 访问全局对象
             这种方法可以随时获得全局对象,因为其在函数中被当做函数调用了(不是通过new构造),this总 是指向全局对象。实际上这个病不适用于ECMAScript 5严格模式,所以,在严格模式下时,你必须采取不同的形式。例如,你正在开发一个JavaScript库,你可以将你的代码包裹在一个即时函数中,然后从 全局作用域中,传递一个引用指向this作为你即时函数的参数。
         5)单var形式
             (1) 提供了一个单一的地方去寻找功能所需要的所有局部变量
             (2) 防止变量在定义之前使用的逻辑错误
             (3)帮助你记住声明的全局变量,因此较少了全局变量//zxx:此处我自己是有点晕乎的…
             (4)少代码(类型啊传值啊单线完成)
             例:
             var a = 'sogn',
             age = '32l',
             sex = 'man';
         总结:
             您可以使用一个var语句声明多个变量,并以逗号分隔。像这种初始化变量同时初始化值的做法是很好的。这样子可以防止逻辑错误(所有未初始化但声明的变量的初始值是undefined)和增加代码的可读性。在你看到代码后,你可以根据初始化的值知道这些变量大致的用途,例如是要当作对象呢还是当作整数来使

        6)var散布的问题:
            (1)当你使用一个变量,然后不久在函数中又重新声明的话.就可能产生逻辑错误,对于javascript,只要在你的变量是在同一个作用域中,它都被当做是声明的.即使是它在Var声明前使用的时候,看下面
             例:
            name = 'songxiiuxuan';
            test();
            function test()
            {
                alert(name);
                var name = 'kaixin';
                alert(name); 
            } 
        总结:
            为了完整,我们再提一提执行层面的稍微复杂点的东西。代码处理分两个阶段,第一阶段是变量,函数声明,以及正常格式的参数创建,这是一个解析和进入上下文 的阶段。第二个阶段是代码执行,函数表达式和不合格的标识符(为声明的变量)被创建。但是,出于实用的目的,我们就采用了”hoisting”这个概念, 这种ECMAScript标准中并未定义,通常用来描述行为
        7)有一种表达式 (并不常用)
            (function (){}) //用(这里包含的只能是表达式,不可以是流程语句)
        8)函数表达式出现的场所:
        函数声明只能出现在程序或函数体内。从句法上讲,它们 不能出现在Block(块)({ ... })中,例如不能出现在 if、while 或 for 语句中。因为 Block(块) 中只能包含Statement语句, 而不能包含函数声明这样的源元素。另一方面,仔细看一看规则也会发现,唯一可能让表达式出现在Block(块)中情形,就是让它作为表达式语句的一部分。但是,规范明确规定了表达式语句不能以关键字function开头。而这实际上就是说,函数表达式同样也不能出现在Statement语句或Block(块)中(因为Block(块)就是由Statement语句构成的)。
        9)module模式:
        (function(){
            // .. 所有的变量和function 都在这里声明,并且作用域也只能在这个圈子闭包里 .  
            //... 但是这里的代码依然可以访问外部全局的对象
        }();
        //先说一下,new一下,也就是说每个实例在内在里都有一份copy,
       // 如果我们用匿名的函数表达式,这样的话,只会在内存中一份表达式
          var ceshiModule =  (function (my){   
                my.addKaixin = function ()   //这个可以被外面访问到
                {
                    console.info('songxixuan');
                }
                return my;
          }(ceshiModule || {}))   // var ceshiModule || {}  // 松耦合扩展
         
          10):原型继承;
              var kaixin = function ()
              {
                    
              }
          (1)原型使用方法1.
              kaixin.prototype.bar = function ()
              {
                 console.info('songxiuxuan');
              }
          (2)原型使用方法2.
              kaixin.prototype = {
                  console.info('this is kaixin');   
              }
          (3)原型常用方法:
      constructor:
           对创建对象的函数的引用(指针)。对于 Object 对象,该指针指向原始的 Object() 函数。
      Prototype:
            对该对象的对象原型的引用。对于所有的对象,它默认返回 Object 对象的一个实例。
      hasOwnProperty(property)
            判断对象是否有某个特定的属性。必须用字符串指定该属性。(例如,o.hasOwnProperty("name"))
    IsPrototypeOf(object)
            判断该对象是否为另一个对象的原型。
    PropertyIsEnumerable
            判断给定的属性是否可以用 for...in 语句进行枚举。
    ToString()
            返回对象的原始字符串表示。对于 Object 对象,ECMA-262 没有定义这个值,所以不同的 ECMAScript 实现具有不同的值。
    ValueOf()
            返回最适合该对象的原始值。对于许多对象,该方法返回的值都与 ToString() 的返回值相同
         
          (1)instanceof
            childObj instanceof parentObj
            这个是判断对象是否继承父类继承
          (2)in
          '变量名称' in 对象
          检查一下变量名称是否是对象的属性和方法 ,这个并不是只查找当前的对象,还会向上继续查找.会去原型链去查找
          (3)hasOwnProperty();
          这个方法是只查找当前对象的属性的一个方法,并不会去查找原型链上的属性或者方法
          obj.hasOwnProperty('bar');
          (4)
          //但是当前的方法,可以被别人使用
          var foo = {
            'hasOwnProperty' :function ()
             {
                return false;  
             },
             'bar':'song'
          }
          //如果还是按照以前的方法去调用的话,只会返回false
          Object.hasOwnProPerty('bar');     //所以就要用这个方法
          (4)原型继承:
          var oTest = function ()
          {
          }
          //继承oKaixin这个方法
          //继承的时候,他们去找,去启用方法的时候,是先在自己类中去查找方法,
          //然后在向上他的父级去查找,如果没有,就去查询Object是否有方法
          //是先检查自己然后在去向上逐一的查找.
          oTest.prototype = new oKaixin();

          //继承oKaixin的原型方法
          oTest.prototype = oKaixin.prototype;
  js解决json
   var obj = str.parseJSON(); //由JSON字符串转换为JSON对象
    或者
   var obj = JSON.parse(str); //由JSON字符串转换为JSON对象
   var last=obj.toJSONString(); //将JSON对象转化为JSON字符
    或者
   var last=JSON.stringify(obj); //将JSON对象转化为JSON字符


 

posted @ 2013-11-09 14:40  开心菜鸟  阅读(163)  评论(0编辑  收藏  举报