【JavaScript学习笔记】之对象的基础知识及代码演示

最新推荐文章于 2024-07-16 17:56:11 发布

头秃少女Three

最新推荐文章于 2024-07-16 17:56:11 发布

阅读量218

点赞数 1

分类专栏： JavaScript 文章标签： javascript

本文链接：https://blog.csdn.net/m0_51483787/article/details/127228312

版权

JavaScript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

系列文章目录

2. 关于JavaScript的基本数据类型

前言

该学习笔记内容基础且大部分来源于李立超老师视频课中，本人在此做以系统的整理（温习），以便自己日后翻阅，如有错误欢迎指正，谢谢。

一、对象是什么？

1. 对象的定义

对象是JavaScript中的一种复合数据类型。

对象相当于一个容器，在对象中可以储存各种不同数据类型的数据。

对象属于可变类型，即对象创建完成后，可以任意的添加修改删除对象中的属性

注意：

-当对两个对象进行相等或者全等比较时，比较的是对象的内存地址

-修改对象时，如果有其他变量指向该对象，则所有指向该对象的变量都会受到影响

2. 关于JavaScript的基本数据类型

七种原始值： 数值：number、字符串：string、空值：null、未定义值：undefined

布尔值：Boolean、大整数： bigint、符号: symbol 。

原始值只能用来表示一些简单的数据，不能表示复杂数据。

原始值都属于不可变值，一旦创建就无法修改。

在内存中不会创建重复的原始值。

3. 创建对象obj

1.let 对象名 = new Object();

2.对象字面量，可以使用{ }来创建对象

let 对象名{

属性名：属性值，

[属性名]:属性值，

}

//语法一
let obj = new Object();


//语法二 
let obj ={


            };

二、属性

1. 属性的定义

属性：对象中存储的数据。

属性名

通常属性就是一个字符串，所以属性名可以是任何值，无特殊要求。

注意：建议属性名按照标识符的规范来命名，特殊属性名不能直接使用的，需要用[ ]。

可使用符号（symbol）作为属性名来添加属性，获取这种属性时，也必须要用symbol。

使用symbol添加的属性，通常是那些不希望被外界访问的属性。

属性值

-对象的属性值可以是任意属性的数据类型，也可以是一个对象。

2. 属性的添加、修改、删除、读取

添加、修改属性：

对象.属性名 = 属性值；

对象["属性名"] =属性值；

使用{ }创建的对象，可以直接向对象中添加属性

删除属性：

delete 对象.属性名;

读取属性：

如果读取的是一个对象中没有的属性，JS不会报错，而是显示undefined

//创建一个对象obj
let obj = new Object();

//向obj里添加属性
obj.name = '张三';
obj.age = 20;

obj["sex"]='女';

//使用变量添加一个属性address，值为宿舍。 等同于obj["address"]= “ 宿舍”
let str = "address";
obj[str] ="宿舍"；

obj.str ="宿舍";//但使用.的形式添加属性时，不能使用变量。否则结果是属性str，值为宿舍。



//修改age属性
 obj.age = 19;

//删除性别属性
delete obj.sex;
         
//读取name属性
console.log(obj.name);

//读取obj对象
console.log(obj);



// let mySymbol = Symbol();
// obj[mySymbol] ="通过symbol添加的属性";
// console.log(obj[mySymbol]);


//使用{}来创建的对象，可以直接向对象中添加属性
let obj ={
        name:"李四",
        sex:"男", 
        ["age"]:20
    };

3. 属性的枚举

枚举属性，指将对象中的所有属性全部获取。

for-in语句

语法：

for（let propName in 对象）{

语句...

}

for-in的循环体会执行多次，有几个属性就会执行几次

每次执行时，都会将一个属性名赋值给我们所定义的变量

注意：并不是所有的属性都可以枚举，比如符号（symbol）添加的属性

 let obj ={

            name :"孙悟空",
            age:18,
            gender:"男",
            address:"花果山",
            [Symbol()]:"符号添加的属性"

            
        }

        for( let propName in obj ){
            console.log(propName,obj[propName]);
            //console.log(1);
        }

三、方法

1. 方法的定义

当一个对象的属性指向一个函数，那么我们就称这个函数是该对象的方法

调用函数就称为调用对象的方法

2. 创建一个对象的方法

let  obj = Object();
        
// obj 的属性 use 指向函数 sum（），则这个函数sum就是obj的一个方法

 obj.use = function sum(a,b) {

      console.log("a +b =",a + b );
            
 }

 
//调用方法
obj.use(2,3);