JavaScript 基础

目录

JavaScript 介绍

  1.1 JavaScript 是什么

 1.2 JavaScript 书写位置

  1.3 JavaScript 输入输出语法

  1.4 字面量

变量

  2.1 变量是什么 

  2.2 变量的基本使用

  2.3 变量的本质

  2.4 变量命名规则和规范

  2.5 数组的基本使用

常量

   3.1 常量的基本使用

数据类型

   4.1 数据类型

   4.2 检测数据类型

数据类型的转换

    5.1 为什么需要类型转换

    5.2 隐式转换    

   5.3 显示转换

---

JavaScript 介绍

  1.1 JavaScript 是什么

       1.是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。

       2.组成：ECMAScript 语言基础。Web APIs（DOM , BOM)

 1.2 JavaScript 书写位置

       1.内部javascript：直接写在html文件里面，用script标签包住

            规范：script标签写在</body>上面

       2.外部javascript：代码写在以.js结尾的文件里

           语法：通过script标签引入html页面中  通过src引入外部js文件  中间无需写代码

       3.行内javascript（内联）：代码写在标签内部

     注释：单行注释：//          多行注释：/*  */

     结束符：英文的分号(;) 结尾 可省略  要么每句都加 要么每句都不加

  1.3 JavaScript 输入输出语法

    1.输出语法：

          语法1：document.write('输出内容')  ：文档(body)输出内容

          语法2：alert('输出内容')：页面弹出警示框

          语法3:   console.log('输出内容') ：  控制台打印输出语法，程序员调试使用

    2.输入语法：

         语法：prompt('提示用户输入相应的信息') ：显示一个对话框中包含一条文字 用来提示用户                                                                                   输入文字。

    3.代码执行顺序：alert()和prompt()会跳过页面渲染先被执行

  1.4 字面量

            是在计算机中描述 事/物   ' '字符串字面量

---

变量

  2.1 变量是什么 

          变量是计算机中用来存储数据的容器。 变量不是数据本身

  2.2 变量的基本使用

        1.变量的声明：

                 语法：let  变量名      let即关键字

        2.变量赋值：赋值号 =  

                声明的同时直接赋值  称为 变量的初始化：let 变量名 =  字面量

        3.变量的更新：变量赋值后可以通过简单的直接给他一个不同的值来更新他。

                注意：let不允许多次声明一个变量

        4.声明多个变量：提倡一行只声明一个变量

  2.3 变量的本质

          内存：计算机中存储数据的地方，相当于一个空间

          变量本质：是程序在内存中申请的一块用来存放数据的小空间

  2.4 变量命名规则和规范

         1.规则：不能用关键字（let，if等） 只能用下划线 字母 数字 $组成 且数字不能开头

                        严格区分大小写

         2.规范：遵守小驼峰命名法：第一次单词字母小写，后面每个单词首字母大写 uesrName

  2.5 数组的基本使用

         1.声明数组语法： let  数组名 = [数组1,数组2,......] 数组中保存的每个数据都叫数组元素

         2.取值数组语法：数组名[索引号 下标]    编号从0开始  数组可以存储任意类型的数据

         3.数组长度：length       数组名.length 可以得到数组元素的个数

---

常量

   3.1 常量的基本使用

         1.声明语法：const  常量名

         2.常量不允许重新赋值  常量声明时必须赋值 某个变量值永远不改变的时候

---

数据类型

   4.1 数据类型

       1.基本数据类型：number数字型  string字符串型  boolean布尔型 

                                      undefined未定义型 null空类型

       2.引用数据类型：object对象

         4.1.1 number 数字型：数字可以是整数，小数，负数等

                   js是弱数据类型，变量具体属于哪种类型只有赋值以后我们才能确认

                  算术运算符：+  - * /      %:(取余数) 判断某个数字能不能被整除

                  NaN代表一个计算错误，是一个不正确的或一个未定义的数字操作所得到的结果

         4.1.2 string字符串型：单引号 双引号 反引号 包裹的数据都叫字符串 推荐单引号

                  字符串拼接：+运算符     数字相加，字符相连

                  ～～模板字符串：拼接字符串和变量

                       语法：外面用反引号``包含  里面用${变量名}  

        4.1.3 boolean布尔型：表示肯定或者否定时  true真  false假

        4.1.4 undefined未定义型：声明一个变量但是未赋值 就是undefined

        4.1.5 null空类型：null表示赋值了 但是内容为空

   4.2 检测数据类型

          通过typeof关键字检测数据类型  作为运算符 ：typeof 变量名

---

数据类型的转换

    5.1 为什么需要类型转换

            使用表单，prompt获取的数据默认是字符串类型的 不能进行简单的加法运算

             把一种数据类型的变量转换成需要的数据类型

    5.2 隐式转换    

         某些运算符被执行时系统内部自动转换数据类型

         1.+号两边只要有一个是字符串，都会把另外一个转成字符串

         2.除了+号以外的算术运算符，都会把数据转成数字类型

         3.+号作为正号解析可以转换成数字型

         4.任何数据和字符串相加结果都是字符串

   5.3 显示转换

          转换为数字类型：1.let num = Number(字符串型)     let num = +字符串型 

                                          let num = 字符串  console.log（Number(num)）     

                                        2.parselnt(数据) 只保留整数

                                        3.parseFloat(数据) 可以保留小数