JavaScript学习笔记六-变量-对象

一、变量 Object

JS中的数据类型:

  1. String 字符串
  2. Number 数值
  3. Boolean 布尔值
  4. Null 空值
  5. Undefined 未定义
    以上这五种属于基本数据类型,以后我们看到的值只要不是以上的五种,就全是对象。
    基本数据类型都是单一的值“hello” 123 true,值和值之间没有任何联系。

在JS中来表示一个人的信息(name,gender,age)

var name="lili";
var gender="女";
var age=22;
如果使用基本数据类型
我们所创建的变量都是独立的
不能成为一个整体

对象属于一种复合的数据类型,在对象中可以保存多个不同的数据类型的属性。

1.对象的分类

(1)内建对象

  • 由ES标准中定义的对象,在任何的ES的实现中都可以使用 比如:Math String Number Boolean。。。

(2)宿主对象

  • 由JS的运行环境提供的对象,目前来讲主要是指由浏览器提供的对象 比如:BOM(浏览器对象模型)DOM(文档对象模型)两类对象

(3)自定义对象

  • 由开发人员自己创建的对象

二、创建对象

1. 创建对象

使用new关键字调用的函数,是构造函数constructor 构造函数是专门用来创建对象的函数。

var obj=new Object();
//new调用Object()函数去构造函数来创建对象,然后赋值给变量obj
//使用typeof检查一个对象时,会返回object

2. 在对象中添加属性

在对象中保存的值称为属性 向对象中添加属性
语法: 对象.属性名=属性值;

var obj=new Object();
obj.name="lili";
obj.age=22;
console.log(obj);
//{"age":22,"name":"lili"} 

3.读取对象中的属性

语法:对象.属性名

console.log(obj.name);

如果读取对象中没有的属性,不会报错而是会返回undefined。

4.修改对象中的属性

语法:对象.属性名=新值;

5.删除对象中属性

语法:delete 对象.属性名;

delete obj.name;

6.使用工厂方法创建对象

使用工厂方法创建对象,通过该方法可以批量的创建对象。

function fun(name,age){
    
    
				//创建一个新的对象
				var obj=new Object();
				//向对象中添加属性
			   	 obj.name=name;
				 obj.age=age;
				 obj.sayName=function(){
    
    
					console.log(this.name);	
				} 
				//将新对象返回
				return obj;
			} 
			var obj2=fun("zhuzhu",22);
			console.log(obj2);//输出fun函数中的obj对象的属性和属性值
			obj2.sayName();//输出fun函数的sayName

使用工厂方法创建的对象,使用的构造函数都是Object,所以创建的对象都是Object这个类型,就导致我们无法区分出多种不同类型的对象。需要去构造函数

三、属性名和属性值

向对象中添加属性:
obj.name="李李";name是属性名,李李是属性值

1. 属性名:

(1)对象的属性名不强制要求遵守标识符的规范,什么都可以用,但是我们使用还是尽量按照标识符的规范去做。
(2)如果要使用特殊的属性名(不符合标识符规则的),不能采用.的方式来操作,需要另一种方式:
语法:对象[“属性名”]=属性值;

var obj=new Object();
obj["1aa"]=789;
console.log(obj["1aa"]); 

(3)使用[]这种形式去操作属性,更加的灵活,在[]中可以直接传递一个变量,这样变量值是多少就会读取那个属性名,从而得出属性值。

var obj=new Object();
    obj["nihao"]="你好";
var n="nihao";
    console.log(obj[n]);

2. 属性值

(1)JS中的属性值,可以是任意的数据类型,甚至也可以是一个对象。

var obj=new Object();
var obj2=new Object();
	obj2.name="lili";
	obj.test=obj2;//将obj2设置成obj的属性值
console.log(obj.test);

{
    
    "name":"lili"}

(2)检查一个对象中是否含有指定的属性
in 运算符,通过该运算符可以检查一个对象中是否含有指定的属性,如果有则返回true,没有则返回false。
语法:属性名 in 对象

console.log("test2" in obj);//false

四、基本和引用数据类型

基本数据类型是直接保存的值在栈中,引用数据类型只是引用地址,变量引用内存地址,对象保存在堆中。

  1. JS中的变量都是保存到栈内存中的
    基本数据类型的值直接在栈内存中存储。
    值与值之间是独立存在,修改一个变量不会影响其他的变量。
    在这里插入图片描述

  2. 对象是保存到堆内存中的,每创建一个新的对象,就会在堆内存中开辟一个新的空间,而变量保存的是对象的内存地址(对象的引用)。
    如果两个变量保存的是同一个对象引用,当一个通过一个变量修改属性时,另一个也会受影响。
    在这里插入图片描述

    obj2=null和obj没有关系。

  3. 当两个对象的属性一样,属性值也一样,这两个对象还是不相等,是单独的两个对象。内存地址不一样就是不一样。
    在这里插入图片描述

当比较两个基本数据类型时,就是单纯的比较值。
当比较两个引用数据类型时,它是比较对象的内存地址。

五、对象字面量

1. 使用对象字面量来创建一个对象

var obj={
    
    };

使用对象字面量,可以在创建对象时,直接指定对象中的属性。

语法:{属性名:属性值,属性名:属性值…}

  1. 对象字面量的属性名可以加引号也可以不加,建议不加 如果要使用一些特殊的名字,则必须加引号。
  2. 属性名和属性值是一组一组的名值对结构
    属性名和属性值之间用:连接
    多个名值对之间使用逗号,隔开
    如果一个属性之后没有其他的属性了,就不要写逗号,

猜你喜欢

转载自blog.csdn.net/weixin_45636381/article/details/112742229