关于前端学习:Javascript基础知识

理解 Javascript

Javascript 是一个面向对象的跨平台脚本语言

• 对象：基于对象的脚本语言，它不仅能够创建对象，也能应用现有的对象
• 跨平台：可在各种环境下运行
• 脚本语言：JS 程序必须嵌入到 HTML 文件中能力执行

Javascript 组成

• ECMAScript（ES）：JS 的语法规范
• DOM（文档对象模型）：应用 JS 操作 HTML 构造
• BOM（浏览器对象模型）：应用 JS 操作浏览器

Javascript 引入形式

• 行内 JS 代码

// a 标签书写 JS 代码
<a href="javascript: 书写 JS 代码">
// 非 a 标签书写 JS 代码
<div οnclick="javascript: 书写 JS 代码 > </div>"

• 外部 JS 代码

<script type="text/javascript">
  //JS 代码
</script>

• 内部 JS 代码（引入内部 JS 文件后，标签内书写的 JS 代码有效）

<script type="text/javascript" src="JS 文件门路">

Javascript 中三种输入形式

• 在页面中弹出一个提示框：alert('输入内容')
• 在浏览器页面输入内容：document.write('输入内容')
  当内容中有标签时，主动解析，不想解析标签可应用尖括号的转义字符
• 在控制台输入内容：console.log('输入内容')

JavaScript 正文办法

单行正文：// 正文内容
多行正文：/* 正文内容 */

JavaScript 中的常量与变量

• 常量（个别应用全大写字母）：程序中一旦申明后，在运行过程中不容许被批改的数据

  • 定义常量语法：const 常量名 = 值

• 变量：程序中申明后，在运行过程中容许被批改的数据

  • 变量申明：var 变量名 = 值;
  1. 如果变量申明未给初始值，则默认为 undefined
  2. 如果变量初值为 null，示意空值占位

变量命名标准

1. 不能应用关键字和保留字
2. 只能应用字母、数字、下划线和 $ 符号
3. 不能以数字结尾
4. 语义化命名
5. 多个单词的变量名采纳“驼峰式命名法”或“下划线命名法”
6. 变量名称辨别大小写字母

代码标准

• 运算符前后加一个空格
• ；，前面加一个空格
• 代码要缩进