JavaScript基础

一、JavaScript简介

  1. 什么是 JavaScript

       JavaScript 简称为 JS ，由网景公司开发的客户端脚本语言，不需要编译，可以直接运行

       Web 前端三层：

          结构层 HTML 定义页面的结构

          样式层 CSS 定义页面的样式

          行为层 JavaScript 用来实现交互，提升用户体验

  2. JavaScript 作用

          在客户端动态的操作页面

          在客户端做数据的校验

          在客户端发送异步请求

二、JavaScript基本用法

  1. 基本结构

     输出信息的三种方式：

          alert() 弹出警告框

          console.log() 输出到浏览器的控制台

          document.write() 输出到页面

     输入信息的三种方式：

          prompt()弹出输入框，获取用户输入的数据

         使用 typeof 变量名 判断变量的类型

         使用 Number(变量名) 将字符串转换为数值

  2. 转义符

        由于字符串中经常会有一些特殊字符，比如换行、引号等，为了让字符能够正常显示，此时需要使用转义符

  3. 注释

•    单行注释： //
• 多行注释： /*注释内容*/

  4. 语法约定

    编码规范：

       1.  区分大小写

       2.  代码缩进

       3. 建议每行只写一条语句，语句结束以分号结尾如果不以分号结尾，则以行末作为语句的结束代码执行顺序：从上往下，从左往右.

  5. 引用方式（三种）

       引用 JavaScript 有三种方式：

1. 内嵌方式：

在页面中使用 script 标签，在 script 标签的标签体中编写 js 代码script标签可以放在页面的任意位置，一般放在 head 中

2. 行内方式：

在普通标签中编写 js 代码，一般需要结合事件属性，如 onclick、 onmouseover等

3. 外部方式 ：

使用单独的 .js 文件定义，然后在页面中使用 script 标签引入外部脚本文件

 

    注：如果某个 script 标签用于引入外部 js 文件，则该 script 标签 的标签体中不能再写js 代码

三、变量和数据类型

1.1 简介

    在程序运行过程中其值可以改变的量，是一个数据存储空间的表示，即给内存空间起别名

将数值通过变量进行存储，以便程序随时使用，通俗点来说，变量就是用来存储数据的JavaScript是弱变量类型的语言，声明变量只需要使用 var 关键字

语法： var 变量名 = 变量值 ;

 

 1.2 命名规则

    规则：

1.只能由数字，英文字母，下划线以及 $ 符号组成，但不能以数字开头

2.不能使用 javascript 中的关键字，不建议

3.区分大小写

4.通常第一个单词首字母小写，其他单词首字母大写

   命名规范：

1.驼峰命名法：

第一个单词首字母小写，其他单词首字母大写，如变量名、方法名、函数名等

2.帕斯卡命名法：

所有单词首字母大写，如类型名称、构造函数名称等

 1.3 加号的作用

    作用：

1.两个字符串用加号连接： 连接这两个字符串

2.两个数值用加号连接： 进行加法运算

3.字符串和其他值用加号连接： 连接

1.4 字面量

字面量（直接量）表示如何表达这个值，一般除去表达式外，给变量赋值时等号右边都可以认为是字面量。

简单来说就是字面上就能明白代码含义。

    分类：

1.字符串字面量 (string literal ) ，如 var name=“tom”;

2.数组字面量 (array literal) ，如 var array=[12,32];

3.对象字面量 (object literal) ，如 var stu={name:”tom”,age:20}

4.函数字面量 (function literal)

2. 数据类型

2.1 简介

变量中存储的是什么样的数据，那么这个变量就是什么样类型。

数据类型：

1.string 存储一串字符 , 用双引号或单引号括起来

2.number 表示整数或浮点数

3.boolean 表示真假 , true 或 false

4.undefifined 变量被声明了，但未被赋值

5.null 空

2.2 判断数据类型

使用 typeof 判断数据类型

用法： typeof( 变量 ) 或 typeof 变量

返回值： string 、 number 、 boolean 、 undefifined 、 object

2.3 获取用户输入

使用 prompt() 提示用户输入数据

语法： prompt(" 提示信息 ", " 输入框的默认信息 ");

四、运算符

1. 算术运算符

1.1 用法

前缀自增自减和后缀自增自减的区别

1.前缀自增自减

先进行自增或自减运算，然后再执行表达式

2.后缀自增自减

先执行表达式，然后再进行自增或自减运算

区别：

1.2 NaN

含义：Not a Number 表示非数字，其自身是number类型 

作用：用来表示数值的一种不正常的状态，一般在计算出错时会出现

    使用 isNaN() 检查参数是否为非数字

1.如果是非数字，则返回true

2.如果不是非数字（即是数字），则返回 false

1.3 Math 对象

执行常见的算数任务，用法： Math. 方法名 ( 参数 )

常用方法：

2. 关系运算符  

也称为比较运算符，用来做比较运算，比较的结果是 boolean 类型

3. 赋值运算符

 

4. 逻辑运算符 

逻辑中断，也称为短路运算： 

1. || 如果第一个为真就返回第一个表达式，否则返回第二个表达式

2. && 如果第一个为假就返回第一个表达式，否则返回第二个表达式

  运算优先级：! > && > ||

5. 条件运算符

也称为三目运算符，语法： 条件 ? 表达式 1 : 表达式 2

当条件为 true 时执行表达式 1 ，当条件为 false 时执行表达式 2

6. 运算符优先级

   从高到低的顺序：

1. 小括号 ( )

2. 一元运算：自增 ++ 、自减 -- 、非 !

3. 乘 * 、除 / 、取余 %

4. 加 + 、减 -

5. 关系运算： > 、 < 、 >= 、 <=

6. 相等运算： == 、 !=

7. 逻辑与 &&

8. 逻辑或 ||

9. 赋值运算： = 、 += 等

注：当运算符较多时，建议使用 () 小括号 控制运算的顺序