JS入门基础

Javasript语言
解释型脚本语言，简称JS。
Netscape——Sun公司

• 其他浏览器——JavaScript
• IE 6/7/8——JScript
• IE 9/10/11浏览器——兼容性越来越好；

组成部分：

• ECMAScript——是脚本语言的语法；
  比如名称规则、变量、函数、语句等；所谓语法就是这个语言的规则。
• DOM——document object model（文档对象模型）主要用于JavaScript与HTML页面之间的交互。
• BOM——browser object model（浏览器对象模型）主要浏览器提供一系列的对象内容。

ECMAScript

• 目前所学习版本——ECMA 5
• 后面的课程学- 习版本——ECMA 6/2015
• 目前最新的版本——ECMA 7/2016
• 即将推出的版本——ECMA 8/2017

如何使用Javascript

• 客户端JavaScript——在HTML页面
  
  • 第一方式直接在HTML中编写JavaScript；
    
    • < script>< /script>表示脚本标签。该标签内，用来编写脚本语言。
    • 属性：
      
      • type属性——设置当前使用脚本语言的类型。
      • JavaScript——text/javascript
      • 注意——HTML5版本可以不使用type属性。
    • language属性——设置当前使用脚本语言。
      
      • 值-JavaScript
      • 注意——该属性是一个废弃的属性，旧了！
  • 第二种方式——编写独立的JavaScript文件
    
    • 创建一个JavaScript文件——扩展名为“.js”。
    • HTML页面在< head>标签中使用< script>标签引入。
      
      • 通过src属性引入JavaScript文件，设定规则——统一写在< head>标签中。
• 服务器端

基础语法

• 区分大小写——只针对英文
  
  • 全小写、首字母大写和全大写表示不同的含义；
  • 最少使用首字母大写；
  • 最多使用全小写；
• 空格和换行
  
  • 在js运行中会自动忽略代码中空格和换行；
• 语句后添加一个分号：
  
  • 作用——表示当前这条语句的结束；
  • 含义——分号叫做结束符。

语句（了解）

标识符 表达式{——语句块        语句；}

• 语句的特点——一条语句独占一行

关键字和保留字

• 关键字
  
  • JS本身使用的一些单词；
  • 在开发中不能直接使用；
• 保留字
  
  • JS目前并没有使用的一些单词；
  • 不允许在开发中使用；
  • 在新版中保留字变成了关键字！

变量和常量

数据——目前获得用户的相关的一切信息。《从IT到DT》

• 变量——变化的量
  
  • 代表数据的一个标识；
  • 存储信息的一个容器；
  • 变量允许重复使用；
  • 语法结构：var 变量名=变量值；
• 常量——不变化的量
  
  • 注意：
    
    • 声明了一个常量，并且进行赋值；
    • 结果——常量的值是不允许改变的。
  • 常量的声明：
    
    • ECMA5版本之前，JS是没有常量的；ECMA5版本之后，才出现常量的概念。是一个只读read-only的变量。
      
      • 人为规定常量——没有语法结构。
      • 声明常量依旧使用的是var关键字；
    • 在ECMA5版本之后，提供了关键字 const 定义常量量

数据类型

概念

• 数据——有效的一些信息；
  一个人的月收入——“10000”；
  为了满足目前所有数据的可能性，以及对数据的操作；
• 类型—— 对数据的分类

数据类型的分类：

• 在ECMA官方文档中并没有提供任何分类；
• 数据的分类——人为进行的分类
  
  • 方便学习和记忆

• 分类

  • 原始类型——字面量
    
    • string——字符串（文本内容）
    • number——数字
    • bollean——布尔类型
  • 包装类型——对象类型
    
    • String
    • Number
    • Bollean
  • 引用类型
  • 特殊类型
    
    • undefined；
    • n ull；

• 字符串类型

  • 其实就是一个普通的文本内容；
  • 在JavaScript中允许使用单引号或双引号定义字符串。
  • 但是我们建议使用单引号！

  • 转义字符：
    

    面试题：要求使用alert弹出提示框，内容是：第一行输出三个x，第二行输出三个Y。

• 数字类型——number

  • 分类——整数和小数
    
    • 整数——Integer(简称Int)
    • 小数——Float-浮点型
  • 注意——在JavaScript不区分整数和小数；
  • 浮点类型
    
    • 浮点类型的计算上，可能出现误差——四舍五入；
    • 浮点类型在计算上，一些数字的计算得到近似值
    • 解决：
      
      • 浮点类型的计算，不在客户端JavaScript；
      • 而是将每个浮点类型的值，传递给服务器。

• 布尔类型

• 布尔类型只有两个值——true&f alse;

  • 使用：
    
    • 比较两个值是否相等——返回布尔值
      
      • true-表示相等
      • false-表示不等
  • 布尔值常被作为逻辑开关
    
    • true - 定义为开，执行执行指定的逻辑代码
    • false - 定义为关，不执行
    • 非布尔值自动转换成布尔值时为false的：false、“”（空字符串）、0、NAN、undefined、null。
      

• NAN

• 用法：用作类型转换时，得到的数字类型的结果。
• 注意：
  
  • NAN和任何一个值都不相等；
  • NAN和自己也不想等！
• 验证是否是NAN的方法，isNAN();
  
  • 结果是布尔值，只有两个结果；
  • true——不是一个数字；
  • false——是一个数字。