码迷,mamicode.com
首页 > 编程语言 > 详细

javascript对象的一点理解

时间:2015-09-22 23:34:34      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:

<script type="text/javascript">
		
		
		/*
			js对象:对象的职责是调用属性和调用方法
			
		*/
		//1.对象的创建的三种方式
		var obj = {}; //常用且不会浪费空间
		var obj = new Object();
		//var obj = Object.create();
		/*
			第三种方式测试的时候有问题,百度下,发现
			
			Object.create() 方法创建一个拥有指定原型和若干个指定属性的对象。
			参数:
			prototype 必需。  要用作原型的对象。 可以为 null。
			descriptors 可选。 包含一个或多个属性描述符的 JavaScript 对象。
			
		*/
		
		
		
		//2.形态是由一个键值对的存在:json
		var person = {username:"xiaobai"}
		//对象的增删改查
		person.age = "22";
		person.address = "南京";
		
		console.log(person.username+"==="+person.age+"==="+person.address);
		
		//修改值
		person.username = "xiaoking";
		person.age = 20;
		
		//删除值
		delete person.age;
		
		//不明白的alert一下或使用console
		
		
		//3.json对象
		var data = {username:"poseidon"}
		/*
			取值有两种
			第一种:对象.属性   方便调用属性
			第二种:对象["属性名"]  方便传值
		*/
		console.log(data.username+"==="+data["username"]);
		
		
		/*
			单属性可以这样使用,但是多属性的json对象是不一样的
		*/
		var params = {"user.name":"","user.age":""}
		params["user.name"]  //取值不能使用点 params.user.name,会报错
		
		
		console["log"]("console也是对象");
		var console = {
			log:function(msg){
				
			}
		}
		
		//4.写一个jQuery框架
		
		function $(id){
			var obj = {
				css : function(){}
				html : function(){}
			}
		}
		
		(function(){
			var window.$ = document;
		})(window);
		
		var $ = function(id){
			if(id.indexOf("#")) id = id.replace("#","");
			var dom = document.getElementById(id);
			return {
				css : function(key,value){
				
					if(typeof key === "object"){
						
					}else{
						if(typeof key === "number") 
							value = value + "px";
						dom["style"][key] = value;
					}
					
				}
			}
		}
		
		//5.不需要购买任何dom对象的书籍,就可以学到最新最新的dom知识
		for(var key in document){
			console.log(document[key]);
		}
		
	</script>

  

javascript对象的一点理解

标签:

原文地址:http://www.cnblogs.com/sun-rain/p/4830638.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!