JS基础学习笔记（day1）

一、JS介绍

1. JavaScript是什么？

• 是一中运行在客户端（浏览器）的编程语言，可以实现很多的页面交互效果

2. JavaScript组成是什么？

• ECMAScript（基础语法）、web APIs（DOM、BOM）

3. js书写位置

• 内部上方，在里面写
  
• 外部js，用src引用外部js文件，里面不写
  
• 行内js(了解)
  

4. js注释及结束符

• 单行注释
  
  
• 多行注释
  
  
• 结束符
  • ；（可写可不写）

5. js输入输出语法和自变量

• 语法输出
  • 向页面输出内容：document.write('我是标签')
  • 向页面弹出对话框：alert('jjjj')
  • 控制台输出语法：console.log('看看对不对')
• 语法输入
  • prompt('亲输入你的年龄：'）//会跳过页面渲染，先被执行
    
    
• 自变量
  • 数字1000、字符串asad、[]数组、{}对象字面量

二、变量

1. 变量是什么？

• 计算机用来存储数值的容器（装东西的盒子）

2. 变量的基本使用

• 声明变量
  
• 变量赋值
  • =
• 更新变量
  
• 声明多个变量
  
• 交换两个变量
  
• 变量的本质（内存中的一块空间）
  
  
• 命名规则+规范
  • 规则： ①不能用关键字和保留字；②变量由四部分组成：下划线、数字、字母、$，且数字不能开头；③严格区分大小写
  • 规范： ①起名有意义；②命名小驼峰（小大大...）
• var、let区别
  
• 数组的基本使用
  • 数组（一个数据类型）可以单个变量保存多个数据
    
    
• 常量
  
• 数据类型
  
  • 数字型
    
    • 注意：NaN
      
  • 字符串类型
    
    
    \转义符
    • 字符串的拼接：+（ 数字相加，字符相连）（有一个字符串就是拼接）
      
  • 模板字符串（ES6新语法）
    • 外面用反引，里面用${}
      
  • 布尔（boolean）:true、false
  • 未定义类型（undefined）:js属于弱数据类型，声明变量未赋值时，是未定义类型
    
  • 空的（null）
    
    
• 检测 数据类型
  
• 隐式转换和显式转换
  • prompt返回来的值默认是string类型
    
    
  • 隐式转换：一种隐式 +
    • +：有字符串则按拼接/单用可转为数字型 +'123' --> 123； -、*、/、%：有数字，按数字计算。
      
      
  • 显示转换：三种显示 Number\parseInt\parseFloat
    
• 实战案例+效果