day01

javascript --> 简称js

• 前四周 javascript基础
• 后三周 javascript高级

二阶段目标

• 基础语法
• 编程思维

前端(网页三剑客)

• html 结构
• css 样式 （静态页面）
• javascript 交互 行为

javascript

• web1.0 可读

• web2.0 可交互

• web3.0 可拥有

• 浏览器只有一家叫做navigator(网景) javascript祖师爷 布兰登.艾奇

• 花了10天的时间创建了livescript

• 网景为了推广这门语言 就将他改名为javascript

• 微软的IE觉得这个语言功能挺强大的 自己又参考javascript发明了 JScript

• 网景将javascript移交给了老大哥（ECMA欧洲计算机制造商协会） 由ECMA将这两个语言进行了统一 叫做ECMAscript

• java和javascript关系？

• ECMAscript和javascript是什么关系？（javascript的语法标准）

javascript语法组成部分

• ECMAscript标准语法
• DOM
• BOM

javascript的三种写法

• 行内（不推荐）
• 内部（写案例的时候推荐）
  • 写在script标签里面
• 外部（上线的时候推荐）
  • 新建一个js文件
  • 利用script标签src引入

注释

• 含义： 注释是写给开发人员看的
• 两种注释
  1. 单行注释
     • ctrl+/
  2. 多行注释
     • ctrl+shift+/
     • 需要安装快捷键–> 搜索keymap–> eclipse keymap

变量 variable

• 含义： 就是在计算机内存里面以命名的方式存取一个数据 在我们想要使用这个数据的时候 可以根据这个名称找到这个数据拿出来使用

• 变量的过程

  • 定义变量： 存储数据
    • var 变量名 = 数据
  • 使用变量： 获取数据
    • 变量名
    • 使用的时候千万不能加单引号或者双引号

• var是固定写法

• 变量名命名规则和规范

  • 规则： 必须遵循的 如果不遵循就会报错 由ECMAScript制定

    1. 变量名由英文、数字、下划线_、美刀$组成，而且不能由数字开头
    2. 严格区分大小写
    3. 不能是关键字和保留字
       • 关键字： js正在使用的单词 var
       • 保留字： js预留给下一个版本使用的单词 int long class…

  • 规范： 由行业前辈们定义的 建议大家遵循

    1. 语义化： 见名知意
    2. 小驼峰命名法： 多个单词组成 从第二个单词开始首字母大写
    3. 大驼峰命名法： 多个单词组成 每个单词首字母大写

• =不是表示数学上面的等于 表示赋值 将某一个数据赋值给某一个变量名

• 变量使用注意事项

  1. 定义变量并且给这个变量赋值 使用这个变量值的就是我们赋值的数据
     • var a = 1; var b b=1
  2. 定义变量但是没有赋值 使用这个变量的默认值是undefined
     • var a, b
  3. 直接使用一个未定义的变量就会报错变量名 is not defined

• 数据类型（重点）

  • 简单的数据类型

    • number(数值)、string（字符串）、boolean(布尔值)、undefined、null

  • 数值

    • 数字
      • 1/2/3/… 整数
      • 1.1/1.2 小数
      • -1/-1.1 负数

  • 字符串

    • 凡是被单引号或者双引号包裹都是字符串类型
    • ‘10’
    • “10.1”
    • ‘hello’

  • 布尔

    • 真 假
    • true
    • false

  • undefined

    • 当一个变量定义了var 变量名但是未赋值 这个变量的默认值就是undefined

  • null 空

    • 当一个变量定义的时候我们还不知道给他什么样的数据 但是不希望它是默认值undefined 可以将他的定义为null

• 检测数据类型

  • typeof(数据)
  • typeof 数据
  • 这个方法传入一个数据 返回数据所对应的类型单词
  • 字符串类型 返回是这个数据所对应的类型单词 这个单词都是字符串类型

• js是一门弱类型的语言

  • js里面定义任何的数据类型都是使用var 这个和其他语言是不一样
  • js在进行数据运算的时候任何类型都是可以参与运算 在这个运算的过程中是有类型转换的 这个类型转换是看不见 称之为自动类型转换，又称隐式类型转换 都是采用Number方法
  • 有时候自动转换不了的需要手动去转换， 称之为强制类型转换

• 类型转换(重点)

  • 把一种数据类型转换成另一种
  • 其他类型转数值
    • 三种方法
      • Number(数据) 可以将任何类型的数据转换成数值类型
        • 字符串转换成数值 相当于去除了单，双引号 如果是纯数字的字符串 转换的结果就是一个数字，如果是非纯数字的字符串得到的是NaN
        • 布尔值 true–>1 false–>0
        • undefined --> NaN
        • null --> 0
      • parseInt(数据) 可以将任何类型的数据转换成数值类型
        • parseInt转换的运行方式 从数据第一位开始识别 是不是数字 如果是数字就继续往后识别
        • 如果不是数字就停止返回前面识别的数字
        • 不能识别小数点
        • 如果第一位就不是数字 直接返回NaN
        • 能够识别负号
      • parseFloat(数据)
        • parseInt转换的运行方式 从数据第一位开始识别 是不是数字 如果是数字就继续往后识别
        • 如果不是数字就停止返回前面识别的数字
        • 能识别小数点
        • 如果第一位就不是数字 直接返回NaN
        • 能够识别负号
    • 使用思路
      • 如果数据是布尔值(true/false) null undefined都用Number方法
      • 如果数据是字符串还要区分是不是纯数字的字符串
        • 如果是纯数字的字符串用Number方法
        • 如果不是纯数字字符串，是否需要保留小数点
          • 如果需要保留用parseFloat
          • 如果不需要保留用parseInt
  • 其他类型转字符串
  • 其他类型转布尔值
  • 其他类型转undefined
  • 其他类型转null

运算符

• 数学运算符
  • • • • / %