JavaScript学习笔记——计算机基础&初始JS&JS的输入输出语句&JS的变量

目录

• 一、计算机基础导读
• • 1.1 编程
  • 1.2 计算机语言
  • 1.3 编程语言
  • 1.4 编程语言和标记语言的区别
  • 1.5 计算机基础
  • • 1.5.1 计算机的组成
    • 1.5.2 数据存储单位
• 二、JavaSript基础
• • 2.1 JavaScript是什么
  • 2.2 JavaScript/HTML/CSS的关系
  • 2.3 浏览器执行JS
  • 2.4 JS的组成
  • 2.5 JS的书写
• 三、JavaSript输入输出语句
• • 3.1 JS的输入输出语句
• 四、JavaSript的变量
• • 4.1 变量的概述
  • 4.2 变量的使用（声明、赋值）
  • 4.3 变量的初始化
  • 4.4 变量的类型
  • 4.5 变量命名的规范
  • 4.6 字面量
  • 4.7 数据类型转化

一、计算机基础导读

1.1 编程

编程：就是让计算机为了解决某个问题而使用某种程序设计语言编写程序代码，并最终得到结果的过程。

计算机程序：就是计算机所执行的一系列的指令集合，而程序全部都是用我们所掌握的语言来编写的，所以人们要控制计算机一定要通过计算机语言向计算机发出命令。

1.2 计算机语言

1.2 计算机语言

计算机语言用于人与计算机之间通讯的语言，它是人与计算机之间传递信息的媒介。

计算机语言的种类非常的多，总的来说可以分为机器语言、汇编语言和高级语言三大类。

实际上计算机最终执行的都是机器语言，它是由”0″和”1″组成的二进制数，二进制是计算机语言的基础。

二、JavaSript基础

2.1 JavaScript是什么

• Javascript（高级编程语言）是一种运行在客户端的脚本语言（Script是脚本的意思）
• 脚本语言：不需要编译，运行过程中由js解释器（js引擎）逐行来进行解释并执行
• 现在也可以基于Node.js技术进行服务器编程

2.2 JavaScript/HTML/CSS的关系

HTML/CSS标记语言——描述类语言

• HTML 决定了 页结构和内容（决定看到了什么），相当于人的身体
• CSS 决定 页呈现给用户的模样（决定好不好看） 相当于给人穿衣服化妆
  JS脚本语言（逐行进行解释）——编程类语言
• 实现业务逻辑和页面控制（决定功能），相当于人的各种动作

2.3 浏览器执行JS

浏览器分为两个部分 渲染引擎 和 JS引擎
渲染引擎：用来解析HTML和CSS，俗称内核，比如chrome浏览器的blink
JS引擎：也称为JS解释器，用来读取 页中的js代码，对其处理后运行，比如chrome浏览器的V8

2.4 JS的组成

JS的组成：
ecmascript 规定了js的编程语法和基础知识核心
DOM 文档对象类型（可以通过DOM 提供的接口对页面上的各种元素进行操作[大小、位置、颜色等]）
BOM 浏览器对象模型（通过BOM可以操作浏览器窗口，比如弹出框、获取分辨率等）

2.5 JS的书写

• 内嵌式式的js，直接写在元素的内部（写在body里面），用script标签
• 外部js引用，写在head里面title下面
  在HTML中推荐使用双引 ，JS中推荐使用单引
• 单行注释：// （快捷键ctrl+/）
• 多行注释：/**/（快捷键shift+alt+a）

三、JavaSript输入输出语句

3.1 JS的输入输出语句

四、JavaSript的变量

4.1 变量的概述

变量：是用来存放数据的容器，我们通过变量获取数据，甚至可以修改和使用数据。就是一个装东西的盒子
本质：是程序在内存中申请一块用来存放数据的空间

4.2 变量的使用（声明、赋值）

变量在使用时分为两步：
1、声明变量 2、赋值

1、声明变量：通过var来声明（相当于通过var开辟了一块空的空间），var是JS中定义变量的关键字，用来声明变量的。

2、赋值：把值存入这个变量中
3、输出结果

4.3 变量的初始化

声明一个变量并赋值，我们称为变量的初始化
var 变量名=赋值（赋值给变量名【右边赋值给左边】）

同时声明多个变量：只需要写一个var，多个变量之间用英文的，隔开

声明变量的特殊情况：

4.4 变量的类型

typeof关键字用来返回变量的类型

变量的类型包括：

1. string字符串型
   字符串类型要注意加引

字符串的拼接：多个字符串之间可以用+进行拼接，字符串+其他类型用=新的一个字符串型
+ 口 ：数值相加，字符相连

检测字符串的长度 .length

字符串转义符：

2. Boolean布尔类型
   用于判断真假，只有两个可选值：true和false，默认值是false。 true当做1来看,false当做0来看

3. undefined未定义类型
   一个声明后没有被赋值的变量，默认值undefined
   undefined+数值→NaN

4. object对象类型
   用于表达复杂的值，像一个变量中含有了数值型和字符串型等多种变量

5. null空值类型
   使用typeof返回null值得变量。返回结果是object，但不具备object的特征

6. symbol唯一值类型
   该类型用于给对象添加唯一的成员
7. number数字型
   整数和浮点数的类型都是number，默认值是0；

八进制（0-7） 在数字前面+0；

十六进制（0-9 a-f） 在数字前面+0X；

最大值 Number.MAX_VALUE；
最大值 Number.MIN_VALUE；
无穷大 Number.MAX_VALUE2；
无穷小 -Number.MIN_VALUE2；
NaN(Not a number)，是非数字型 没有值
isNaN（）：用于验证是否是非数字 并返回一个值，如果是数字返回的是false 如果不是数字返回的是true

4.5 变量命名的规范

4.6 字面量

字面量就是如何表达这个值。通俗来说就是一看到就知道它是什么样的的数据类型

4.7 数据类型转化

1. 转化为字符串

2. 转换为数字型