CodeAshen's blog CodeAshen's blog
首页
  • Spring Framework

    • 《剖析Spring5核心原理》
    • 《Spring源码轻松学》
  • Spring Boot

    • Spring Boot 2.0深度实践
  • Spring Cloud

    • Spring Cloud
    • Spring Cloud Alibaba
  • RabbitMQ
  • RocketMQ
  • Kafka
  • MySQL8.0详解
  • Redis从入门到高可用
  • Elastic Stack
  • 操作系统
  • 计算机网络
  • 数据结构与算法
  • 云原生
  • Devops
  • 前端
  • 实用工具
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
  • Reference
GitHub (opens new window)

CodeAshen

后端界的小学生
首页
  • Spring Framework

    • 《剖析Spring5核心原理》
    • 《Spring源码轻松学》
  • Spring Boot

    • Spring Boot 2.0深度实践
  • Spring Cloud

    • Spring Cloud
    • Spring Cloud Alibaba
  • RabbitMQ
  • RocketMQ
  • Kafka
  • MySQL8.0详解
  • Redis从入门到高可用
  • Elastic Stack
  • 操作系统
  • 计算机网络
  • 数据结构与算法
  • 云原生
  • Devops
  • 前端
  • 实用工具
  • 友情链接
关于
收藏
  • 分类
  • 标签
  • 归档
  • Reference
GitHub (opens new window)
  • CSS3浮动定位与背景样式

  • CSS动画

  • JS基础语法与表达式

    • 01-JS语法与变量
      • JavaScript的书写位置
      • 认识输出语句
      • 处理报错
      • 变量声明
      • 变量声明提升
    • 02-JS基本数据类型
    • 03-表达式与操作符
  • 流程控制语句与数组

  • JS函数与DOM

  • 面向对象

  • 正则表达式

  • ES6基础入门

  • ES6语法扩展

  • Promise与Class

  • Module与Babel

  • 前端
  • JS基础语法与表达式
CodeAshen
2023-02-10
目录

01-JS语法与变量

# JavaScript简介

前端三层

image-20220718215431616

ECMAScript 是 JavaScript 的标准

1997年,欧洲计算机制造商协会(ECMA)设置了 JavaScript 的标准,命名为 ECMAScript。

image-20220718220009444

JavaScript 体系

image-20220718220037987

# JavaScript快速入门

# JavaScript的书写位置

  • 在 <body> 中 <script> 标签,在内部书写 JavaScript 代码
  • 将代码单独保存为 .js 格式文件,然后在 HTML 文件中使用 <script src="></script> 这样的形式入它
  • JavaScript 不能脱离 HTML 网页运行(当然,今后学习的NodeJS>将成为JavaScript独立的运行平台)
<body>
    <!-- 内嵌 -->
    <script>
        alert('你好JavaScript');
    </script>
    
    <!-- 外部链接 -->
    <script src="myjs.js"></script>
</body>
1
2
3
4
5
6
7
8
9

# 认识输出语句

  • alert() 语句:弹出警告框
  • console.log() 语句:控制台输出

image-20220718223308676

image-20220718223406787

# 处理报错

image-20220718223523282

# 变量

# 变量声明

  • 变量是计算机语言中能储存计算结果或能表示值抽象概念
  • 变量不是数值本身,它们仅仅是一个用于存储数值的容器

要想使用变量,第一步就是声明它,并给它赋值

image-20220718223951603

变量命名

image-20220718224051787

变量的默认值

  • 一个变量只定义,但没有赋初值,默认值是 undefined
  • 一个变量只有被 var 定义,并赋初值之后,才算正式初始化完成

# 变量声明提升

  • 变量声明的提升:你可以提前使用一个稍后才声明的变量,而不会引发异常
  • 在执行所有代码前,JS 有预解析阶段,会预读所有变量的定义

image-20220718224430030

注意事项

  • 变量声明的提升是 JavaScript 的特性,所以经常出面试题
  • 在实际开发时,不要刻意使用变量声明提升特性。一定要先定义并给变量赋初值,然后再使用变量
编辑 (opens new window)
上次更新: 2023/06/04, 12:34:19
01-过渡与动画
02-JS基本数据类型

← 01-过渡与动画 02-JS基本数据类型→

最近更新
01
第01章-RabbitMQ导学
02-10
02
第02章-入门RabbitMQ核心概念
02-10
03
第03章-RabbitMQ高级特性
02-10
更多文章>
Theme by Vdoing | Copyright © 2020-2023 CodeAshen | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式