<html>

<body>

<script type="text/javascript">

//闭包实现了函数层面多个子函数共享父类函数的属性、方法（继承）。类层面上原型实现了多个子类对象共享父类对象的属性、方法（继承）。

//函数每调用一次，就会开启一个新的内存区域让函数执行。类的成员方法也是，每调用一次就开辟一个新的内存区域。

function f1(){

    var b = ;

    var c = function(){alert();}

    return function(g){

        b++;

        if(g == ){

            c = function(){alert(b);alert();}

        }

        c();

    }

}

var d1 = f1();//大函数return函数模版，函数模版多次执行时地址不一样，

alert("===");

d1();//

alert("---");

d1();//3  456,改变了大函数的c

alert("+++");

d1();//4  456，使用改变了的c

var d2 = f1();//大函数return函数模版，函数模版多次执行时地址不一样，

alert("===");

d2();//

alert("---");

d2();//3  456,改变了大函数的c

alert("+++");

d2();//4  456，使用改变了的c

</script>

</body>

</html>
        var cat = (function(){//函数嵌套，就是类中类，

            //私有静态属性

            var AGE = 10;

            //私有函数

            function add(x,y){

                return x+y;

            }

            return function(){

                //多个子类，使用外层闭包的公有的属性和方法

                this.age = ++AGE;

                this.add = function(x,y){

                    //alert(age);//age is not defined

                    return add(x,y)

                }

                this.setAge = function(age){

                    AGE = age;

                }

            }

        })()

        alert(new cat().add(1,2));//3，new的时候函数会执行一次

        alert(new cat().age);//12

        new cat().setAge(100);

        alert(new cat().age);//
function Person(name , age){

            this.name = name ;

            this.age  = age ;

            this.sayName = function(){alert('我是姓名!')};//sayName指的是函数模型，不同对象的成员方法执行都会开辟新内存区域，

        }

var p1 = new Person('z3',);

var p2 = new Person('z4',);

alert(p1.sayName == p2.sayName);     // false

var定义的属性和方法相当于是私有的属性和方法，不同函数对象的方法的地址是不一样的。

js12---闭包，原型，继承的更多相关文章

  1. 【09-23】js原型继承学习笔记

    js原型继承学习笔记 function funcA(){ this.a="prototype a"; } var b=new funcA(); b.a="object a ...

  2. JS面向对象（2） -- this的使用，对象之间的赋值，for...in语句，delete使用，成员方法，json对象的使用，prototype的使用，原型继承与原型链

    相关链接: JS面向对象(1) -- 简介,入门,系统常用类,自定义类,constructor,typeof,instanceof,对象在内存中的表现形式 JS面向对象(2) -- this的使用,对 ...

  3. inheritprototype原型继承封装及综合继承最简实例

    1.inheritprototype.js ;(function(){    var s = {        inheritObject:function(o){//对象继承封装           ...

  4. 理解javascript的闭包,原型,和匿名函数及IIFE

    理解javascript的闭包,原型,和匿名函数(自己总结) 一 .>关于闭包 理解闭包 需要的知识1.变量的作用域 例1: var n =99; //建立函数外的全局变量 function r ...

  5. JavaScript-原型&原型链&原型继承

    JavaScript-原型&原型链&原型继承 JavaScript的原型是一个重要的知识点,很多扩展应用都是从原型出发的.要说原型,我们先简单说一下函数创建过程.上一篇文章用闭包实现类 ...

  6. javaScript的原型继承与多态性

    1.prototype 我们可以简单的把prototype看做是一个模版,新创建的自定义对象都是这个模版(prototype)的一个拷贝 (实际上不是拷贝而是链接,只不过这种链接是不可见,给人们的感觉 ...

  7. JS继承之原型继承

     许多OO语言都支持两种继承方式:接口继承和实现继承.接口继承只继承方法签名,而实现继承则继承实际的方法.如前所述,由于函数没有签名,在ECMAScript中无法实现接口继承.ECMAScript只支 ...

  8. JS原型继承和类式继承

    前言 一个多月前,卤煮读了一篇翻译过来的外国人写的技术博客.此君在博客中将js中的类(构造)继承和原型继承做了一些比较,并且得出了结论:建议诸位在开发是用原型继承.文中提到了各种原型继承的优点,详细的 ...

  9. 高级javascript---原型和原型继承

    高级javascript---原型和原型继承 在 JavaScript 中,prototype 是函数的一个属性,同时也是由构造函数创建的对象的一个属性. 函数的原型为对象. 它主要在函数用作构造函数 ...

  10. web前端学习(二) javascript对象和原型继承

    目录 1. JavaScrpt对象 2. 原型对象和继承 3. 对象的克隆 (1)javascript对象 在JS中,对象是属性的容器.对于单个对象来说,都由属性名和属性值构成:其中属性名需要是标识符 ...

随机推荐

  1. ECNUOJ 2147 字符环

    字符环 Time Limit:1000MS Memory Limit:65536KBTotal Submit:562 Accepted:146 Description  字符环:就是将给定的一个字符串 ...

  2. Android布局文件的载入过程分析:Activity.setContentView()源代码分析

    大家都知道在Activity的onCreate()中调用Activity.setContent()方法能够载入布局文件以设置该Activity的显示界面.本文将从setContentView()的源代 ...

  3. 【AHOI2013】【BZOJ3238】差异

    Description Input 一行,一个字符串S Output 一行.一个整数.表示所求值 Sample Input cacao Sample Output 54 HINT 2<=N< ...

  4. 在Mac OS X上安装使用lazarus 1.6.4

    一直觉得delphi的OO做得比C++还完善, 但如今日落西真是让人感到唏嘘,  这并不意味着delphi比C++差, 它的创始人被微软挖墙脚后创造了C#系列开发工具, 设计理念大部分与Delphi相 ...

  5. ControlDesigner

    GetHitTest https://stackoverflow.com/questions/7762397/how-do-i-click-a-usercontrols-child-in-design ...

  6. aui-dialog改造，支持关闭

    1.打开aui-dialog.js 添加关闭html代码 var headerHtml = params.title ? '<div class="aui-dialog-header ...

  7. 27.AngularJS 下载地址

    转自:https://www.cnblogs.com/best/tag/Angular/ 各个 angular.js 版本下载: https://github.com/angular/angular. ...

  8. 二分法查找 js 算法

    二分法查找算法:采用二分法查找时,数据需是排好序的.主要思想是:(设查找的数组区间为array[s, e])(1)确定该区间的中间位置m(2)将查找的值T与array[m]比较,若相等,查找成功返回此 ...

  9. How Javascript works (Javascript工作原理) (十三) CSS 和 JS 动画底层原理及如何优化其性能

    个人总结:读完这篇文章需要20分钟. 这是 JavaScript 工作原理的第十三章. 概述 正如你所知,动画在创建令人叹服的网络应用中扮演着一个关键角色.由于用户越来越注重用户体验,商户开始意识到完 ...

  10. tensorflow学习之路---简单的代码

    import numpyimport tensorflow as tf #自己创建的数据x_data = numpy.random.rand(100).astype(numpy.float32)#创建 ...