JavaScript零基础入门 4：JavaScript对象与函数

Posted 2022-01-02 哪 吒

🍅 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、函数作用域

调用函数时创建函数作用域，函数执行完毕以后，函数作用域销毁，每调用一次函数就会创建一个新的函数作用域，他们之间是互相独立的；
在函数作用域中可以访问到全局作用域的变量；
在全局作用域中无法访问到函数作用域的变量；
当在函数作用域操作一个变量时，它会先在自身作用域中寻找，如果有就直接使用；
如果没有则向上一级作用域中寻找，直到找到全局作用域，如果全局作用域中依然没有找到，则会报错ReferenceError。

在函数中要访问全局变量可以使用window对象。

在函数作用域也有声明提前的特性，使用var关键字声明的变量，会在函数中所有的代码执行之前被声明，函数声明也会在函数中所有的代码执行之前执行。

function fun()		
	fun1();
	//console.log(a);
	var a = 29;
	function fun1()
		alert("I'm fun1");
	
	

在函数中，不用var声明的变量都会成为全局变量。

七、新星计划

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

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

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

下一篇：敬请期待

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