js基础对象与函数

最新推荐文章于 2022-09-07 11:44:33 发布

z1440

最新推荐文章于 2022-09-07 11:44:33 发布

阅读量101

点赞数

文章标签： js

本文链接：https://blog.csdn.net/z1440/article/details/114385109

版权

基本概念
JS中数据类型
- String 字符串
- Number 数值
- Boolean 布尔值
- Null 空值
- Undefined 未定义
- 以上这五种类型属于基本数据类型，以后我们看到的值
只要不是上边的5种，全都是对象
- Object 对象
基本数据类型
String Number Boolean Null Undefined

引用数据类型
Object

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

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

js中数据类型总共6种，我们常用的就是string,number,boolean,object，其中对象是比较难以理解的。
对象
对象是一种复合数据类型，在对象中可以保存多个不同数据类型的属性，类似于数组，但是相比于数组它可以保存多种数据类型。
对象的分类：
1.内建对象
- 由ES标准中定义的对象，在任何的ES的实现中都可以使用
- 比如：Math String Number Boolean Function Object…
-
2.宿主对象
- 由JS的运行环境提供的对象，目前来讲主要指由浏览器提供的对象
- 比如 BOM DOM

		   	3.自定义对象
		   		- 由开发人员自己创建的对象

创建对象
使用new关键字调用的函数，是构造函数constructor
构造函数是专门用来创建对象的函数
使用typeof检查一个对象时，会返回object
var obj = new Object();
这儿我们只需要记住下面的示例就行，不用过多的追求深挖。
应用
增加对象
在对象中保存的值称为属性
语法：对象.属性名 = 属性值;
向obj中添加一个name属性
obj.name = “孙悟空”;
读取对象中的属性
语法：对象.属性名
如果读取对象中没有的属性，不会报错而是会返回undefined
console.log(obj.gender);

修改对象的属性值
语法：对象.属性名 = 新值
obj.name = “tom”;

删除对象的属性
语法：delete 对象.属性名
delete obj.name;
检查对象

使用in检查对象中是否含有指定属性
- 语法：“属性名” in 对象
- 如果在对象中含有该属性，则返回true
如果没有则返回false
console.log(“name” in obj);

常用创建形式
属性名和属性值是一组一组的名值对结构，
名和值之间使用:连接，多个名值对之间使用,隔开
var obj2 = {

			name:"猪八戒",
			age:13,
			gender:"男",
			test:{name:"沙僧"}
			
		};

枚举对象中的属性
使用for … in 语句
语法：
for(var 变量 in 对象){

for…in语句对象中有几个属性，循环体就会执行几次
每次执行时，会将对象中的一个属性的名字赋值给变量

2.函数（Function）

函数也是一个对象
函数中可以封装一些功能（代码），在需要时可以执行这些功能（代码）
函数中可以保存一些代码在需要的时候调用
使用typeof检查一个函数对象时，会返回function
函数基础知识
封装到函数中的代码不会立即执行
函数中的代码会在函数调用的时候执行
调用函数语法：函数对象()
当调用函数时，函数中封装的代码会按照顺序执行
fun();
创建函数
第一种方式
使用函数声明来创建一个函数
语法：
function 函数名([形参1,形参2…形参N]){
语句…
}
示例
function fun2(){
console.log(“这是我的第一个函数~~~”);
}
第二种方式
使用函数表达式来创建一个函数
var 函数名 = function([形参1,形参2…形参N]){
语句…
}

var fun3 = function(){
console.log(“我是匿名函数中封装的代码”);
};
- 形参和实参
- 形参：形式参数
- 定义函数时，可以在()中定义一个或多个形参，形参之间使用,隔开
定义形参就相当于在函数内声明了对应的变量但是并不赋值，
形参会在调用时才赋值。

	- **实参：实际参数**
		- 调用函数时，可以在()传递实参，传递的实参会赋值给对应的形参,
			调用函数时JS解析器不会检查实参的类型和个数，可以传递任意数据类型的值。

如果实参的数量大于形参，多余实参将不会赋值，
如果实参的数量小于形参，则没有对应实参的形参将会赋值undefined

应用小技巧
（实参可以是任意的数据类型，也可以是一个对象
当我们的参数过多时，可以将参数封装到一个对象中，然后通过对象传递）

示例
function sum(a,b){
console.log("a = "+a);
console.log("b = "+b);
console.log(a+b);
}
sum(1,2);
其中a,b为形参。1，2为实参
函数返回值
可以使用 return 来设置函数的返回值
语法：
return 值
return后的值将会会作为函数的执行结果返回，
可以定义一个变量，来接收该结果
在函数中return后的语句都不会执行
Break，continue，return区别
使用break可以退出当前的循环
break;
continue用于跳过当次循环
continue;
使用return可以结束整个函数
return;
作用域

作用域指一个变量的作用的范围
在JS中一共有两种作用域：
1.全局作用域
创建于销毁
- 直接编写在script标签中的JS代码，都在全局作用域
- 全局作用域在页面打开时创建，在页面关闭时销毁
- 在全局作用域中有一个全局对象window，
它代表的是一个浏览器的窗口，它由浏览器创建我们可以直接使用
核心
- 在全局作用域中：
创建的变量都会作为window对象的属性保存
创建的函数都会作为window对象的方法保存
作用
- 全局作用域中的变量都是全局变量，
在页面的任意的部分都可以访问的到

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