1.函数作为参数进行传递

function a(str,fun){

	 console.log(fun(str))

};

function up(str){

    return str.toUpperCase();

};

function down(str){

    return str.toLowerCase();

};

a('Hello,World !',up) //HELLO,WORLD !

a('Hello,World !',down) //hello,world !

2.面向对象常用写法

1.模式

var Circle=function(r){

        this.r=r;

}

Circle.PI = 3.14159;

Circle.prototype={

    area:function(){

        return this.r*this.r*Circle.PI;

    }

}

var obj=new Circle(1.0);

alert(obj.area())

第1中写法扩展小实例

var show={

        btn:$('.div1'),

        init:function(){

            var that=this;

            alert(this);

            this.btn.click(function(){

                    that.change();

                    alert(this);

                })

        },

        change:function(){

            this.btn.css({'background':'green'});

        }

    }

    show.init();

2.JSON写法

var Circle={

   "PI":3.14159,

 "area":function(r){

          return this.PI * r * r;

        }

};

alert( Circle.area(1.0) );

3.比较正规的写法

function Circle(r) {

      this.r = r;

}

Circle.PI = 3.14159;

Circle.prototype.area = function() {

  return Circle.PI * this.r * this.r;

}

var c = new Circle(1.0);

alert(c.area());

3.实例

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>新建网页 1</title>

<mce:script type=text/javascript><!--

 var person=function(name,age){//定义对象构造方法

  this.name=name;

  this.age=age;

 }

 person.prototype={ //封装方法

  getName:function(){

   alert(this.name);

  },

  getAge:function(){

   alert(this.age);

  }

 } 

 function test(){//声明调用

  var man=new person('jack',12);

  man.getName()

  man.getAge()

 } 

 var test2 ={ //类似静态方法 调用直接：test2.te();即可

  te:function(){

   alert();

  },

  te1:function(){

   alert();

  }

 }

// --></mce:script>

</head>

<body>

 <input type=button onclick="test()"/>

</body>

</html>

4.混合模式

function createPerson(name,age){//构造函数加属性（属性都是不一样的所有放到属性里面写）

    this.name = name;

    this.age = age;

}

/*createPerson.prototype.showName = function(){//原型加方法

    console.log(this.name)

};

createPerson.prototype.showAge = function () {//原型加方法（方法都是一样的所以放到原型里写）

    console.log(this.age);

};*/

createPerson.prototype={

    showName:function(){

        console.log(this.name);

    },

    showAge:function(){

        console.log(this.age);

    }

};

var person1 = new createPerson('sunny','12');

var person2 = new createPerson('rain','24');

person1.showName();//sunny

person1.showAge();//

person2.showName();//rain

person2.showAge();//

console.log(person1.showName)//function(){console.log(this.name);}
console.log(person2.showName)//function(){console.log(this.name);}
console.log(person1.showName==person2.showName)//这回事同一个根函数

js面向对象学习总结的更多相关文章

  1. js面向对象学习 - 对象概念及创建对象

    原文地址:js面向对象学习笔记 一.对象概念 对象是什么?对象是“无序属性的集合,其属性可以包括基本值,对象或者函数”.也就是一组名值对的无序集合. 对象的特性(不可直接访问),也就是属性包含两种,数 ...

  2. js面向对象学习

    纯属笔记,加强记忆,不是教程,欢迎纠错,没有逻辑,不太适合学习使用. -------------- 继承多态等太多概念难以理解,还是从实践中慢慢学吧!争取能大致看懂网上的开源的代码. -------- ...

  3. js面向对象学习笔记（五）：tab切换

    重点是this指向问题 <style> .hide{display: none;} #box div,#box1 div{display: none;} .hover{background ...

  4. js面向对象学习笔记

    1.函数的定义方式 第一种定义方式 function fn1() { alert("fn1"); } alert(fn) 函数就是一个特殊的对象,是一个Function类的实例,其 ...

  5. js面向对象学习笔记（三）：原型

    //原型:改写对象下面公用的方法或者属性,让公用的方法或者属性在内存中只存在一份(提高性能)//原型:prototype :要写在构造函数的下面var arr =[1,2,3,4,5];var arr ...

  6. js面向对象学习笔记（四）：对象的混合写法

    //对象的混合写法//1.构造函数function 构造函数() { this.属性}构造函数.原型.方法 = function () {};//调用var 对象1 = new 构造函数();对象1. ...

  7. js面向对象学习笔记（二）：工厂方式:封装函数

    //工厂方式:封装函数function test(name) { var obj = new Object(); obj.name = name; obj.sayName = function () ...

  8. js面向对象学习笔记（一）：创建空对象，理解this指向

    var obj = new Object();//创建一个空对象 obj.name = '小王';//属性 obj.sayName = function () { //对象方法 对象最重要的是this ...

  9. 从 prototype.js 深入学习 javascript 的面向对象特性

    从 prototype.js 深入学习 javascript 的面向对象特性 js是一门很强大的语言,灵活,方便. 目前我接触到的语言当中,从语法角度上讲,只有 Ruby 比它更爽. 不过我接触的动态 ...

随机推荐

  1. 走向DBA[MSSQL篇] 面试官最喜欢的问题 ----索引+C#面试题客串

    原文:走向DBA[MSSQL篇] 面试官最喜欢的问题 ----索引+C#面试题客串 对大量数据进行查询时,可以应用到索引技术.索引是一种特殊类型的数据库对象,它保存着数据表中一列或者多列的排序结果,有 ...

  2. [ACM] ZOJ 3816 Generalized Palindromic Number （DFS，暴力枚举）

    Generalized Palindromic Number Time Limit: 2 Seconds      Memory Limit: 65536 KB A number that will ...

  3. [SignalR]初步认识以及安装

    原文:[SignalR]初步认识以及安装 1.什么是ASP.NET SignalR? ASP .NET SignalR是一个 ASP .NET 下的类库,可以在ASP .NET 的Web项目中实现实时 ...

  4. jsoup分解HTML DOM

    采用jsoup 分解HTML .使用和JS操作DOM分类似. 示例代码: import java.io.IOException; import org.jsoup.Jsoup; import org. ...

  5. atitit.为什么技术的选择方法java超过.net有前途

    atitit.为什么技术的选择方法java超过.net有前途 #----有没有法律依据不同的铜需求... 通常有开发效率,需要在稳定性.. 笔者 老哇爪 Attilax 艾龙,  EMAIL:1466 ...

  6. Java的结构之美【1】——构造对象

    当我们遇到多个构造器參数的时候可能会想到用构件器,代码例如以下: /** * 构建器 * @author 阳光小强 * */ public class Lunch { private String c ...

  7. 每天收获一点点------Hadoop之初始MapReduce

    一.神马是高大上的MapReduce MapReduce是Google的一项重要技术,它首先是一个编程模型,用以进行大数据量的计算.对于大数据量的计算,通常采用的处理手法就是并行计算.但对许多开发者来 ...

  8. SQLServer-----使用jTDS连接SQLServer数据库

    一.jTDS一个简短的引论 jTDS100%纯Java实现的JDBC3.0驱动,它用于连接 Microsoft SQL Server(6.5.7.2000,2005,2008 和 2012)和Syba ...

  9. ORACLE 根据上表不同的字段值的统计

    select p.id comperitorId,p.compcorp competitorName, sum(case when c.kindname = 'ATM' then c.num else ...

  10. 如何解决FormView中实现DropDownList连动选择时出现 "Eval()、XPath() 和 Bind() 这类数据绑定方法只能在数据绑定控件的上下文中使用" 的错误

    原文:如何解决FormView中实现DropDownList连动选择时出现 "Eval().XPath() 和 Bind() 这类数据绑定方法只能在数据绑定控件的上下文中使用" 的 ...