JavaScript第一部分总结

JavaScript第一部分总结

一.简介

1.概述

JavaScript是目前web开发中不可缺少的脚本语言，js不需要编译即可运行，运行在客户端，需要通过浏览器来解析执行JavaScript代码。

诞生于1995年，当时的主要目的是验证表单的数据是否合法。

JavaScript本来应该叫Livescript，但是在发布前夕，想搭上当时超热的java顺风车，临时把名字改为了JavaScript。（也就是说js跟java没有关系，当时只是想借助java的名气）。

2.组成

• ECMAScript——JS语法
• DOM——页面文档对象模型
• BOM——浏览器对象模型

3.写法

• 行内式
• 内嵌式
• 外部JS

4.作用

• 表单动态校验（密码强度检测）
• 网页特效
• 服务端开发（Node.js)
• 桌面程序（Electron）
• App （Cordova)
• 控制硬件-互联网（Ruff）
• 游戏开发（cocoszd-js）

5.js输入输出

• alert（msg）——浏览器弹出警示框
• console.log（msg）——浏览器控制台打印输出信息
• prompt（info）——浏览器弹出输入框，用户可输入

二.基本语法

1.变量

变量是用于存放数据的容器，通过变量名获取数据，甚至数据可以修改。
变量是程序中申请的一块用来存放数据的空间。

• 声明变量：eg：var age;
• 赋值：age = 18;
• 变量初始化：var age = 18;

2.三元运算符

条件表达式 ？表达式1 ：表达式2

• 条件表达式为真——>返回表达式1
• 条件表达式为假——>返回表达式2

三.数据类型

1.null, undefined 和布尔值

• Null——空值
• Undefined——无赋值
• Boolean——布尔值类型（true，false）
  数据类型转换为布尔值 Boolean（）

2.数字型

JS中八进制前+0，十六进制前+0x

• 最大值——alert ( Number.MAX_VALUE);

• 最小值——alert ( Number.MIN_VALUE);

• Indinity——无穷大

• -Indinity——无穷小

• NaN——非数值

（1）isNaN()判断是否为数字型
（2）转换为数字型

• parselnt(string)——取整，得到整数
• parseFloat(string)——得到浮点数
• Number()——强制转化为数字型
• -，*，/ ——通过运算符转换为数字型

2.字符串

（1）字符串转义字符

• \n ——换行
• \b ——空格
• \ \ ——斜杠\
• \ ’ ——单引号
• \ " ——双引号
• \t ——tab缩进

（2）字符串长度length
（3）字符串拼接（字符串+任何类型=字符串）
（4）转换为字符串

• toString()
• String()——强制转换为字符串
• 加+拼接

3.对象

对象由属性和方法组成的
属性：事物的特征
方法：事物的行为
（1）创建对象object

• 对象自变量 var obj = { }
• new object创建对象

 var obj = new Object;
 obj.uname = ~;

• 构造函数创建对象

 function 名（）{
    this.属性 = ~,
    this.方法 = ~
 }
 new 名();

(2)for…in遍历对象

for (变量 in 对象）{
    console.log(k);//得到属性名
    console.log(obj[k]);//得到属性值
    }

4.函数

（1）声明函数 function 函数名 （）{}
（2）调用函数 函数名 （）；
（3）arguments 对象中储存了传递所有实参，展示形式是一个伪数组
（4）return 可返回数组
（5）函数表达式声明

var 变量 = function（）{}；
变量（）；

5.数组

（1）利用new创建数组 var arr = new Array（）；
（2）利用数组字面量创建数组 var arr = [ ]；

6.获取变量数据类型 typeof

四.运算符

1.算数运算符

+，-，* ，/ ， %

2.递增递减

递增（++）递减（–）

• 前置：先自加，后返回值
• 后置：先返回值，后自加

3.比较运算符

< , <= , > , >= , == , != , = = = , ! = =( 值与数据类型）

• = 赋值
• ==判断
• ===全等

4.逻辑运算符

• &&——与
• || —— 或
• ！——非

逻辑中断：
表达式1&&表达式2
①表达式1正确，返回表达式2
②表达式1错误，返回表达式1
表达式1 || 表达式2
①表达式1正确，返回表达式1
②表达式1错误，返回表达式2

5.赋值运算符

= ，+= ，-=，/=，%=