自学JavaScript笔记（Day02）

目录

01 认识JS

1.JS是什么

2.浏览器执行 JS 简介

3.JS的组成

4.JS的书写

1.行内式JS

2. 内嵌 JS

 3. 外部 JS文件

5.JavaScript 输入输出语句

02 数据类型

1.简单数据类型（基本数据类型）：

 2. 获取变量数据类型

3.数据类型转换

1.转换为字符串

 2.转换为数字型（重点）

3.转换为布尔型 

---

01 认识JS

1.JS是什么

JavaScript 是一种运行在客户端的脚本语言 （Script 是脚本的意思）

脚本语言：不需要编译，运行过程中由 js 解释器( js 引擎）逐行来进行解释并执行

现在也可以基于 Node.js 技术进行服务器端编程

2.浏览器执行 JS 简介

浏览器分成两部分：渲染引擎和 JS 引擎

渲染引擎：用来解析HTML与CSS，俗称内核，比如 chrome 浏览器的 blink ，老版本的 webkit  

JS 引擎：也称为 JS 解释器。 用来读取网页中的JavaScript代码，对其处理后运行，比如 chrome  浏览器的 V8

浏览器本身并不会执行JS代码，而是通过内置 JavaScript 引擎(解释器) 来执行 JS 代码 。JS 引擎执行代码时逐行解释每一句源码（转换为机器语言），然后由计算机去执行，所以 JavaScript 语言归为脚本语言，会逐行解释执行。

3.JS的组成

ECMAScript：

ECMAScript 规定了JS的编程语法和基础核心知识，是所有浏览器厂商共同遵守的一套JS语法工业标准。

DOM——文档对象模型：

文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过 DOM 提供的接口可以对页面上的各种元素进行操作（大小、位置、颜色等）。

BOM——浏览器对象模型：

BOM (Browser Object Model，简称BOM) 是指浏览器对象模型，它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口，比如弹出框、控制浏览器跳转、获取分辨率等。

4.JS的书写

1.行内式JS

<input type="button" value="点我试试" onclick="alert('Hello World')" />

•  可以将单行或少量 JS 代码写在HTML标签的事件属性中（以 on 开头的属性），如：onclick
• 注意单双引号的使用：在HTML中我们推荐使用双引号, JS 中我们推荐使用单引号
• 可读性差， 在html中编写JS大量代码时，不方便阅读；
• 引号易错，引号多层嵌套匹配时，非常容易弄混；
• 特殊情况下使用

2. 内嵌 JS

可以将多行JS代码写到 <script> 标签中

 3. 外部 JS文件

<script src="my.js"></script>

5.JavaScript 输入输出语句

02 数据类型

在代码运行时，变量的数据类型是由 JS引擎 根据 = 右边变量值的数据类型来判断 的

JavaScript 拥有动态类型，同时也意味着相同的变量可用作不同的类型：

var x = 6;           // x 为数字
var x = "Bill";      // x 为字符串   

数据类型的分类

•  简单数据类型 （Number,String,Boolean,Undefined,Null）  
• 复杂数据类型 （object)

1.简单数据类型（基本数据类型）：

 数字型 Number

数字型三个特殊值：

• Infinity ，代表无穷大，大于任何数值
• -Infinity ，代表无穷小，小于任何数值
• NaN ，Not a number，代表一个非数值

isNaN()用来判断一个变量是否为非数字的类型，返回 true 或者 false

字符串型 String

因为 HTML 标签里面的属性使用的是双引号，JS 这里我们更推荐使用单引号。

1. 字符串引号嵌套

JS 可以用单引号嵌套双引号 ，或者用双引号嵌套单引号 (外双内单，外单内双)

var strMsg = '我是"高帅富"程序猿';   // 可以用''包含""
var strMsg2 = "我是'高帅富'程序猿";  // 也可以用"" 包含''
//  常见错误
var badQuotes = 'What on earth?"; // 报错，不能 单双引号搭配

2. 字符串转义符

3. 字符串拼接

多个字符串之间可以使用 + 进行拼接，其拼接方式为 字符串 + 任何类型 = 拼接之后的新字符串

拼接前会把与字符串相加的任何类型转成字符串，再拼接成一个新的字符串

我们经常会将字符串和变量来拼接，因为变量可以很方便地修改里面的值  

变量是不能添加引号的，因为加引号的变量会变成字符串

2. 获取变量数据类型

typeof 可用来获取检测变量的数据类型

var num = 18;
console.log(typeof num) // 结果 number

3.数据类型转换

1.转换为字符串

 toString() 和 String()  使用方式不一样。

三种转换方式，我们更喜欢用第三种加号拼接字符串转换方式， 这一种方式也称之为隐式转换。

 2.转换为数字型（重点）

3.转换为布尔型 

代表空、否定的值会被转换为 false  ，如 ''、0、NaN、null、undefined  

其余值都会被转换为 true