Web前端入门笔记 JavaScript基础语法

文章目录

    • 1. 初识JavaScript
      • 1.2 JavaScript是什么
      • 1.3 HTML/CSS/JS的关系
      • 1.4 浏览器执行JS简介
      • 1.5 JS的组成
      • 1.6 JS初体验
        • 1.6.1 行内式 JS
        • 1.6.2. 内嵌式 JS
        • 1.6.3 外部JS
      • 1.7 JavaScrip注释
      • 1.8 JavaScrip输入输出语句
    • 2. 变量
      • 2.1 什么是变量
      • 2.2 变量在内存中的存储
      • 2.2 变量的使用
      • 2.3 变量语法扩展
        • 2.3.1 变量更新
        • 2.3.2 声明多个变量
        • 2.3.3 特殊情况
      • 2.4 变量命名规范
    • 3. 数据类型
      • 3.1 为什么需要数据类型
      • 3.2 JS中的数据类型
        • 3.2.1 Number类型
          • 3.2.1.1 进制
          • 3.2.1.2 数字类型范围
          • 3.2.1.3 特殊值
        • 3.2.2 String类型
        • 3.2.3 小案例
      • 3.3 检测变量的数据类型
      • 3.4 字面量
      • 3.5 数据类型转换
      • 3.6 额外扩展
        • 3.6.1 解释型语言和编译型语言
        • 3.6.2 标识符、关键字、保留字
    • 4. 数组
      • 4.1 数组创建
      • 4.2 数组基本操作
    • 5. 函数
    • 6. 作用域
      • 6.1 作用域概述
      • 6.2 变量作用域
      • 6.3 JS没有块级作用域
      • 6.4 作用域链
    • 7. JS预解析
      • 7.1 案例1
      • 7.2 案例2
      • 7.3 案例3
      • 7.4 案例4
    • 8. JS对象
      • 8.1 什么是对象
      • 8.2 创建对象的方式
        • 8.2.1 字面量创建对象
        • 8.2.2 new Object创建对象
        • 8.2.3 构造函数创建对象
        • 8.2.4 调用new发生了啥
        • 8.2.5 遍历对象所有属性
    • 9. JS内置对象
      • 9.1 Math对象
      • 9.2 日期对象
      • 9.2.1 获取毫秒
      • 9.3 数组对象
        • 9.3.1 判断是否为数组
        • 9.3.2 数组元素增删
        • 9.3.3 数组索引
        • 9.3.4 数组转换字符串
      • 9.4 字符串对象
        • 9.4.1 基本包装类型
        • 9.4.2 字符串不可变
        • 9.4.3 根据字符返回位置
      • 10. 简单数据类型和复杂数据类型
        • 10.1 值类型
        • 10.2 引用类型
        • 10.3 堆和栈

  • JavaScripy是什么
  • 发展历史
  • 原理
  • 三个部分组成

1. 初识JavaScript

1.2 JavaScript是什么

  • 运行在客户端的脚本语言
  • 脚本语言,不用编译,需要js解释器逐行解释并且执行
  • Node.js服务端编程

1.3 HTML/CSS/JS的关系

  • 衣服
  • 动作

1.4 浏览器执行JS简介

浏览器分为两部分

  • 渲染引擎:用来解析HTML与CSS,俗称内核,之前讲过
  • JS引擎:JS解释器,用来读取网页中的JavaScript代码,对其处理后运行

在逐行读取HTML的时候,读到JS代码,JS引擎就会将其转换成0101的机器语言。翻译一句执行一句。

1.5 JS的组成

  • ECMAScript: JavaScript语法
    • JavaScript:网景公司
    • Jscript:微软公司
  • DOM: 页面文档对象模型。对各种浏览器元素进行操作。
  • BOM: 浏览器对象模型。浏览器发生变化的时候调用

1.6 JS初体验

三种书写位置

  • 行内
  • 内嵌
  • 外部

1.6.1 行内式 JS

  • 可以将单行或少量JS写在HTML标签的事件属性中(以on开头的属性),如onclick
  • 注意单双引号,HTML->双引号, JS->单引号
  • 可读性差,不方便阅读
  • 引号多层匹配的时候,很容易弄混
  • 特殊情况下使用

1.6.2. 内嵌式 JS

<script>
	alert('Hello World')
script>
  • 写在

你可能感兴趣的:(学习新知识,javascript)