一、JS 简介

1. 定义：JavaScript（简称 JS）是弱类型、解释型、单线程脚本语言，最初用于网页交互，现可运行在浏览器 / Node.js 环境。
2. 三大组成
   • ECMAScript(ES)：语法核心（变量、数据类型、流程控制、函数、原型等）
   • BOM：浏览器对象模型（操作浏览器：窗口、地址栏、定时器）
   • DOM：文档对象模型（操作 HTML 标签：增删改元素、样式

二，今天讲解 js的使用方式，js的输出方式，js的变量和数据类型，js的运算符。

•      js的使用方式有三种：行内式，内嵌式，外链式

           1，行内式（写在 HTML 标签上）

           2，内嵌式（用 <script></script> 标签包裹 JS 代码，可放在页面任意位置）

           3，外链式

•    js的输出方式

        1，通过浏览器弹出框进行输出

        2，直接在网页页面中进行输出

       3，通过浏览器控制台进行输出！此方法最常用！

• js的变量和数据类型

       js的变量：变量就是装数据的盒子，先声明，再使用。

      三种变量：

关键字	作用	特点
let	声明变量	最常用，可修改，不能重复声明
const	声明常量	必须赋值，赋值后不能修改（固定值）
var	旧版声明	有坑，现在不推荐使用

    js的数据类型：JS 数据类型分两大类：基本数据类型（5 个） + 引用数据类型（1 个）

   第一类：基本数据类型（简单类型）

     共 5 种，存的是值本身，放在栈内存。

      1，字符串String：被单引号 / 双引号包裹的文本

      2，数字number：所有数字：整数、小数、负数、NaN、Infinity

     3，布尔值boolean：只有两个值：true（真） / false（假）

      4，未定义类型undefined：只声明没赋值 的变量默认值

     5，空值 null:表示空对象、空引用，手动设置为空

第二类：引用数据类型（复杂类型）共一种

      1，对象 object：包括对象{}，数组【】，，函数function，日期等。

最简单的区分口诀

基本类型（5 个）

数、串、布、未、空

• Number
• String
• Boolean
• Undefined
• Null

引用类型（1 个）

Object（对象 / 数组 / 函数）

• js的运算符

      1，算术运算符

符号	含义	示例
+	加 / 字符串拼接	5+3=8，'1'+2='12'
-	减	5-2=3
*	乘	3*4=12
/	除	10/2=5
%	取余（求模）	7%2=1
**	幂运算	2**3=8（2³）
++	自增	a++ / ++a   (++a=a+1)(a++=a)
__	自减	a-- /--a()

     2,算术赋值结合运算符

符号	等价写法
=	a=10
+=	a=a+n
-=	a=a-n
*=、/=、%=、**=	同理简写

      3,比较运算符（返回 true /false）

符号	说明
>、<、>=、<=	大小比较
==	相等（自动转类型）5=='5' → true
===	全等（值 + 类型都相同，推荐用）5==='5'→false
!=	不等（隐式转换）
!==	不全等（推荐）

== (宽松相等) 与 === (严格相等) 的核心区别
== 运算符‌：	会执行隐式类型转换后再比较值
‌=== 运算符‌：	不执行任何类型转换，类型得相同

    4，取反运算符：！：把任意数据转为布尔值，再取反

  

以下值在布尔上下文中会被转换为false，其他所有值都会被转换为true：

false (布尔值false本身)

0 (数字零)

"" (空字符串)

null

undefined

NaN (特殊的非数字值)

     5，且运算符（&&），参与“且运算”的项，必须同时为真才返回真，否则返回假

console.log(10 < 20 && 10 > 5); // true

console.log(10 > 20 && 10 > 5); // false

     6，或运算符（||），参与“或运算”的项，有一个为真即返回真，否则返回假

console.log(10 < 20 || 10 > 5); // true

console.log(10 > 20 || 10 > 5); // true

console.log(10 > 20 || 10 < 5); // false