`

js中的对象

    博客分类:
  • js
 
阅读更多
	<script type="text/javascript">
	
	/**
	   js中创建对象
	*/
	
	
	  function my(){
	    //创建对象
	    var myobject = {};
	    myobject.name = "test";
	    myobject.getName = function(){
	      return this.name;  //需要加this,否则没值
	    }
	    
	    alert(myobject.getName());
	  }
	  
	  function my2(){
	    var objecttest = {
	      name: "aaa",
	      getName: function(){
	        return this.name; //需要加this,否则没值
	      }
	    }
	    
	    alert(objecttest.getName());
	    
	    /* 
	       var a = new objecttest();   错误因为上面的objecttest是一个具体的对象并不是类,不能new
	       alert("a.name=" + a.name);
	      */
	      
	      var a = new my();
	      a.suibian = "suibian";
	      a.getSu = function(){
	        return "getsu"
	      }
	      alert("添加属性=" + a.suibian);
	      alert("添加方法=" + a.getSu());
	  } 
	  
	//定义方法就相当定义类,我们可以直接new ,构造函数
	function ShinyObject(name) {
	//都必须要加this
		this.name = name;
		this.getName = function() {
			return this.name;
		}
	}


	function my3() {
		var so = new ShinyObject("张三");
		alert(so.getName());

        //扩张的是对象的本身,而不是类
		so.suibian = "suibian";
		so.getSu = function() {
			return "getsu"
		}
		
		alert("so.getSu=" + so.getSu());
		
		/**
		var so2 = new ShinyObject("张三");
		alert("so2.getSu=" + so2.getSu());  //错 该方法在类中是没有定义的
		*/
	}
    

   //通过prototype类对类进行扩展
	ShinyObject.prototype.sayHello = function() {
		return "hello:" + this.name;
	};
	ShinyObject.prototype.sex="男";
	
	function my4() {

		var o = new ShinyObject("张三");
		alert("o.sayhello = " + o.sayHello() + "sex=" + o.sex);
	}
</script>
	
  </head>
  
  
  <body>
    This is my JSP page. <br>
    <input type="button" onclick="my4()" value="test">
  </body>
 
分享到:
评论

相关推荐

    js中对象和面向对象与Json介绍

    JSON对象可以通过`JSON.parse()`方法从JSON字符串转换成JavaScript对象,反之,`JSON.stringify()`方法可以将JavaScript对象转换成JSON字符串。例如: ```javascript // JSON字符串 var jsonString = '{"firstname...

    js 面向对象实例

    每个JavaScript对象都有一个`__proto__`属性,指向创建该对象的构造函数的原型。原型对象也是一个对象,可以通过`prototype`属性来访问。我们可以在原型上定义方法,这样所有实例都可以访问这些方法: ```...

    JS中Json对象

    ### JS中Json对象 #### JSON概述 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。JSON是基于JavaScript的一个子集,采用完全独立于编程语言的文本...

    Javascript面向对象编程.

    这篇博客文章可能详细讨论了如何在JavaScript中实现面向对象编程。 在JavaScript中,面向对象主要通过以下三种方式实现: 1. **构造函数(Constructor)**:构造函数是一种特殊的函数,用于创建和初始化对象。我们...

    原生JS原型对象练习

    原型链是JavaScript中对象之间的引用关系,它使得一个对象可以访问其构造函数的原型对象的属性和方法。当我们尝试访问一个对象的属性时,如果该对象本身没有这个属性,JavaScript会向上查找该对象的原型,直到找到该...

    JavaScript中对象的prototype属性代码实例

    我猜一般用过JavaScript的人都看见过或者用过对象的prototype属性。这是个好东西,它可以向其原型中动态添加功能(属性和方法),但该对象不能被赋予不同的原型。然而,用户定义的对象可以被赋给新的原型。详细介绍:...

    JS面向对象经典案例

    在本文中,我们将介绍JavaScript面向对象编程中的经典案例,包括对象、类、继承、原型链和闭包等概念。 一、对象和类 在JavaScript中,对象是指一个实体,可以拥有自己的属性和方法。对象可以使用工厂函数或构造...

    JavaScript内置对象相关介绍及用法

    JavaScript内置对象相关介绍及用法ppt JavaScript内置对象相关介绍及用法

    JS常用对象及用法属性的总结(全)

    `JSON.parse()`用于将JSON字符串转换为JavaScript对象,`JSON.stringify()`将JavaScript对象转换为JSON字符串。 11. **Map与Set**: - ES6引入的新数据结构,`Map`存储键值对,键可以是任意类型,`Set`存储不重复...

    deePool高效的JavaScript对象池

    DeePool通过实现JavaScript对象池,为开发者提供了一种优化内存使用、提高程序运行效率的有效手段。尤其在需要大量创建和销毁对象的场景下,使用DeePool可以显著提升性能,减少内存压力。掌握并合理运用DeePool,...

    js获取对象,数组所有属性键值(key)和对应值(value)的方法示例

    在JavaScript编程中,获取对象和数组的属性键值(key)和对应值(value)是一项基本操作。本文将详细介绍如何实现这一功能,并提供相应的代码示例。 首先,我们需要理解JavaScript中的对象和数组。对象是一种键值对...

    document 对象.html-javascript中DOM对象内容

    document 对象.html-javascript中DOM对象内容

    javascript面向对象编程(中文)

    JavaScript有CommonJS(Node.js中)、AMD(RequireJS)和ES6的模块系统,如`import`和`export`关键字,用于组织和管理代码。 9. **类的静态属性和方法**:在JavaScript的类语法中,可以定义静态属性和方法,它们不...

    js对象属性大全下载

    ### JavaScript对象属性详解 ...以上只是JavaScript对象属性中的一部分,实际上JavaScript提供了非常丰富的API来处理各种复杂的网页开发需求。熟练掌握这些对象及其属性,对于提高网页的互动性和用户体验至关重要。

    Javascript中获取对象的原型对象的方法小结

    在Javascript中,如果我们有一个对象但是又不知道它的构造函数时,如何获取它的原型对象呢? 在Chrome中或是FireFox浏览器中,我们可以直接使用对象的__proto__属性获取它的原型对象。 代码如下: &lt;!– lang: js ...

    在js中创建类和对象

    在JavaScript中,创建类和对象是面向对象编程的基础。本文将详细介绍几种常见的创建对象的方法,包括它们的特点和优缺点。 5.1 工厂方法 工厂方法是一种创建对象的模式,通过一个函数来创建具有特定属性和行为的...

    js中的json对象和字符串之间的转化

    2. **字符串与JSON对象之间的转化**:JavaScript提供了两个内置函数来实现这种转化:`JSON.stringify()`用于将JavaScript对象转换为JSON字符串,`JSON.parse()`用于将JSON字符串转换回JavaScript对象。 **描述中的...

    js 实现 JavaScript遍历对象中的所有属性

    js 实现 JavaScript遍历对象中的所有属性! 值得下载看看!资源免费,大家分享!!

    JavaScript之Math对象(源代码)

    JavaScript之Math对象(源代码)JavaScript之Math对象(源代码)JavaScript之Math对象(源代码)JavaScript之Math对象(源代码)JavaScript之Math对象(源代码)JavaScript之Math对象(源代码)JavaScript之Math对象...

    js javascript zInherit 对象 继承

    每个JavaScript对象都有一个`__proto__`属性,指向它的构造函数的原型。当试图访问对象的一个属性时,如果该对象上没有这个属性,JavaScript会查找其`__proto__`,再找不到就继续查找`__proto__`的`__proto__`,直到...

Global site tag (gtag.js) - Google Analytics