你的位置:首页 > 信息动态 > 新闻中心
信息动态
联系我们

JavaScript零基础入门 4:JavaScript对象

2021/12/9 22:35:52

🍅 Java学习路线配套文章:Java学习路线总结,搬砖工逆袭Java架构师(全网最强)
🍅 基础推荐:Java基础教程系列
🍅 实战推荐:Spring Boot基础教程
🍅 简介:Java领域优质创作者🏆、CSDN哪吒公众号作者✌ 、Java架构师奋斗者💪
🍅 扫描主页左侧二维码,加入群聊,一起学习、一起进步
🍅 欢迎点赞 👍 收藏 ⭐留言 📝

目录

    • 一、对象
      • 1、对象的分类
      • 2、创建对象
      • 3、属性
      • 4、读取对象中的属性
      • 5、修改对象的属性值
      • 6、删除对象的属性
    • 二、数据类型存储位置
      • 1、基本数据类型
      • 2、引用数据类型
      • 3、类型存储位置
    • 三、对象的比较
    • 四、对象字面量
      • 1、使用对象字面量,可以在创建对象时,直接指定对象中的属性
      • 2、语法
    • 五、函数 function
      • 1、什么是函数
      • 2、函数的执行
      • 3、语法
      • 4、函数的参数
      • 5、返回值return
      • 6、对象中的函数
      • 7、遍历对象中的属性
    • 六、作用域
      • 1、全局作用域
      • 2、函数作用域
    • 七、新星计划

一、对象

1、对象的分类

(1)内建对象

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

(2)宿主对象

由JS的运行环境提供的对象,目前来讲主要指由浏览器提供的对象
比如 BOM DOM

(3)自定义对象

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

2、创建对象

使用new关键字调用的函数,是构造函数constructor,构造函数是专门用来创建对象的函数,使用typeof检查一个对象时,会返回object。

3、属性

在对象中保存的值称为属性
向对象添加属性

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

4、读取对象中的属性

语法:对象.属性名

5、修改对象的属性值

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

6、删除对象的属性

语法:delete 对象.属性名

二、数据类型存储位置

1、基本数据类型

  1. String
  2. Number
  3. Boolean
  4. Null
  5. Undefined

2、引用数据类型

Object

3、类型存储位置

JavaScript中的变量都是保存到栈内存中的,基本数据类型的值直接在栈内存中存储,值与值之间是独立存在,修改一个变量不会影响其他的变量。

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

三、对象的比较

当比较两个基本数据类型的值时,就是比较值。

而比较两个引用数据类型时,它是比较的对象的内存地址,

如果两个对象是一摸一样的,但是地址不同,它也会返回false。

四、对象字面量

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

2、语法

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

对象字面量的属性名可以加引号也可以不加,建议不加,如果要使用一些特殊的名字,则必须加引号

属性名和属性值是一组一组的名值对结构,名和值之间使用:连接,多个名值对之间使用,隔开
如果一个属性之后没有其他的属性了,就不要写。

var obj = {
	name:"哪吒",
	age:29,
	gender:"男",
	test:{name:"比比东"}
};

五、函数 function

1、什么是函数

  1. 函数也是一个对象
  2. 函数中可以封装一些代码,在需要时可以执行这些代码
  3. 函数中可以保存一些代码在需要的时候调用
  4. 使用typeof检查一个函数对象时,会返回function

2、函数的执行

  1. 封装到函数中的代码不会立即执行
  2. 函数中的代码会在函数调用的时候执行
  3. 调用函数语法:函数对象()
  4. 当调用函数时,函数中封装的代码会按照顺序执行

3、语法

function 函数名([形参1,形参2...形参N]){
	语句...
}

4、函数的参数

(1)形参

定义一个用来求两个数和的函数
可以在函数的()中来指定一个或多个形参(形式参数)
多个形参之间使用,隔开,声明形参就相当于在函数内部声明了对应的变量,但是并不赋值

(2)实参

在调用函数时,可以在()中指定实参(实际参数);

实参将会赋值给函数中对应的形参;

调用函数时解析器不会检查实参的类型,所以要注意,是否有可能会接收到非法的参数,如果有可能则需要对参数进行类型的检查,函数的实参可以是任意的数据类型。

调用函数时,解析器也不会检查实参的数量,多余实参不会被赋值,如果实参的数量少于形参的数量,则没有对应实参的形参将是undefined。

5、返回值return

function sum(a , b , c){
	var d = a + b + c;
	return d;
}

6、对象中的函数

如果一个函数作为一个对象的属性保存,那么我们称这个函数时这个对象的方法,调用这个函数就说调用对象的方法(method)。

var obj = {
	name:"哪吒",
	age:28,
	sayName:function(){
		console.log(obj.name);
	}
};

7、遍历对象中的属性

for(var 变量 in 对象){

}

六、作用域

作用域指一个变量的作用的范围。

在JS中一共有两种作用域:

1、全局作用域

直接编写在script标签中的JS代码,都在全局作用域
全局作用域在页面打开时创建,在页面关闭时销毁
在全局作用域中有一个全局对象window,
它代表的是一个浏览器的窗口,它由浏览器创建我们可以直接使用

在全局作用域中:

创建的变量都会作为window对象的属性保存;
创建的函数都会作为window对象的方法保存;
全局作用域中的变量都是全局变量,在页面的任意的部分都可以访问的到。

2、函数作用域

七、新星计划

1、入口:这里是“新星计划·第二季”【Java】赛道的报名入口!
2、书籍

  1. Vue.js全家桶零基础入门到进阶项目实战
  2. Java高并发编程指南
  3. 亿级流量Java高并发与网络编程实战
  4. Node.js入门指南
    在这里插入图片描述


上一篇:【JavaScript零基础入门 day3】JavaScript运算符

下一篇:敬请期待

在这里插入图片描述

添加微信,备注1024,赠送Java学习路线思维导图