当前位置: 首页 > news >正文

学习笔记整理-JS-01-语法与变量

文章目录

    • 一、语法与变量
      • 1. 初识`JavaScript`
      • 2. `JavaScript`的历史
      • 3. `JavaScript`与`ECMAScript`的关系
      • 4. `JavaScript`的体系
      • 5. `JavaScript`的语言风格和特性
    • 二、语法
      • 1. `JavaScript`的书写位置
      • 2. 认识输出语句
      • 3. `REPL`环境,交互式解析器
      • 4. 变量是什么
      • 5. 重点内容

一、语法与变量

1. 初识JavaScript

  • 前端三层
    语言功能
    结构层HTML搭建结构、放置部件、描述语义
    样式层CSS美化页面、实现布局
    行为层JavaScript实现交互效果、数据收发、表单验证等

2. JavaScript的历史

  • 1995年布兰登·艾奇就职Netscape发明JavaScript,前身LiveScript

3. JavaScriptECMAScript的关系

es.png

4. JavaScript的体系

  • 语言核心
    • ECMAScript5
    • ECMAScript6、7、8、9、10、11
  • DOM
  • BOM

5. JavaScript的语言风格和特性

  • 类C语言的风格
  • 弱类型

二、语法

1. JavaScript的书写位置

  • <body><script>标签,在内部书写JavaScript代码
  • 将代码单独保存为.js格式文件,然后在HTML文件中使用<script src="></script>这样的形式引入它
    • 注意不可写成<script src="/>
  • JavaScript不能脱离HTML网页运行(当然不绝对,NodeJS将成为JavaScript独立的运行平台)

2. 认识输出语句

  • alert();语句
    • alert是内置函数,函数就是功能的’封装’,调用函数需要使用圆括号。
  • console.log();语句

3. REPL环境,交互式解析器

  • 控制台也是一个REPL环境,可以使用它临时测试表达式的值。
    repl.png

4. 变量是什么

  • 变量是计算机语言中能存储计算结果或能表示值抽象概念
  • 变量不是数值本身,它们仅仅是一个用于存储数值的容器
  • 定义变量
    var.png
  • 变量的使用
    use.png
  • 改变变量的值
    change.png
  • 合法命名
    name.png
  • 优秀的变量命名法
    name-1.png
  • 变量的默认值
    default.png
  • 常见错误
    error.png
    error-1.png
  • 同时声明多个变量
    multiple.png
  • 变量声明提升
    improve.png

5. 重点内容

  • 前端开发主要有哪些层?语言和功能是什么?
  • JavaScript的书写位置是哪里?
  • JavaScript有哪些输出语句?
  • 变量是什么?如何定义变量?变量的合法命名规则有哪些?
  • 只用var定义一个变量,但是没有赋初值,这个变量的值是?
  • 什么是变量声明的提升?
  • JavaScript中,等号的功能是什么?
http://www.lryc.cn/news/123348.html

相关文章:

  • PHP之PHPExcel
  • Redis系列(一):深入了解Redis数据类型和底层数据结构
  • javaScript:如何获取html中的元素对象
  • 面试总结-webpack/git
  • 深入解析美颜SDK:算法、效果与实现
  • ChatGPT Plus和ChatGPT对比
  • 计算机网络 运输层 TCP连接建立、释放
  • npm run xxx 的时候发生了什么?(以npm run dev举例说明)
  • 图解结构体大小和位域例子
  • 游戏行业实战案例 5 :玩家在线分布
  • TypeScript 关于对【泛型】的定义使用解读
  • 盛元广通食品药品检验检测实验室LIMS系统
  • 【数据结构】-- 栈和队列
  • 使用SpringAop切面编程通过Spel表达式实现Controller权限控制
  • Flutter:简单搞一个内容高亮
  • 2023/08/10
  • LeetCode 1289. 下降路径最小和 II:通俗易懂地讲解O(n^2) + O(1)的做法
  • Coin Change
  • 2023 8 -14链表OJ
  • 大数据必回之LSM树
  • Vue中的Object.defineProperty详解
  • MySQL高阶知识点(一)一条SQL【更新】语句是如何执行的
  • threejs实现模型gltf的动画效果
  • Harmony创建项目ohpm报错
  • 44 | 酒店预订及取消的数据分析
  • 物联网和不断发展的ITSM
  • 加了ComponentScan,但是feign接口无法注入的原因
  • C#Winform中DataGridView控件显示行号实例
  • Stable Diffusion WebUI安装和使用教程(Windows)
  • LeetCode 35题:搜索插入位置