js 面向对象方法初整理

 <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>       

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

时间: 2024-10-31 00:11:40

js 面向对象方法初整理的相关文章

JS面向对象方法(二) 面向对象方法实现橱窗式图面预览以及放大功能

 效果图: HTML结构如下: <div id="preview"> <div id="mediumDiv"> <img id="mImg" src="images/products/product-s1-m.jpg"/> <div id="mask"></div> <div id="superMask"></

JS字符串方法总结整理

//javascript字符串方法总结 1.String.charAt(n)      //取得字符串中的第n个字符 2.String.charCodeAt(n)  //取得字符串中第n个字符的Unicode编码 3.String.concat(str1,str2,....)   //用于连接多个字符串,但是 + 更加简单易用 4.String.fromCharCode(Unicode_1,Unicode_2,.....)     //从Unicode字符编码来创建字符串,返回创建好的字符串.

js面向对象初步探究(上) js面向对象的5种写方法

很长一段时间看网上大神的JS代码特别吃力,那种面向对象的写法方式让人看得云里来雾里去.于是就研究了一下JS面向对象,由于是初学,就将自己在网上找到的资料整理一下,作为记忆. js面向对象的5种写方法:(来自http://www.iteye.com/topic/434462) 首先 定义circle类,拥有成员变量r,常量PI和计算面积的成员函数area(): //第1种写法 function Circle(r) { this.r = r; } Circle.PI = 3.14159; Circl

js面向对象编程:如何实现方法重载

js中如何实现方法重载?这涉及到三个问题 1同名函数的调用问题 2函数中特殊的参数arguments 3如何利用arguments实现方法重载 1同名函数的调用问题 都知道在js中如果存在多个名称相同的函数,则调用实际每次都只使用最后一个,js其实是没有重载的,也就是说,如果定义了多个同名的函数,单参数不一样,在调用时,js不管参数个数,只管前后顺序 例如: function test1(arg1) { alert("参数1:"+arg1); } function test1(arg1

JS面向对象(3) -- Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法

相关链接: JS面向对象(1) -- 简介,入门,系统常用类,自定义类,constructor,typeof,instanceof,对象在内存中的表现形式 JS面向对象(2) -- this的使用,对象之间的赋值,for...in语句,delete使用,成员方法,json对象的使用,prototype的使用,原型继承与原型链 JS面向对象(3) -- Object类,静态属性,闭包,私有属性, call和apply的使用,继承的三种实现方法 1.Object类 在JS中,Object是所有类的基

关于 JS 面向对象继承属性和方法的小例子

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1>关于 JS 面向对象继承属性和方法的小例子</h1> </body> </html> <script> //人的构造函

js 面向对象的基本概念和基本使用方法

js 面向对象的基本概念和基本使用方法 -> js 是不是一个面向对象的语言? 不是:与传统面向对象的理论语言有矛盾.C#,Java. 是:js里面到处都是对象,数组,时间,正则- 和 DOM.也可以像传统面向对象的语言那样用 new 的方式创建对象 -> js是一个基于对象的多范式编程语言. 面向过程的方式 面向对象的方式 函数式 递归与链式 例: Jquery 链式编程 面向对象的概念 对象的定义:无序属性的集合,其属性可以包含基本值,对象或是函数 1. 面向:将脸朝向- -> 关注

js面向对象+一般方法的选项卡

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

1.1 js 面向对象的基本概念和基本使用方法

js 面向对象的基本概念和基本使用方法 -> js 是不是一个面向对象的语言? 说不是:因为与传统面向对象的理论语言有矛盾.C#,Java. 说是:因为js里面到处都是对象,数组,时间,正则- 和 DOM.也可以像传统面向对象的语言那样用 new 的方式创建对象 -> 其实js是一个基于对象的多范式编程语言.  面向过程的方式 面向对象的方式 函数式 递归与链式 例: Jquery 链式编程 面向对象的概念 对象的定义:无序属性的集合,其属性可以包含基本值,对象或是函数 1. 面向:将脸朝向-