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篇] 积跬步行千里

    原文:走向DBA[MSSQL篇] 积跬步行千里 不知道大家对SQL系列的感不感兴趣 先在这里探个路 本文针对的读者为SQL菜鸟 欢迎大牛驳论或者补充 既然是探路篇 就先说下数据过滤中的偏门匹配 希望能 ...

  2. 观察者模式（observer行为）c#简单的例子

    观察者模式(observer行为)c#简单的例子 几点:模式使观察目标和实现松耦合之间的依赖关系.通知会传播自己主动 样本:玩家击中后发生一系列变化的敌人:后发爆炸.敌人少1一个.... namesp ...

  3. Scan IP relocate/failover其它段后不能ping通过

    或手动集群重启单个节点srvctl relocate scan_listener后.群集网络段ping IP,VIP.SCAN IP正常.其他段ping SCAN IP 不通.其原因是,该路由ARP表 ...

  4. java 它 引用（基本类型的包装，构造函数和析构函数c++不同）

      一个:java 和c++参考控制 他提到引用,我们会想到java它不喜欢c++里面的指针.当然java内引用和c++里面的引用是不同的. 比如: 比方C++中,我对某一个函数的声明.int a(i ...

  5. FZU 2082 过路费(树链剖分）

    FZU 2082 过路费 题目链接 树链抛分改动边的模板题 代码: #include <cstdio> #include <cstring> #include <vect ...

  6. async和await关键字实现异步编程

    async和await关键字实现异步编程 异步编程   概念 异步编程核心为异步操作,该操作一旦启动将在一段时间内完成.所谓异步,关键是实现了两点:(1)正在执行的此操作,不会阻塞原来的线程(2)一旦 ...

  7. React.js终探（七）(完)

    我们在前面介绍了组件的各种特性,这一节我们来说说多组件的情况. 在实际开发中,我们的组件难免会遇到有公共部分的情况,如果是个别情况还好,但如果数量比较多的话,那这时候,就需要公用了. 怎么公用呢? R ...

  8. 乐视TV2015校园招聘A第二个大的发行量（of中国Academy科学大学站）

    标题叙述性说明:鉴于阵列A,尺寸n,数组元素1至n数字.但是一些数字多次出现.有些数字不出现.请设计算法和程序,统计数据不会出现什么.什么号码多次出现.在O(n)时间复杂度,O(1)在完成它的空间复杂 ...

  9. ASP.NET 5 (vNext)

    ASP.NET 5 (vNext) 理解和入门   概述 ASP.NET 5 (又称为vNext) 是自ASP.NET产生15年以来一次革命性的更新, 我们可以从以下几点来理解其概貌和意义: ASP. ...

  10. .NET中IDisposable接口的基本使用

    首先来看MSDN中关于这个接口的说明: [ComVisible(true)] public interface IDisposable { // Methods void Dispose(); } 1 ...