探索JavaScript的基础知识

发表时间: 2023-04-27 09:46

前端三层

  • HTML 结构层
  • CSS 样式层
  • JavaScript 行为层


浏览器就是运行 JavaScript 脚本语言客户端,用来给网页增加的动态功能

ECMAScript

  • Javscript,JScript,ActionScript 等脚本语言都是基于ECMAScript 标准实现的。
  • 在 JavaScript,JScript 和 ActionScript 中声明变量,操作数组等语法完全一样,因为它们都是

ECMAScript。但是在操作浏览器对象等方面又有各自独特的方法,这些都是各自语言的扩展。


JavaScript的组成


书写语法

  1. 写在行内
<input type="button" value="确认" onclick="alert('Hello')" /> 
  1. 写在script标签
<script>  alert("Hello")</script>
  1. 写在js文件中,页面引入
<script src="hello.js" />

常用函数

  • alert :警示警告
  • prompt :提示
  • console 控制台

字面量

字面量(literal)是用于表达一个固定值的表示法,又叫常量

  • 数字
    • 整数
      • 十进制:逢十进一,每个位数只能是0-9之间的数字
      • 八进制:逢八进一,每个位数上只能是0-7之间的数字,而且必须添加前缀,0、0O、0o。
      • 十六进制:逢十六进一,每个位数上必须是0-9、a-f之间的符号,必须写前缀,0x、0X开头
    • 浮点数:关注精度问题
    • 特殊值
      • Infinity 无穷
      • NaN
  • 字符串

什么是变量?

  • 变量(variables)是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存
    储的数据。
  • 变量相当于一个容器,内部可以存储任意类型的数据,使用变量时,用的是内部存储的数
    据。

数据类型

  • 简单数据类型
    • Number
    • String
    • underfined
    • Boolean
    • null
    • Object:复杂类型
  • 检测数据类型
    • 使用方式 typeof()
  • 数据类型转换

操作符

  • 算术运算符
    • + - * / % ()
  • 比较运算符
    • > < >= <= == != === !==
  • 逻辑运算符
    • && || !
  • 赋值运算符
    • = += -= *= /= %= ++ --
  • 一元运算符

运算优先级

1. () 优先级最高
2. 一元运算符 ++ -- !
3. 算数运算符 先* / % 后+ -
4. 关系运算符 > >= < <=
5. 相等运算符 == != === !==
6. 逻辑运算符先&& 后||
7. 赋值运算符

循环语句

  • for 循环
  • do while 循环
  • while 循环
  • break 语句 :跳出循环
  • continue 语句:跳过本次执行,继续下一次执行