<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. 【Educational Codeforces Round 37 A】 Water The Garden

    [链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] 记录下水龙头在哪些位置. 然后每秒钟把index-i和index+i改变状态一下就好(置1 [代码] #include <bi ...

  2. 【Codeforces Round #422 (Div. 2) B】Crossword solving

    [题目链接]:http://codeforces.com/contest/822/problem/B [题意] 让你用s去匹配t,问你最少需要修改s中的多少个字符; 才能在t中匹配到s; [题解] O ...

  3. 转载-- Qt Creator编译时make： arm-linux-g++: command not found 错误！

    前提是已经配置好交叉编译器,但是qt creator找不到. 解决方法: 修改 /usr/local/Trolltech/QtEmbedded-4.7.0-arm/mkspecs/qws/linux- ...

  4. Android 中图能够用到的图片处理类 BitmapUtils

    Android在实际开发中非常多时候都要对图片进行一定的处理,这里总结的BitmapUtils 类包含一下几个功能: 1.Android图片倒影, 2.Android图片模糊处理, 3.Android ...

  5. 启动springboot

    新建一个springboot项目,idea的做法:一般直接next就行 填写项目使用到的技术,上面的Spring Boot版本建议选择最新的稳定版,主要勾选上Web就可以了,如下图: 新建之后< ...

  6. 35.QQ大数据模型

    #define _CRT_SECURE_NO_WARNINGS #include <stdio.h> #include <stdlib.h> #include <stri ...

  7. hight charts

    hight charts http://www.hcharts.cn/resource/index.php http://www.hcharts.cn/api/index.php

  8. HTML5新增的一些特性

    HTML现在已经不是SGML的子集,主要是关于图像,位置,储存,多任务等功能的增加. .绘画canvas: .用于媒介回放的video: Ogg是带有Theora视频编码和Vorbis音频编码的文件: ...

  9. ES6第一节：开发环境的搭建

    前言:由于目前浏览器对ES6的支持度不高,需要借助babel将编写好的ES6代码转换成ES5,浏览器才能解析. 需要在NodeJS环境下运行 一. 建立结构:两个文件夹和一个html文件,分别是src ...

  10. CSS2.1（布局）

    浏览器内核 Firefox : geckoIE: tirdentSafari: webkitChrome: 一开始使用webkit 后来基于webkit开发了Blinkopera: 一开始使用pres ...