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. Youtube最佳Red5 官方视频下载指南，字幕【亲测成功】

    前言 最近在研究Red5 流媒体服务框架,官网上的信息足以让一个新手入门 有官方參考手冊 -- 高速了解red5的相关信息 有Red5 on Stackoverflow  -- 在上面能够提问或者回答 ...

  2. 全自动Web后门扫描（转）

    阅读目录 工具介绍 使用方法 工具介绍 这是一款全自动Web后门查杀工具,基于Python开发 某些较新的后门可能会查杀失败 规则列表来自seay博客 回到顶部 使用方法 1.按恶意代码查杀: pyt ...

  3. avalon与双缓冲技术

    avalon与双缓冲技术 avalon1.5一个重要技术升级是引进异步渲染.异步渲染在游戏界有一个更专业的名字,叫双缓冲.游戏界要刷新界面与我们刷新浏览器视图,面临的问题是一致的.视图是由许多存在套嵌 ...

  4. Android - 错: java.lang.IllegalStateException: Already attached

    错: java.lang.IllegalStateException: Already attached 本文地址: http://blog.csdn.net/caroline_wendy 可能原因: ...

  5. Effective C++ 7

    7.预先准备足够的内存情况. new当内存分配请求无法完成,它会抛出一个异常,怎么办异常,这是一个非常现实的,绝对必要的所遇到的问题后. 于c一般使用宏来分配内存和测试分发成功.c++中产阶级似下面的 ...

  6. HDU 4932 Miaomiao&#39;s Geometry（推理）

    HDU 4932 Miaomiao's Geometry pid=4932" target="_blank" style="">题目链接 题意: ...

  7. RHEL5 X86-64上安装Oracle 11gR2演示样例与总结

    进入Oracle DBA行业也有好几年了,可是说到安装Oracle的经验,我还真不是特别多,印象中刚開始每次安装都有点磕磕碰碰,随着接触Oracle的时间越来越长,各方面的原理.机制也都有一定的了解后 ...

  8. ssh 自动登录

    工作中经常会有这样的需求场景,因为要在其它电脑上做操作, 需要从PC A ssh 到 PC B,PC A 可能是自己的工作机,PC B 可能是服务器.一般会使用 SSH 登录到 server 上再进行 ...

  9. JavaScript Date对象介绍

    原文:JavaScript Date对象介绍 Date 日期和时间对象 1. 介绍 Date对象,是操作日期和时间的对象.Date对象对日期和时间的操作只能通过方法. 2. 构造函数 2.1 new ...

  10. DbModel

    DbModel 前言 我们都知道EF可以生成Dbmodel,系统生成的Model有时候并不是我们想要的,如何我们要生成自己的Model,那么久需要我们手动的去修改T4模版,T4是对“Text Temp ...