js 面向对象方法初整理

Posted 2020-07-31 小时光

 <script>
     function f1(){
         alert(1);
     }
 
     function f2(){
         alert(2);
     }
     var func = "";
     function f(id){
         if(id%2 == 0){
             func = f1;//将F1指针指向对应的函数
         }else{
             func = f2;
         }
         func();//调用相应的方法
     }
     f(0);
 </script>

<script>
    var anim = function(){}
    anim.start = function(){//定义类属性
        alert("start");
    }
    调用方法：anim.start();
    anim.prototype.stop = function(){//对象属性
        alert("stop");
    }
    调用方法：var aa = new anim();
                aa.stop();        
</script>    

<input type="text" value="dfas" id="input1" />
<span id="hello">hello myworld</span>
<script>
    $.extend({//定义jquery的扩展方法(将该方法合并到jquery的全局对象中去)
        sayHello:function(){
            alert("hello world!");
        },
        min: function(a, b) { 
            return a < b ? a : b; 
        },
        max: function(a, b) {
            return a > b ? a : b; 
        }
    })
    调用方法：var hello = $.sayHello();
                 alert(jQuery.min(2,3));  //2
                 alert(jQuery.max(4,3));  //4


    var settings = { validate: false, limit: 5, name: "foo" };
    var options = { validate: true, name: "bar" };
    $.extend(settings, options);//用一个或多个其他对象(options对象)来扩展一个对象（settings对象），返回被扩展的对象
    console.log(settings);

    $.fn.extend({   //对jQuery.prototype进行扩展 （方法1）      
         alertWhileClick:function() {            
        $(this).click(function(){                 
            alert($(this).val());           
        });           
      }       
    });
    $("#input1").alertWhileClick();


    $.prototype.sayHellow = function(){ //对jQuery.prototype进行扩展 （方法2）
    $(this).click(function(){
        alert("hello myworld");
    })
    }
    $("#hello").sayHellow();

　　String.prototype.trim = function() {  //清除两边空格
    　　return this.replace(/(^\s*)|(\s*$)/g, ‘‘);  
　　}; 
　　var str = “ hello world  ”;
　　str = str.trim();
　　console.log(str);
</script>       

如果本文有不对的地方，请指教