zoukankan      html  css  js  c++  java
  • Javascript的精华

    一.语法

    JS只有一个数字类型,64位浮点数,所以11.0是相同的。为什么这么设计:防止短整型的溢出。

    二.对象

    1.通常将一个对象的值赋给另一个变量的赋值方法

    if(car.name!=null){
        a=car.name;  
    }else{
        a='unknown';
    }

    小技巧(给默认值):

    a=car.name||"unknown";

     2.尝试从一个对象的属性中取值

    通常

    if(car!=undefined){
       a=car.age;
    } 
           

    小技巧:

    a=car&&car.age;

    3.枚举属性

    通常我们会简单的使用for in

    var name;
    for(name in  car ){
       ...
    }

    这样的后果就是遍历出来的属性你可能无法预知,会遍历到原型上的属性

    小技巧:不适用for in,取而代之用for循环

    复制代码
    var properties=[
         'name',
         'status',
          'useTime'
    ];
    
    for(var i=0;i<properties.length;i++){
        car[properties[i]]  ...
    }
    复制代码

    4.删除属性

    这个东西估计很少有人会使用到,但是存在既有道理,我就遇到过一个场景,在使用一个第三方的类库的时候,类库提供的方法创建的对象有我不需要的属性,而我要将这个对象转化为JSON格式的字符串,这个时候删除属性这个功能尤其的强大。

    Delete car.name ;

    三.函数

    1.调用

    JS中有4种调用方式

    • 方法调用模式
    • 函数调用模式
    • 构造器调用模式
    • apply调用模式

    四种模式的差异在于 this指向

    方法调用模式很好理解,我们写C#定义一个类CAR,给CAR定义一个方法RUN,这个时候实例化一个对象 jeep ,那么方法调用就是 jeep.RUN();

    JS中同样如此  

    复制代码
    var jeep ={
        run:function(){
         ...
        }
    };
    
    
    jeep.run();
    复制代码

    this的指向为调用的对象。

    函数调用模式,如下add2函数被调用的方式,直接写函数名

    复制代码
            function add(a, b) {
                return a + b;
            }
           var shuxue={};
           shuxue.calculate1 = function () {
                var add2 = function () {
                    this.value=this.add(3, 3);
                }
    
               add2();//函数调用模式
    
            }
            shuxue.calculate1();//方法调用模式
            document.write(shuxue.value);//undefined
    
            shuxue.calculate2 = function () {
                var that=this;
                var add2 = function () {
                    that.value=this.add(3, 3);
                }
    
                add2();//函数调用模式
    
            }
            shuxue.calculate2();//方法调用模式
            document.write(shuxue.value);//6
    复制代码

    这里的this指向有点问题,JS设计之初把它指向了全局,如果这样就会导致上面代码的异 常,代码定义了一个shuxue的对象,并给他定义了2个方法calculate1和calculate2,我们发现都同样在函数内部调用了add2函 数,add2函数内试图给对象增加一个属性

    value,calculate1的方式失败了,calculate2的方式成功了,区别在于后者把this(这时候的this是指向该函数的)给了函数的内部变量that,固定了下来,内嵌的函数使用外部函数的变量,也就是形成了闭包,前者this指向全局。

    构造器调用模式

    var Car=function(){};
    
    var jeep=new Car();  //有个约定,如果函数是用来new的,那么大写开头,以区别于一般的函数

    this指向这个new的对象

    apply调用模式

    JS是一门函数式的面向对象编程语言,所以函数可以拥有方法

    复制代码
            function add(a, b) {
            return a + b;
            }
    
            var result=add.apply(null,[3,4]);
            document.write(result);// 7
    
            function getName(){
                return this.name;
            }
    
            var car={name:'jeep'};
    
            var name=getName.apply(car);//  car并没有getName方法
            document.write(name); //  jeep
    复制代码

       this指向apply第一个参数

    2.模块

     我们知道JS很容易造成全局变量的滥用,所以JS提供了一个方法,利用闭包和和函数作用域(JS没有块级作用域ES6之前)构造模块

    复制代码
            var man=function(){
                var age=12;
                return {
                    getYear:function(){
                        return age;
                    },
                    setYear:function(n){
                        age=n;
                    }
                }
            }
    
            var peter=man();
            document.write(peter.getYear()); //12
            peter.setYear(20);
            document.write(peter.getYear());//20
            document.write(peter.age); //undefined 属性私有只能通过接口访问
    复制代码

     转自(http://www.cnblogs.com/whosedream/p/5252089.html)

    3.级联

    这个已经被广大程序猿们所喜爱了

    复制代码
        var man=function(){
                var age=12;
                return {
                    getYear:function(){
                       alert(age);
                        return this;
                    },
                    setYear:function(n){
                        age=n;
                        return this;
                    }
                }
            }
    
            var peter=man();
     
    peter.getYear().setYear(20).getYear(); //级联
    复制代码
  • 相关阅读:
    周记 2016.3.29
    Java ActiveMQ 讲解(一)理解JMS 和 ActiveMQ基本使用(转)
    聊聊架构01
    乐观锁和悲观所
    数据库锁(转)
    ActiveMQ消息的可靠性机制(转)
    DOM
    JavaScript
    CSS之background
    CSS之overflow
  • 原文地址:https://www.cnblogs.com/xuxiaoshuan/p/5264390.html
Copyright © 2011-2022 走看看