JavaScript开始啦

62 阅读3分钟

JS的简介

  • 概念

    • JavaScript 是一种运行在客户端(浏览器)的编程语言
  • 作用

      1. 网页特效 (监听用户的一些行为让网页作出对应的反馈)
      1. 表单验证 (针对表单数据的合法性进行判断)
      1. 数据交互 (获取后台的数据, 渲染到前端)
      1. 服务端编程 (node.js)
  • 组成

    • ECMAscript
    • DOM
    • BOM
  • JS的注释

    • //
    • /* */
  • 分号规范

  • script标签的位置

    • 外部式
    • 内部式
    • 内联式

输入输出语法

  • 语法

    • 人和计算机打交道的规则约定
    • 我们要按照这个规则去写
    • 我们程序员需要操控计算机,需要计算机能看懂
  • 输入语法

    • prompt
  • 输出语法

    • alert
    • console.log
    • document.write
  • js代码执行顺序

  • 浏览器从上到下解析js,遇到解析不了的语句会报错并停止后续执行

字面量

  • 在计算机科学中,字面量(literal)是在计算机中描述事/物

    • 123

      • 是数字字面量
    • '程序员' 字符串字面量

    • [] 数组字面量

变量

  • 概念和作用

    • 容器
  • 声明赋值的几种写法

    • 先声明,再赋值
    • 声明并直接赋值
    • 同时声明多个变量
  • 变量的本质

    • 在内存中开辟一个空间
  • 命名规则和规范

    • 规则

      • 由字母、数字、下划线、$符号组成,不能以数字开头
      • 不能是关键字和保留字,例如:var for while
      • 严格区分大小写
    • 规范

      • 变量名必须有意义
      • 遵守小驼峰式命名法

      var声明变量和let的区别

    • let为了解决var的一些问题

    • var声明:

      • 可以先使用 在声明 (不合理)
      • var声明过的变量可以重复声明(不合理)
      • 比如变量提升、全局变量、没有块级作用域等等
  • 数组

    • 什么是数组? 为什么需要数组?

      • 存储班级所有人的姓名
    • 创建数组

      • 字面量
    • 取值

      • 数组[下标]

数据类型

  • 概念和作用

      1. 更加充分和高效的利用内存
      1. 也更加方便程序员的使用数据
  • 分类介绍

    • 基本数据类型

        • number 数值型
        • string 字符串

        • 单引号

        • 双引号

        • 反引号

        • 字符串拼接

          • '+ 变量名 +' 去替换需要替换的内容

          • 有拼接不方便引申出模板字符串

            • 模板字符串(ES6)
        • boolean 布尔型
        • undefined 未定义
        • null 空引用
    • 引用数据类型

        • object 对象
        • function 函数
        • array 数组

数据类型的转换

  • 为什么需要转换?

    • 从用户得到的数据都是字符串,而字符串和数字相加会变成相连
  • 显示转换

    • 转换成数字

      • Number()

      • parse系列

        • 如果介绍parse系列就是介绍区别和使用场景
    • 转换成字符串

      • String()

      • 变量.toString()

        • 括号里面可以跟进制
      • 两者区别

  • 隐式转换的小技巧

    • +号作为正号解析可以转换成Number
    • 任何数据和字符串相加结果都是字符串