• [置顶] 步步辨析JS中的对象成员


    前提

        首先我们应该明白创建一个JS对象的具体实例是实例化的过程,而实例化是通过new关键字实现的,这个对象是含有constructor的,一般的核心对象都会具有constructor以便创建其实例。因此,如果要对我们自己创建的JS对象进行实例化的话,则这个对象必须具有constructor。

    构造函数的基本架构为:

    function myConstructor(a){
             /*某些代码*/
    }

    静态成员

        JS中的静态成员是通过点操作符添加到对象实例中,并且只存在于对象的一个具体实例,不存在于构造函数中,因此通过new关键字创建的对象实例不具有原对象的静态成员。

        添加对象静态成员的小例:

    		<script type="text/javascript">
    			var myObject = new Object();
    			//添加静态属性
    			myObject.name="lyg";
    			//添加静态方法
    			myObject.alertName = function(){
    				alert(this.name);
    			}
    			//执行添加的静态方法
    			myObject.alertName()
    		</script>

            静态成员只存在于对象的一个具体实例,不存在于构造函数中的实例:

    		<script type="text/javascript">
    			function myConstuctor(){
    			}
    			
    			myConstuctor.myname = "lyg";
    			myConstuctor.alertName = function(){
    				alert(this.myname);
    			}
    			//myConstuctor.alertName();
    			var myObj = new myConstuctor();
    			myObj.alertName();		//这里会报错
    		</script>
    

    公有成员

        能够使实例化的对象包含的成员称为公有成员,添加公有成员有两种方法:在构造函数中用this关键字添加公有属性或公有方法(特权成员);另外一种方法便是修改函数原型,即prototype属性

        添加对象公有成员的小例:

    	<script type="text/javascript">
    		function myConstuctor(){
    			this.message="abc";
    		}
    		var myObj = new myConstuctor();
    		//alert(myObj.message);
    		alert(myObj.myName);                //这里将显示undefined
    		myConstuctor.prototype.myName = 'lyg';
    		alert(myObj.myName);               //这里显示'lyg'
    	</script>

                实例中也正说明了当修改一个对象的原型时,任何继承该对象的对象和已经存在的所有实例都会继承同样的变化。而需要提及一点的是,公有成员只能在被实例化的实例中可用,而在构造函数自身中是无效的。

    私有成员

        在构造函数中定义的变量和函数成为私有成员,私有成员只有在构造函数中才能访问,因此在实例化执行构造函数的过程中,将访问其成员。

        添加私有成员的小例:

    	<script type="text/javascript">
    		function myConstuctor(message){
    			this.message = message;		//公有属性
    			var myOwner = this;		//私有属性
    			function alertMessage(){		//私有方法
    				alert(myOwner.message);
    			}
    			alertMessage();
    		}
    		var myObj = new myConstuctor("Hello Wold");           //这里将弹出窗口显示"Hello Wold"
    	</script>

    特权成员

        特权成员也属于公有成员的一类,之前已有提及:在构造函数中用this关键字添加的公有属性或公有方法。根据其特殊的名称,其特殊的权利在于:与在prototype定义的公有成员不同,由于其是在构造函数中定义的,因此特权成员可以访问私有成员。在此将不予举例。

    总结

        根据静态成员的定义方法可知,其与prototype是同级的属性,可以被继承的成员在prototype之下,据此可知,静态成员只适用于对象的一个具体实例。

        公有的prototype成员是对象蓝图的一部分,适用于通过new关键字实例化该对象的每一个实例。

        私有和特权成员的相同之处在于,它们都在构造函数内部,会带到构造函数的每一个实例中,会占用大量内存。

        在合适的场合应用合适的成员,将使我们的程序更加优化。




  • 相关阅读:
    面试常考点:http和https的区别与联系
    常见的反爬虫和应对方法
    2019/1/1 Python今日收获
    2018/12/26,12/27 Python今日收获
    2018/6/7-6/8 Python今日收获
    2018/6/6 Python今日收获
    CSS(3)——visited伪类
    CSS中margin和padding的区别
    CSS(2)——CSS的文字,边框,背景与列表
    CSS(1)——CSS的引入方式与选择器
  • 原文地址:https://www.cnblogs.com/snake-hand/p/3177977.html
Copyright © 2020-2023  润新知