`

javascript 中的对象函数闭包

阅读更多

Javascript 对象的创建

 

1.

var a=new Object();

a.x=1;a.y=2;

2.

var b={x:1,b,2}

3.

function Point (x,y){this.x=x;this.y=y}

var point=new Point(1,2); 
 

javascript 中任何合法的函数都可以作为对象的构造函数。一旦函数作为构造函数执行,它内部的 this 属性将引用对象本身

    构造函数通常没有返回值,它们只是初始化 this 传进来的对象(例如一个函数作为构造函数后,它内部的 this 属性引用了那个对象,如果对象有 x,y 等属性就可以通过 this.x this.y 来初始化它)。

    构造函数有返回值的情况:

 

function test(){

  this.name='test';

  return 1;

}

function test1(){

  this.name='test1';

  return new String("test1");

}

var a=new test();

alert(a.name);//test

alert(a);//object

var b=new test1();//

alert(b.name);//undefined

alert(b);//test1 
 

如果一个函数的返回类型为引用类型 (数组,对象或函数)的数据时当这个函数作为构造函数用 new 运算符执行构造时,构造函数体内的 this 值丢失,取而代之的是被返回的对象。

如果函数的返回值是一个值类型 ,那么这个函数作为构造函数用 new 运算执行构造时,它的返回值将被舍弃。 new 表达式的结果仍然为 this 所引用的对象。

new foo() 的执行过程可以简单的理解为:

1.        创建一个新的对象实例,并继承foo.prototype

2.       将this绑定到这个新创建的对象上,new foo 跟new foo()是等价的在没有参数时

3.       这个构造函数返回的对象成了这个new表达式的结果。如果构造函数内没有返回对象,那么第一步中创建的对象将作为返回结果。more>>

 

对象的属性,方法:

对象的属性方法有四种类型

1.       私有类型 外界不可直接访问

2.       动态公有类型:外界可以访问,每个实例有一个副本,互相之间不影响。

3.       静态公有类型(原型类型):所有实例共象的一个副本

4.       类属性:类型而非对象的属性,没有构造函数时也可以直接访问

如下“

 

function Test(){

var x=0;// 私有属性

this.y=1;// 动态公有类型

}

var a=new Test();

Test.z=3; // 类属性

Test.prototype.w=20; // 静态公有类型

alert(a.z);//undefined

alert(Test.z);

alert(a.w);//20

a.w=40;

alert(a.w);//40 动态公有属性代替了原型类型

delete(a.w);

alert(a.w);//20 
 

prototype:

   javascript 中每个类型只有一个原型,默认情况下是一个 Object 对象 ,但每一个实例可有多个类型,如:

 

function A(){}

A.prototype=new Object()// 可省略

A.prototype.w=10;

function B(){}

B.prototype=new A();//new A() 的过程:生成对象,将 new Object(),w 这些属性赋给这个对象,

//B 的 prototype 指向的对象中有了 new Object 和 w 这些属性 ……

function C(){}

C.prototype=new B();

var c=new C();

alert(typeof(c));//object

alert(c instanceof B);//true

alert(c instanceof A)//true

alert(c.w); 
 

将一个属性添加为 prototype 的属性后这个属性为该类型的所有的对象所共享,而且这种共享是只读的,任何一个实例中只能通过同名的属性来覆盖它,但不能改变它。一个对象在查找某个属性时,先查找自身域的属性表,如果有则返回,如果没有,查找其 prototype 域,如果还没有则递归的查找 ptototype 所指对象的 prototype 域。

 

根据 new funciton 的执行过程和 prototype 的用法可以方便的创建大量副本

 

 

var p1=new Point(1,2);

var points=[];

var pointPrototype=function(){}

pointPrototype.prototype=p1;

for(var i=0;i<1000;i++){

points[i]=new pointPrototype();

} 
 

 

 

对象的继承:

模拟:

1.       构造继承

 

function BaseObject(name){

this.getName=function(){return name}

}

function ChildObject(name){

  BaseObject.call(this,name);// 这里的 this 指的是 ChildObject 的对象(设为 o ),因此调用 call 后, //BaseObjict 原来构造函数中的 this 就成了 o ,然后 o 就有了 getName 属性。

// 所以这里相当有了 this.getName=function(){return name} 这行代码

}

var c=new ChildObject('chen');

alert(c.getName()); 
 

但是这样不能继承父类型中的静态属性。

2.       原型继承法

 

function MyDate(){}

MyDate.prototype=new Date();

var date=new MyDate(); 

这样并不能调用 Date toString 方法。也就是说核心对象不能被继承。

 

由于类的原型 (prototype) 实际上是一个 Object 的实例,它不能再次被实例化 ( 它的初始化在脚本装载时已经执行完毕 ) 。这么意思呢?我们知道在新建对象实例时,我们使用语句 new MyDate() ,这时我们可以看做 JavaScript 脚本引擎把 prototype 的一个浅拷贝作为 this 返回给类的实例 ( 这里其实没有 发生拷贝,只是利用浅拷贝 这个概念来帮助理解 ) ,如果类没有附加任何原型属性和原型方法,那么就等于返回了一个 new Object() 实例,如果 prototype 的原型属性类里有对象型的属性,那么就会造成共享对象实例的问题 ( 类似于在传统 OOP 的类定义中使用了 static 修饰符来修饰了属性 ) 如下面的实例。结果中 array 中的数组都打印的是 1,2,3,4 count 是不同的。这是因为数组是引用类型的而整数是值类型的。

 

<script>

            function Collect(){

                this.arr=[];

                this.count=0;

            }

            function ArrayList(){

               

            }

            ArrayList.prototype=new Collect();

            ArrayList.prototype.constructor=ArrayList;

// 为什么上面要把 ArrayList 赋值给新 prototype 的 constructor 呢?如果不做这个赋值, // 当我们从 ArrayList 的实例中, 通过 XXX.prototype.constructor 去取其构造函数,将会 // 获得 Collection 。这不是我们的本意,而且这是使用 instanceof 关键之比较对象实例和 // 对象也会出错。

 

            var array=new ArrayList();

            array.arr.push(1);

            array.arr.push(2);

            array.count=1;

            var array2=new ArrayList();

            array2.arr.push(3);

            array2.arr.push(4);

            array2.count=2

            for(var i=0;i<array.arr.length;i++){

                alert(array.arr[i]);

            }

            for(var i=0;i<array2.arr.length;i++){

                 alert(array2.arr[i]);

            }

            alert(array.count);

            alert(array2.count);

        </script> 
 

3.       实例继承

function MyDate(){ var instance =new Date(); instance.someFunction=..; return instance; }

 

用闭包保证 this 不被修改:

 

function MyClass(){

    var $this=this;

    var foo=function(){

        return $this.foo.apply($this,arguments);

    }

} 
 

利用闭包构造私有域

 

var a=0;var b=1;

            (function(){

                showAB=function(){

                    alert(a+"  "+b);

                }

                var a=1;

                var b=2;

                alert(a);alert(b);

                showAB();

            })()

a=2;

b=5;

            showAB();// 输出仍为 1,2 
分享到:
评论

相关推荐

    浅析javascript语言中的函数闭包现象.pdf

    JavaScript中的函数闭包是一个重要的概念,它涉及到函数的作用域、变量持久化以及内存管理等多个方面。闭包的本质是在函数内部创建另一个函数,使得内部函数能够访问并操作外部函数的局部变量,即使外部函数已经执行...

    JavaScript 匿名函数和闭包介绍

    在讨论JavaScript编程语言时,匿名函数和闭包是两个重要的概念,它们在函数式编程和模块化代码设计中扮演着核心角色。匿名函数是没有具体名称的函数,它们可以是独立的,也可以是表达式的一部分,通常用于定义临时...

    深度探讨javascript函数的原型链和闭包

    总结一下,JavaScript中的函数不仅是一种数据类型,还是实现面向对象编程的核心工具。通过原型链,我们可以实现基于原型的继承;通过闭包,我们能够控制作用域和访问变量,提升代码的复用性。理解和掌握这些概念,将...

    JavaScript闭包函数

    闭包是ECMAScript (JavaScript)最强大的特性之一,但用好闭包的前提是必须理解闭包。闭包的创建相对容易,人们甚至会在...而闭包工作机制的实现很大程度上有赖于标识符(或者说对象属性)解析过程中作用域的角色。

    JavaScript碎片—函数闭包(模拟面向对象)

    JavaScript函数闭包是模拟面向对象编程的一种技术,它允许函数记住并访问其词法作用域,即使在函数执行完毕后也能保持对其的访问。这种特性使得JavaScript能够在没有内置类和继承等传统面向对象特性的情况下实现类似...

    JavaScript基础篇(6)之函数表达式闭包

    闭包是JavaScript中的一个核心概念,它是指有权访问另一个函数作用域中变量的函数。闭包的产生是因为内部函数持有了外部函数的变量,即使外部函数已经执行完毕,内部函数仍然可以访问这些变量。 #### 三、闭包的...

    JavaScript中函数对象调用模式总结

    JavaScript中的函数对象调用模式是编程中至关重要的概念,它涉及到函数作为一等公民、作用域、闭包、原型链等多个核心知识点。这篇博客通过深入分析JavaScript中的函数调用模式,帮助开发者更好地理解和掌握这些概念...

    (转载)JavaScript中匿名函数,函数直接量和闭包.docx

    在JavaScript中,匿名函数、函数直接量和闭包是三种非常重要的概念,它们在编程实践中有着广泛的应用。让我们逐一深入探讨这些概念。 1. **匿名函数**: 匿名函数是指没有名字的函数,通常作为表达式的一部分存在...

    JavaScript 中的闭包是指内部函数可以访问外部函数作用域中的变量

    在JavaScript中,闭包(Closure)是一个极其关键的概念,它使得内部函数能够访问到其外部函数的作用域内的变量,即使外部函数已经执行完毕。这一特性是基于JavaScript的函数作用域规则以及函数本身可以作为值进行...

    JS匿名函数、闭包

    **匿名函数**和**闭包**都是JavaScript中非常强大的特性。通过灵活运用这些概念,可以编写出更加高效和可维护的代码。然而,需要注意的是,由于闭包会导致函数的作用域被持续保留,因此过度使用闭包可能会导致内存...

    深入理解javascript原型和闭包.pdf

    这表明了JavaScript函数的灵活性和对象的特性。在JavaScript中,函数、数组、对象等都是对象,它们可以包含各种属性,甚至可以动态地修改自己的结构。 原型(Prototype)是JavaScript实现继承的基础,每一个对象都...

    JavaScript函数式编程.pdf

    在JavaScript函数式编程中,闭包是一个非常重要的概念。闭包是指有权访问另一个函数作用域中变量的函数。由于JavaScript的作用域链,闭包能够访问到函数定义时的外部变量,即使外部函数已经执行结束。闭包通常用于...

    基于闭包的JavaScript面向对象编程框架.pdf

    本文提供了基于闭包的JavaScript面向对象编程框架的设计和实现,展示了闭包在JavaScript中实现基于类的面向对象编程的可能性。 知识点: 1. 闭包(Closure)是一种JavaScript编程技术,用于实现基于类的面向对象...

    javascript笔记之匿名函数和闭包.docx

    在闭包中,`this`的指向取决于调用上下文。在上述的`getUserFunction`示例中,`this`在闭包内指向的是`window`,而不是`obj`,因为闭包不是一个对象的方法。如果想让`this`指向`obj`,可以使用`.call`或`.apply`方法...

    浅谈Javascript嵌套函数及闭包

    在JavaScript中,当一个函数作为另一个函数的返回值时,这个内部函数就具有了访问外部函数作用域的闭包能力。例如,在提供的代码`function makeFunc(x){ return function(){return x++;}}`中,`makeFunc`返回的匿名...

    基于javascript 闭包基础分享

    第二个例子通过立即执行函数表达式(IIFE)来解决这一问题,确保每个函数闭包都能正确地访问到各自的循环变量。 闭包是JavaScript编程中的一个重要特性,它提供了创建私有变量、管理作用域和记忆化等强大功能,使得...

Global site tag (gtag.js) - Google Analytics