javascript对象的一点理解

<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>

  

时间: 2024-10-22 19:34:03

javascript对象的一点理解的相关文章

深入理解javascript对象系列第二篇——属性操作

× 目录 [1]查询 [2]设置 [3]删除[4]继承 前面的话 对于对象来说,属性操作是绕不开的话题.类似于“增删改查”的基本操作,属性操作分为属性查询.属性设置.属性删除,还包括属性继承.本文是对象系列的第二篇——属性操作 属性查询 属性查询一般有两种方法,包括点运算符和方括号运算符 var o = { p: 'Hello World' }; o.p // "Hello World" o['p'] // "Hello World" [注意]变量中可以存在中文,因

JavaScript大杂烩4 - 理解JavaScript对象的继承机制

面向对象之继承 JavaScript是单根的面向对象语言,它只有单一的根Object,所有的其他对象都是直接或者间接的从Object对象继承(没有指定父类的对象,都被认为是从Object继承的). 在前面我们讨论了面向对象的封装性,在最后的地方也谈到了JavaScript的继承是通过原型和原型链实现的,下面我们就详细的展开这个问题:JavaScript到底是如何实现继承的? 继承的本质 继承的本质是重用,从语法上来讲,继承就是"D是B"的描述,其中B是基类,描述共性,D是子类,描述特性

03.JavaScript 面向对象精要--理解对象

JavaScript 面向对象精要--理解对象 尽管JavaScript里有大量内建引用类型,很可能你还是会频繁的创建自己的对象.JavaScript中的对象是动态的. 一.定义属性 当一个属性第1次被添加给对象时JavaScript在对上上调用了一个名为 [[Put]]的内部方法,该方法会在对象上创建一个新节点保存属性,就像 哈希表上第一次添加一个键一样这个操作不仅指定了初始值 也定义了属性的一些特征 1.1 [[Put]]内部方法 [[Put]]在对象上创建一个自有属性 1.2 [[Set]

如何理解javaScript对象?

在我们生活中,常常会提到对象一词,如:你找到对象了吗?你的对象是谁呀?等等. 在我们家庭中,有男友的女青年都会说我有对象了,那么她的对象是XX(她的男友). 夫妻间呢?都会说我的爱人是谁谁谁,现在我们应知道什么是对象了吧. 有一句谚语:万物皆对象,在我们开发者眼中,程序是反应现实生活的.那我们如何在javaScript中写脚本进行反馈生活需求信息呢? 在我们javaScript的函数中定义多个属性和函数就是一个javaScript对象. 理念概念中的定义:面向对象(object-oriented

JavaScript 模块化入门Ⅰ:理解模块

作为一名JS初学者.假如你听到了一些诸如"模块化构建&模块化载入" "Webpack&Browserify" 或者 "AMD&CMD"之类的术语,肯定瞬间就凌乱了. JavaScript的模块化听起来挺深奥,可其实理解它对开发者来说特别实用. 在这篇文章里,我会尽量深入浅出地把这些深奥的术语翻译成浅显易懂的人话(加上一些代码示例).希望你多少能从中学到点东西. 为了避免长篇大论,整个内容会分为两篇文章,这是第一部分,主要介

JavaScript大杂烩5 - JavaScript对象的若干问题

1. 类型检查:instanceof与typeof 这是两个相似的操作符,instanceof用于检测函数的实例类型,主要是在面向对象编程中检查new出来的对象类型,需要注意instanceof是检查function对象的,前面实现的复制继承中的例子就不适用于使用instanceof来检查继承关系了.typeof,它用于检测变量的类型,在实际情况中应用的不是很多,稍微了解一下就可以了. 在使用typeof之前,有一点需要确认,那就是string与String不是同一个类型,这个不用多说了,我们前

javascript对象创建及原型继承的研究

今天总结了下javascript关于原型继承和对象创建方面的东西,因为javascript的原型继承在使用传统面向对象语言开发的同学看来比较怪异,原型继承确实比传统OOP语言的继承理解和运用起来困难一些,当然个人觉得传统OOP的继承相对比较简单,因为中规中矩. 下面逐个的用示例说明javascript中对象创建方式,专业一点叫什么模式,主要有直接单个创建:工厂模式:提出方法类函数公用方式:构造函数模式:构造函数+原型方式:使用原型本质的方式构建(这种受过李站的<悟透javascript>一书的

关于web开发的一点理解

对于web开发上的一点理解 1 宏观上的一点理解 网页从请求第地址 到获得页面的过程:从客户端(浏览器)通过地址 从soket把请求报文封装发往服务端   服务端通过解析报文并处理报文最后把处理的结果 封装成响应报文 发送给客户端(浏览器)  ,客户端解析响应报文  把正文(html css  javascript)渲染成我们见到的页面. 这就是我们如何看到页面的过程 图解 2对于网页的开发的框架的一点理解 上面提到了网页处理的过程  中 服务端解析请求报文 处理请求报文的过程 就是网站开发的框

深入JavaScript对象(Object)与类(class),详细了解类、原型

JavaScript基于原型的对象机制 JavaScript原型上的哪些事 一.JavaScript基于原型的对象机制 JavaScript对象是基于原型的面向对象机制.在一定程度上js基于原型的对象机制依然维持了类的基本特征:抽象.封装.继承.多态.面向类的设计模式:实例化.继承.多态,这些无法直接对应到JavaScript的对象机制.与强类型语言的类相对应的是JavaScript的原型,所以,只能是基于原型来模拟实现类的设计模式. 为了便于理解,这里采用了Function构造函数及对象原型链