zoukankan      html  css  js  c++  java
  • 开心菜鸟学习系列-----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字符


     

  • 相关阅读:
    spring boot 打包 jar 实现第三方零配置引用
    spring boot 整合log4j2
    linux cat 模糊查询日志命令
    docker深入浅出
    docker容器为啥一定要前台运行
    李诚云原生技术分享
    k8s中对应的stateful有状态服务的讲解
    k8s networkpolicy网络策略详解
    k8s中IngressIp和egressIp的区别
    技术丨小团队微服务落地实践
  • 原文地址:https://www.cnblogs.com/kaixincainiao/p/3415621.html
Copyright © 2011-2022 走看看