JS基础语法(一)

文章目录

  • JavaScript基础语法(一)
    • 一、基本概念
      • 1、 编程
      • 2、 计算机语言
      • 3、 编程语言
      • 4、 编程语言和标记语言的区别
      • 5、总结
      • 6、 计算机基础
        • 计算机组成
          • 硬件
          • 软件
        • 数据存储
        • 程序运行
    • 二、 初识JavaScript
      • 1、JS简介
      • 2、 JS初体验
      • 3、 JS注释
      • 4、 输入输出
    • 三、 变量
      • 1、变量的主要作用
      • 2、 变量的使用
        • 声明变量
        • 赋值
        • 变量初始化
        • 小案例
      • 3、 变量扩展
        • 更新变量
        • 声明多个变量
        • 特殊情况
      • 4、 命名规范
      • 5、 交换变量
    • 四、 数据类型
      • 1、 数据类型简介
      • 2、 变量的数据类型
      • 3、 简单数据类型
        • 数字型
          • 数字型进制
          • 数字范围
          • 特殊值
        • 字符串型
          • 字符串引号嵌套
          • 字符串转义符
          • 字符串长度
          • 字符串的拼接
        • 布尔类型
        • Nudefined 和 Null
      • 4、 获取数据类型
      • 5、数据类型的转换
        • 转换为字符串类型
        • 转换为数字类型(重点)
        • 转换为布尔型
    • 五、运算符
      • 1、 算术运算符
        • 表达式和返回值
        • 递增递减运算符
          • 前置递增运算符
          • 后置递增运算符
          • 小结
      • 2、 逻辑运算符
        • 短路运算()
      • 3、 比较运算符
      • 4、 赋值运算符
      • 5、运算符优先级
    • 六、 流程控制
      • 1、 顺序结构
      • 2、 分支结构
        • if语句
          • 三元表达式
        • switch语句
        • 区别
      • 3、 循环结构
        • for循环
          • for循环嵌套
        • while循环
        • do···while循环
      • 4、 continue 和 break
    • 七、 数组元素
      • 1、 数组概念
      • 2、 创建数组
      • 3、 访问数组
        • 数组的索引
        • 遍历数组
        • 数组长度
        • 新增元素
      • 4、 数组排序

JavaScript基础语法(一)

一、基本概念

1、 编程

编程:就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并得到结果的过程

计算机程序:就是计算机所执行的一系列问题的指令集合,而程序全部都是用我们所掌握的语言来编写的,所以人们要控制计算机一定要通过计算机语言向计算机发出命令

2、 计算机语言

计算机语言指用于人与计算机之间通讯的语言,它是人与计算机之间传递信息的媒介。计算机语言种类非常多,总的来说课可以分成机器语言、汇编语言和高级语言三大类

3、 编程语言

可以通过类似于人类语言的“语言”来控制机器,让计算机为我们做事情,这样的语言就叫做计算机语言

编程语言是用来控制计算机的一系列指令,它有固有的格式和词汇(不同编程语言的格式和词汇不一样),必须遵守

如今通用的编程语言有两种形式:汇编语言和高级语言

  • 汇编语言和机器语言实质是相同的,都是直接对硬件操作,只不过指令采用了英文缩写的标识符,容易识别和记忆
  • 高级语言主要是相对于低级语言而言,它并不是特指某一种具体的语言,而是包括了很多编程语言

4、 编程语言和标记语言的区别

编程语言:有很强的逻辑和行为能力。在编程语言里,有很多具有逻辑性和行为能力的指令,这是生动的

标记语言:不同于向计算机发出指令,常用于格式化和链接。标记语言的存在是用来被读取的。这个是被动的

5、总结

  • 计算机可以帮助人类解决某些问题
  • 程序员利用编程语言编写程序发出指令控制计算机来实现这些任务
  • 编程语言有机器语言、汇编语言、高级语言
  • 高级语言需要一个编译器转换为计算机识别的机器语言

6、 计算机基础

计算机组成

硬件
  • 输入设备

  • 输出设备

  • CPU

    • 负责数据处理和运算
  • 硬盘

  • 内存

    • 硬盘和内存都是负责存储数据,硬盘永久存储数据,内存暂时存储数据
软件
  • 系统软件
    • Windows、Linux、macOS
  • 应用软件

数据存储

  1. 计算机内部使用二进制表示数据

  2. 所有数据,包括文件、图片等最终都是以二进制数据的形式存放在硬盘中的

  3. 所有程序,包括操作系统,本质都是各种数据,也以二进制数据的形式存放在硬盘中,平时我们所说的安装软件,其实就是把程序文件复制到硬盘中

  4. 硬盘、内存都是保存二进制数据

  5. 存储单位

    bit < byte < kb < MB < GB < TB

    1byte = 8 bit / 其他的都与 1 kb = 1024 byte 类似

程序运行

  1. 打开某个程序时,先从硬盘中把程序的代码加载到内存中

  2. CPU执行内存中的代码

    注意:之所以要内存的重要原因,是因为CPU运行太快了,如果只是从硬盘中读取数据,会浪费cpu性能。所以,才使用存取速度更快的内存来保存运行时的数据

二、 初识JavaScript

1、JS简介

JavaScript是一种运行在客户端的脚本语言

  • 脚本语言:不需要编译,运行过程中由js解释器(js)引擎逐行进行解释并执行

现在也可以基于Node.js技术进行服务端编程

浏览器执行JS简介

  • 渲染引擎:用来解析HTML与CSS,俗称内核
  • JS引擎:也称为JS解释器。用来读取网页中的JS代码,对其处理后运行
  • 浏览器本身并不会执行JS代码,而是通过内置的JS引擎(解释器)来执行JS代码。JS引擎执行代码时逐行解释每一句源码(转换为机器语言),然后由计算机去执行,所以JS语言归为脚本语言,会逐行解释执行

JS的组成

  • JavaScript语法:ECMAScript
  • 页面文档对象模型:DOM
    • 通过DOM提供的接口可以对页面上的各种元素进行操作(大小、颜色、位置等)
  • 浏览器对象模型:BOM
    • 通过BOM可以操作浏览器窗口,比如弹出框、控制浏览器跳转、获取分辨率等

2、 JS初体验

JS有3种书写位置,分别为行内、内嵌和外部

  • 行内式

    • 
      <input type="button" value="唐伯虎" onclick="alert('秋香姐')">   	
      
      • 可以将单行或少量JS代码写在HTML标签的事件属性中(以on开头)
      • 注意单双引号的使用:在HTML中推荐使用双引号,JS中推荐使用单引号
      • 读写性差,在html中编写JS大量代码时,不方便阅读
      • 引号易错,引号多层嵌套匹配时,非常容易弄混
      • 特殊情况下使用
  • 内嵌式

    • 
      <script>alert("js")script>
      
      • 可以将多行JS代码写到

你可能感兴趣的:(web前端,javascript,开发语言,ecmascript)