??ECMAScript:

? ? ? 规定了js基础语法核心知识。

? ? ? 比如：变量、分支语句、循环语句、对象等等

? Web APIs :

? ? ?DOM 操作文档，比如对页面元素进行移动、大小、添加删除等操作

? ? ? BOM 操作浏览器，比如页面弹窗，检测窗口宽度、存储数据到浏览器等等

小结：

? ? ? ?javaScript 是一种运行在 客户端（浏览器） 的编程语言。

1.2.javaScript书写位置

1.内联

写在标签内部。

例如：

<button onclick="alert('月薪过万')">点我</button>

2.内部

直接写在html文件里，用script标签包住

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

alert('你好，js')页面弹出警告对话框

3.外部

新建一个js文件，在html中通过script标签引入

语法：

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

注意事项：

script标签里面不能再写代码，否则会被忽略

1.3.javaScript注释

1，单行注释

? ? ? ? ?符号：//

? ? ? ? ?快捷键：ctrl+/

2，块注释

1.4.javaScript结束符

1，结束符

? ? ? ? ?代表语句结束

? ? ? ? ?英文分号；

? ? ? ? ?可写可不写（它把换行自动当作结束符）

? ?1.5.输入输出语法

? ? ? 1，输出语法：? ? ? ? ? ? ?

?//document:文档? ? ?write:写

? ?document.write('我愿意')
  ?document.write('<h1>我愿意</h1>')

//alert 警示
    
    alert('黑马')

//控制台输出语法 程序员看的

     console.log('我是用来测试的')

2.输入语法：

prompt('您好吗?')

1.6.字面量

是在计算机中描述 事/物

? ? ? ?数字字面量：100

? ? ? ?字符串字面量：‘我们是’

? ? ? ? 数组字面量：[]

? ? ? ? 对象字面量:{}

2，变量

2.1.变量是什么

? ? ? ?1.变量是计算机储存数据的容器

2.2.变量的作用

? ? ? ? 1.用来存放数据的

? 变量不是数据本身，而是用于储存数值的容器

2.3变量的基本使用

? ? ? ? ?1.声明变量：

? ? ? ? ? ? ? ? ?想要使用变量，首先要创建变量

语法：

? ? ? let 变量名

例如：

? ? ??let age

? ? ? ? 2.变量赋值：

? ? ? ? ? ? ? ? ? 定义了一个变量后，就可以开始赋值，在变量名之后跟上一个=，然后是数值

例如：

? ? age = 18

也可以在声明变量的时候同时赋值：

? ? ? ?let age = 18

? ? ? ?3.更新变量

? ? ? ? ? ? ? ? ? let age = 18

? ? ? ? ? ? ? ? ? ?age = 19? ? ? ?(此时前面不需要再加let)

? ? ? ? ? ? ? ? ? console.log(age)

此时控制台打出的是19

? ? ? ? 4.声明多个变量：

let age = 18,uname = 'pink'

变量与变量之间用逗号分隔

案例：

交换变量

<script>
    let num1 = 10
    let num2 = 20
    //声明一个临时变量
    let temp
    //把num1的值给temp
    temp = num1
    //把num2的值给num1
    num1 = num2
    //把temp的值给num2
    num2 = temp
    console.log(num1,num2);
  </script>

? ? ? ? ? ? ?5.变量的本质

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

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

? ? ? ? ? ? 6.变量命名规则和规范

? ? ? ? ? ? ? ? ? ?1.规则：

? ? ? ? ? ? ? ? ? ? ? ? ?不能用关键字：如：let var? if? for

? ? ? ? ? ? ? ? ? ? ? ? ?只能用下划线，字母，数字，$组成，且数字不能开头

? ? ? ? ? ? ? ? ? ? ? ? ? 字母严格区分大小写，如Age和age是不同的变量?

? ? ? ? ? ? ? ? ? ?2.规范

? ? ? ? ? ? ? ? ? ? ? ? ? 起名要有意义

? ? ? ? ? ? ? ? ? ? ? ? ? 遵守小驼峰命名法：如：userName

变量练习：

 <script>
// ①：弹出输入框（prompt）： 请输入您的姓名：    用变量保存起来。
// ②：弹出输入框（prompt） ： 请输入您的年龄：    用变量保存起来。
// ③：弹出输入框（prompt） ： 请输入您的性别：    用变量保存起来。

    let uname = prompt('请输入您的姓名')
    let age = prompt('请输入您的年龄')
    let sex = prompt('请输入您的性别')

   document.write(name)
   document.write('<br>')
   document.write(age)
   document.write('<br>')
   document.write(sex)
  </script>

?? 变量扩展：

? ? ? ? ?1.?let和var区别：

? ? ? ? ? let为了解决var的一些问题

? ?var声明：（不合理）

? ? ? ? ? ? 可以先使用再声明

? ? ? ? ? ? 可以重复声明

以后声明变量统一用let? ? ?

? ? ? ? 2.数组：

数组（Array）是一种可以按顺序保存多个数据

? ? ?语法:

let 数组名 = [数据1,数据2, ... ,数组n]

数组不用使用document.write()与alert()打印

数组是按顺序保存，所以每个数据都有自己的下标，从0开始

数组取值案例：

<script>
  let week = ['星期一','星期二','星期三','星期四','星期五','星期六','星期天']
  console.log(week[6]);
</script>

3.数据类型

基本数据类型

3.1.number数字型：

? ? ? ?整数，小数，正数，负数（统一称为数字类型）

? ? ? ?js是弱数据类型，变量到底属于哪种类型，只有赋值之后，才能确认

? ? ? ?NaN（是number类型,不是一个数字）

3.2.字符串类型（string）

? ? ? ?通过单引号，双引号或反引号包裹的数据都叫字符串

注意：

? ? ? ?1.引号都必须成对使用

? ? ? ?2.引号可以相互嵌套，但是不可以自己嵌套自己（外双内单，外单内双）

? ? ? ?3.必要时可以使用转义符 \,输出单引号或双引号

字符串拼接：

? ? 用+进行连接

? ? 如果变量在字符串中间那就（引引加加）

 <script>
    let age = prompt('请输入你的年龄')
    document.write('我今年' + age + '岁了')
  </script>

模板字符串：

? ?1.符号：?``? ? ? ?

? ? ? ?内容拼接时，用${}包裹起来

? ?2.作用：

? ? ? ? 拼接字符串

? ? ? ??执行算数运算

? ? ? ? 在模板字符串里面可以出现换行

3.3布尔类型(boolean)

? ? ?true false

3.4未定义类型(undefined)

? ? ? ? 只声明变量不赋值，然后使用，打印的就是undefine

3.5空类型(null)

4.检测数据类型

1.通过typeof关键字检测数据类型

?

5.类型转换

?