JavaScript

117 阅读3分钟

1.JS的组成

  • JECMAscript 和DOM 和BOM 三者共同组成

    • JECMAscript: 定义了JS的语法规范,描述了语言的基本语法和数据类型
    • DOM:文档对象模型,有一套成熟的操作,DOM节点的API,通过DOM可以操作页面中的元素
    • BOM:浏览器对象模型, 有一套成熟的 操作 BOM 的API

2.JS三种书写方式

// 行内式
<div onclick="akert('hello world')">
点击
</div>
//内嵌式
  <script>
        alert('hello world')
  </script>
//外链式
<script src="文件名.js"></script>

变量

  • 变量指的是在程序中一个容器,可以存储任意类型的数据
  • 量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据
  • 语法:var 变量名 = 值
//定义一个变量并赋值
var num=100
//注意:
//一个变量只能存储一个值
//变量名严格区分大小写

变量名命名规范

  • 由字母、数字、下划线、$符号组成,不能以数字开头
  • 字母区分大小写
  • 不能是关键字和保留字
    • 关键字比如for,var等
    • 保留字指的是现在没有特殊功能,但是将来新语法中有可能作为关键字使用

JS的数据类型

  1. Number 类型
  • 数字类型: 不区分整数浮点数;
  1. String 类型
  • 字符串类型: 只要是引号包裹的内容,就是字符串类型(引号不区分单双引号)
  1. undefined 类型
  • undefined类型: 他是一个数据,表明未定义
  • 变量只定义,不赋值的时候,默认的值就是 undefined 表明未定义
  1. boolean 类型
  • boolean类型(布尔型):只有两个值,一个是true,一个是false
  1. Null 类型
  • 本身是一种数据类型,只不过代表的是 空(啥也没有)

数据类型的转换

  • Number()

    • 可以用于任何数据类型,将其转换为数字
    • 如果转换的是出数字组成的,就会转换为字符串,若果是空字符串,或空白字符串,直接转换为0
    • 其他类型的字符串空白---纯数字字符串)会转换为NaN
    • NaN :表示的是一个Number的数字,但是没有办法通过常规数字表明它。所以只能使用NaN来代替坏掉的数字
    • 布尔值转数字 flase转为0,true转为1
  • parseInt()

    • 转换为整数会将数据转换为number类型,并且值是整数(直接忽略掉小鼠数点以后的值,并不是四舍五入)
    • 在转换的时候,如果数据是纯数字,字符串或者是数字开头的字符串,那么会转换为数字,否则就是转换为NaN
  • parseFloat()

    • 转换为浮点型
  • 转换为字符串

    • String() 所有类型都可以转成字符串
    • 变量.toString() 有一些数据类型转换不了,比如undefined和null;
    • 使用算术运算符里的+号,进行字符串拼接
  • Boolean()

    • 转换为布尔类型
    • 在js中,只有“”(空字符串,有空格也不行),0,null, undefined,NaN ,这些是flase,其余都是true

JS的数据类型检测

  • 通过一个方法去检测 数据类型的值是什么
  • 语法 :typeof()
  • 检测不出来null类型