JS基础知识

来源：天津优就业IT培训学校时间：2020/5/22 11:55:42

JavaScript函数

使用函数前要先定义才能调用，函数的定义分为三部分：函数名，参数列表，函数体
定义函数的格式：

function 函数名([参数1，参数2...]){ 函数执行部分； return 表达式； } 

函数有三种定义方法：

• 函数定义语句
• 函数直接量表达式
• Function构造函数

函数有四种调用模式：

• 函数调用模式（通过函数调用）
• 方法调用模式（通过对象属性调用）
• 构造函数模式（如果是作为构造函数来调用，那么this指向new创建的新对象）
• 函数上下文（借用方法模式：它的this指向可以改变，而种模式是固定的）；
  函数上下文就是函数作用域；基本语法：apply 和 call 后面都是跟两个参数。）

在javascript函数中，函数的参数一共有两种形式：（实际参数与形式参数）
形参：在函数定义时所指定的参数就称之为“函数的形参”。
实参：在函数调用时所指定的参数就称之为“函数的实参”。

运算符

算术运算符：主要是用来进行JavaScript中的算术操作。（+、-、*、/、%、++、--）
赋值运算符：=用于给JavaScript 变量赋值，其作用就是把右侧的值赋给左侧的变量。
关系运算符：用于进行比较的运算符。主要有小于（<）、大于（>）、等于（==）、大于等于（>=）、小于等于（<=）、不等（!=）、恒等（===）、不恒等（!==）。
逻辑运算符：逻辑运算符通常用于布尔值的操作，返回结果是一个布尔类型，一般和关系运算符配合使用，
有三个逻辑运算符：逻辑与(AND)、逻辑或(OR)、逻辑非(NOT)。
字符串连接运算符：是用于两个字符串型数据之间的运算符，它的作用是将两个字符串连接起来。
在JavaScript中，可以使用+和+=运算符对两个字符串进行连接运算。
三目操作符（条件运算符）：？ 根据不同的条件，执行不同的操作/返回不同的值。

JavaScript条件语句

分为四种条件语句：

If 语句：只有当指定条件为true时，使用该语句来执行代码
if-else 语句：当条件为true时执行代码，当条件为false时执行其他代码
if-else if-else 语句：使用该语句来选择多个代码块之一来执行
switch 语句：同上，switch的工作原理呢？
首先设置表达式n(通常是一个变量)，随后表达式的值会与结构中的每个case值作比较；
如果存在匹配则该关联代码块执行；
然后使用break来阻止代码自动的向下一个case运行；
default关键词来规定匹配不存在时做的事情。

JavaScript 不同类型的循环

常见的循环主要是三种：for 循环、while 循环、do/while 循环。

for 循环：代码块有一定的次数。
for 有三个表达式：1 声明循环变量 2 判断循环条件 3 更新循环变量
特点：先判断再执行，与while相同。
while 循环：当指定的条件为true时循环指定的代码块
do/while 循环：同while循环一样。
特点：先执行再判断，即使初始条件不成立，do/while循环至少执行一次。

循环结构的执行步骤：

• 声明变量
• 判断循环条件
• 执行循环体操作
• 更新循环变量
• 后执行循环2-4，直到条件不成立，跳出循环

JavaScript Break 和Continue 语句

break：跳出本层循环，继续执行循环后面的语句。
　　　　如果循环有多层，则break只能跳出一层。
continue：跳过本次循环剩余的代码，继续执行下一次循环。
　　　　对与for循环，continue之后执行的语句，是循环变量更新语句i++；
　　　　对于while、do-while循环，continue之后执行的语句，是循环条件判断；
　　　　因此，使用这两个循环时，必须将continue放到i++之后使用，否则，continue将跳过i++进入死循环。

 JavaScript 错误处理使用 try ... catch ... finally

一种是程序写的逻辑不对，导致代码执行异常；
一种是执行过程中，程序可能遇到无法预测的异常情况而报错。
throw 声明
onerror 事件

 JavaScript 框架（库）

jQuery 库

jQuery 函数是 $() 函数（jQuery 函数）。
jQuery 库包含以下功能：
HTML 元素选取、元素操作、CSS 操作、HTML 事件函数、JavaScript 和动画、
HTML DOM 遍历和修改、AJAX、Utilities
面向对象编程包括 创建对象、原型继承、class继承。
类是对象的类型模板；实例是根据类创建的对象。
jQuery 优点：

• 分布规模小
• 学习曲线平缓，在线帮助多
• 语法简洁
• 容易延伸
• 消除了浏览器差异
• 简洁的操作DOM的方法
• 轻松实现动画
• 修改CSS等各种操作
  缺点：
• 增加了本机API的速度开销
• 浏览器兼容性的改善降低了它的性能
• 用法扁平
• 有些开发人员抵制使用

AngularJs企业级框架

其为核心的特性为：MVC、模块化、自动化双向数据绑定、语义化标签及依赖注入等。

React框架

React被称为构建用户接口而提供的Javascript库；主要用来构建UI，其专注于MVC的V部分。

vue未来的主流

vue.js 是用来构建web应用接口的一个库，技术上，Vue.js 重点集中在MVVM模式的ViewModel层，
它连接视图和数据绑定模型通过两种方式。

Require Js

RequireJs是一个javascript模块加载器，提高网页的加载速度和质量。

Backone框架

Backone是一个帮助开发重量级Javascript应用的框架，但它本身简单的框架。其文件体积很小，压缩后只有5.3KB，提供了全功能的MVC框架及路由。Backone强制依赖于Underscore.js，非强制依赖于jQuery/Zepto。

D3.js

数据可视化和图表是Web应用中不可或缺的一部分。
d3.js就是流行的可视化库之一，它允许绑定任意数据到DOM，然后将数据驱动转换应用到Document中。

JavaScript this

方法中的this指向调用它所在方法的对象。
单独使用this，指向全局对象。
函数中，函数所属者默认绑定到this上。

this使用场合：

• 全局环境
• 构造函数
• 对象的方法
• Node

16 JavaScript闭包

闭包是指有权访问另一个函数作用域中的变量的函数。
创建闭包就是创建了一个不销毁的作用域。
闭包需要了解的几个概念： 作用域链、执行上下文、变量对象。
闭包的好处有：

• 缓存
• 面向对象中的对象
• 实现封装，防止变量跑到外层作用域中，发生命名冲突
• 匿名自执行函数，匿名自执行函数可以减少内存消耗
  坏处：
• 内存消耗
• 涉及到跨作用域访问是时会导致性能耗损

尊重原创文章，转载请注明出处与链接：http://www.peixun360.com/2297/news/189473/违者必究！ 以上就是天津优就业IT培训学校 小编为您整理 JS基础知识的全部内容。