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篇] 从SQL语句的角度 提高数据库的访问性能

    原文:走向DBA[MSSQL篇] 从SQL语句的角度 提高数据库的访问性能 最近公司来一个非常虎的dba  10几年的经验 这里就称之为蔡老师吧 在征得我们蔡老同意的前提下  我们来分享一下蔡老给我们 ...

  2. 新秀翻译（两）——使用Java通用配置模板方法模式

    假设你发现你已经非常重码,你可能会考虑使用模板的方法来消除easy重复错误代码.下面是一个示例:以下两类,他完成了几乎相同的功能: 实例化并初始化一个Reader来读取CSV文件. 读取每一行并解析: ...

  3. CentOS7 安装zookeeper

    本章介绍CentOS的初始配置与zookeeper的安装. www.apache.org/dist/上可以下载Hadoop整个生态环境的组件,我下的Zookeeper3.4.6版本 我一般都是在一个虚 ...

  4. ASP.NET Identity 身份验证和基于角色的授权

    ASP.NET Identity 身份验证和基于角色的授权 阅读目录 探索身份验证与授权 使用ASP.NET Identity 身份验证 使用角色进行授权 初始化数据,Seeding 数据库 小结 在 ...

  5. [.Net Tools] 超強大的封裝工具 Advanced Installer

    原文:[.Net Tools] 超强大的封装工具Advanced Installer 日前在网路上晃到这家公司的产品http://www.advancedinstaller.com/,就直接下载并且安 ...

  6. 【IOS 开发】Object－C 入门 Xcode 环境具体解释

    作者 : 韩曙亮 转载请注明出处 : http://blog.csdn.net/shulianghan/article/details/38424965 一. Xcode 环境安装 与 project ...

  7. jQuery表格排序总成-tablesorter

    一个.进口单证 <script type="text/javascript" src="js/jquery.js"></script> ...

  8. 有效的XML: DTD（文档类型定义）介绍(转)

    文档类型定义和命名空间 有效(Valid)的XML文档: 首先,XML文档是个格式正规的(Well-formed)XML文档:(见格式正规的XML:语法 属性 实体 处理指令 样式单 CDATA节). ...

  9. JavaEE(4) - JMS实现企业PTP消息处理

    1. 在Weblogic服务器上配置PTP消息目的 配置持久化: Services-->Persistence Stores-->New(Create FileStore, Create ...

  10. 华为OJ: 公共字符串计算

    有几个需要注意的地方,这个问题是不是大写和小写之间的区别.这样你就输入字符串大写或小写转换的计算前. 第二个,定要清晰.先将s1从[i]处開始与s2的[j]開始匹配,不相等则j++直到j等于s2.le ...