欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

js基础对象与函数

程序员文章站 2022-06-30 19:14:58
...

基本概念
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对象

变量的声明提前

  • 使用var关键字声明的变量,会在所有的代码执行之前被声明(但是不会赋值),
    但是如果声明变量时不适用var关键字,则变量不会被声明提前

函数的声明提前

  • 使用函数声明形式创建的函数 function 函数(){}
    它会在所有的代码执行之前就被创建,所以我们可以在函数声明前来调用函数
    使用函数表达式创建的函数,不会被声明提前,所以不能在声明前调用
相关标签: js