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. 基于docker构建jenkins和svn服务(转)

    码农们很定都知道svn的重要性,机器坏掉丢代码的惨痛教训想必很多人都有. jenkins可能很多人都不了解.这是一个持续集成的工具,在敏捷开发领域很流行:跟svn结合可以实现定期build.check ...

  2. Android适配方案小结（一）

    相关计量单位介绍: px:是屏幕的像素点,不同设备显示的效果一样. in:英寸(1英寸等于2.54cm) mm:毫米 pt:磅, 1/72英寸 dp:device independent pixels ...

  3. Oracle 实现 mysql 的 find_in_set 排序！

    oracle 实现类似MYSQL的 find_in_set 排序,函数 decode: select * from tb_info_game where gameid in(23,20,19,26,1 ...

  4. ArcGIS 10 破解安装（win7 64位）

    上一周换了个win7 64位系统,昨天依照各种各样破解方法装ArcGIS10装了一天,装上之后ArcMap能用,可是装的AO sdk不能用,在VS2008里一拖就报错,确实把我给气坏了.今天早上上班, ...

  5. cuda vector addition

    http://webgpu.hwu.crhc.illinois.edu/ // MP 1 #include <wb.h> __global__ void vecAdd(float * in ...

  6. Hadoop2.3.0具体安装过程

    前言:       Hadoop实现了一个分布式文件系统(Hadoop Distributed File System),简称HDFS.HDFS有高容错性的特点,并且设计用来部署在低廉的(low-co ...

  7. Java Web整合开发(3) -- Servlet

    Servlert基本程序架构: (FirstServlet.java + web.xml) FirstServlet.java package com.helloben.servlet; import ...

  8. 接收一个IT招聘促销信息，试着想参加，有兴趣的可以携手并进，共同。

    时隆重举行! 招聘的企业: (个人认为,中智.也买酒还是非常有吸引力的) watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbHdia2Zj/font/5a6L ...

  9. QtQuick桌面应用程序开发指导 3)达到UI而功能_B 4)动态管理Note物_A

    3.2 把Page Item和Marker Item绑定 之前我们实现了PagePanel组件, 使用了三个state来切换Page组件的opacity属性; 这一步我们会使用Marker和Marke ...

  10. Android Loader使用，屏幕解锁，重复荷载

    正在使用AsyncTaskLoader时间.当手机被解锁,重复加载数据,码,如以下: static class CouponShopQueryLoader extends AsyncTaskLoade ...