js基础知识总结_js din、-CSDN博客

本文链接：https://blog.csdn.net/weixin_43791370/article/details/106519897

js简介

在这里插入图片描述

js的实现

在这里插入图片描述

js语法

在这里插入图片描述

js注释

在这里插入图片描述

js运算符

在这里插入图片描述

js的条件语句
1.if…else
2.switch…case…break

js的循环语句
1.for循环\ for in
2.while循环、do…while循环

js跳转语句
1.break
2.continue

js函数
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

函数调用
调用方式：
1）在<script>标签内调用
2）在html文件中调用

js异常捕获

1.异常：
当javascript引擎执行js代码时，发生了错误，导致程序停止运行
2.异常抛出：
当异常产生，并且将这个异常生成一个错误信息

3.异常捕获

try{
	发生异常的代码块；
}catch(err){
	错误信息处理；
}

4.Throw语句：
通过throw语句创建一个自定义错误

js事件
事件是可以被js侦测到的行为
在这里插入图片描述

js对象

分类：
1.内建对象
-由ES标准中定义的对象，在任何的ES的实现中都可以使用
-比如Math String Number…
2.宿主对象
-由JS的运行环境提供的对象，目前来讲主要是指浏览器提供的对象
-比如BOM DOM
3.自定义对象
-由开发人员自己创建的对象

数据类型分类

基本数据类型
String Number Boolean Null Undefined

引用数据类型
Object

区别：
基本数据类型就是值拷贝（值传递），引用数据类型就是引用对象的地址去访问到同一个对象（引用传递）。

JS中的变量都是保存到栈内存中的，基本数据类型的值以变量名与值的键值对形式直接在栈内存中存储。

对象是保存到堆内存中的，每创建一个新的对象，就会在堆内存中开辟出一个新的空间，而变量保存的是对象的内存地址（对象的引用），如果两个变量保存的是同一个对象引用，当其中一个通过一个变量修改属性是，另一个也会收到影响。
自己理解：（对象是保存到堆内存中的。创建一个对象，对象名存在栈内存变量名中，值指向堆内存中的内存地址（内存地址保存在值中），堆内存中储存对象的相关信息。）

当比较两个基本数据类型的值时，就是比较值。
而比较两个引用数据类型时，它是比较的对象的内存地址，如果两个对象是一模一样的，但是地址不同，这两个对象也是不同的。

总结!!!
基本数据类型保存的是值，引用数据类型保存的是地址。

创建对象

创建一个对象：
var obj = new Object(); (这种方式比较麻烦不常用)
可等价于
var obj = {}; (常用，使用对象字面量创建对象)

使用对象字面量，可以在创建对象时，直接指定对象中的属性。
语法：{属性名：属性值，属性名：属性值,…}
对象字面量的属性名可以加引号也可以不加，建议不加。
如果要使用一些特殊的名字，则必须加引号。

属性名和属性值是一组一组的键值对结构
名和值之间使用：连接，多个名值对之间使用，隔开

作用域

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

变量声明提前：
使用var关键字声明的变量，会在所有的代码执行之前被声明（但是不会被赋值）
但是如果声明变量时不适用var关键字，则变量不会被声明提前
函数声明提前：
使用函数声明形式创建的函数 function 函数名(){} 在代码执行之前就会被创建。所以我们可以在函数声明前调用函数。
使用函数表达式创建的函数 var 函数名 = function(){} 不会被声明提前，所以不能在声明前调用。

全局作用域中的变量都是全局变量，在页面任意的部分都可以访问的到。

2.函数作用域
调用函数时创建函数作用域，函数执行完毕以后，函数作用域销毁。

每调用一个函数就会创建一个新的函数作用域，他们之间是互相独立的。

在函数作用域中可以访问到全局作用域的变量，在全局作用域中无法访问到函数作用域的变量】

当在函数作用域操作一个变量时，它会先在自身作用域中寻找，如果由就直接使用，如果没有则向上一级作用域中寻找。如果全局作用域中依然没有找到，则会报错。

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

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

函数声明也会在函数中所有的代码执行之前执行。

定义形参就相当于在函数作用域中声明了变量。

This

解析器在调用函数每次都会向函数内部传递进一个隐含的参数。这个隐含的参数就是this，this指向的是一个对象，这个对象我们称为函数执行的上下文对象，根据函数的调用方式的不同，this会指向不同的对象
1.以函数的行是调用时，this永远都是window
2.以方法的形式调用时，this就是调用方法的那个对象

工厂方法创建对象

使用工厂方法创建对象

创建一个构造函数，专门用来创建Person对象的，构造函数就是一个普通函数，创建方式和普通函数没有区别，不同的是构造函数习惯上首字母大写。

构造函数的执行流程：
1.立即创建一个新的对象
2.将新建的对象设置为函数中this
3.逐行执行函数中的代码
4.将我们新建的对象作为返回值返回。
使用同一个构造函数创建的对象，我们称为一类对象，也将一个构造函数成为一个类。
我们将通过一个构造函数创建的对象，成为是该类的实例（实例化对象）。

instanceof

使用instanceof可以检查一个对象是否是一个类的实例

prototype

我们所创建的每一个函数，解析器都会向函数中添加一个属性prototype。每一个函数的prototype都是唯一的。
这个属性对应一个对象，这个对象就是我们所说的原型对象。
如果函数作为普通函数调用Prototype没有任何作用
当函数以构造函数的形式调用时，它所创建的对象中都会有一个隐含的属性。（指向该构造函数的原型对象，我们可以通过__proto__来访问该属性）
在这里插入图片描述