JS笔记

发表于 2020-10-11更新于 2020-10-12字数统计 1.1k阅读时长 6m阅读次数

第一章 数据类型

前言

学习前端的已经有一段日子了,但是在JS的学习方面还是有所欠缺的😞,所以现在写一些JS的相关笔记以督促自己。在学习的过程中,我发现做笔记还是很重要的📖,同时笔记的格式也是十分重要的,一个潦草而无序的笔记只会让人看了更头疼,不做笔记很快就会忘记了,所以有了笔记就可以久不久翻出来看看,当笔记积累到一定程度后也会有一定的成就感。现在把暑假屯下来的笔记发出来了,当然后面还会有几篇笔记发出来。加油吧少年,奥里给💪 💪 💪


基本定义

  1. 编程

2.计算机语言

  1. 编程语言

  1. 翻译器

  1. 编程语言和标记语言的区别

  1. 总结

计算机基础


软件运行在硬件中

  1. 数据存储

  1. 数据存储单位

  1. 程序运行

JS的基本知识


  1. js是一门高级的编程语言,而计算机只识别机器语言,中间需要JS引擎解释为机器语言。

  2. 脚本:逐行解析执行

  3. 浏览器分为渲染引擎和JS引擎

  • 渲染引擎:用来解析HTML和CSS,俗称内核,比如说chrome浏览器的blink。老版本webkit

  • JS引擎:也称JS解析器,用来读取网页的JavaScript代码,对其处理后运行,比如chrome浏览器的V8

注意:浏览器本身不会执行js代码,而是通过内置的JavaScript引擎(解析器)来执行JS代码,JS引擎执行代码逐行解释每一句源码(转换为机器语言),然后由计算机去执行,所以JavaScript语言归为脚本语言,逐行解释执行。

  1. JS的组成:JavaScript由ECMAScript(JavaScript语法)、DOM(页面文档对象模型)、BOM(浏览器对象模型)
  • ECMAScript可以简单的说成是JavaScript,ECMAScript规定了JS的编程语法和基础的核心知识,是所有浏览完厂商共同遵守的一套JS语法工业标准。

  • DOM是W3C组织推荐处理可扩展标记语言的标准编程接口,通过DOM提供的接口可以对页面上的元素进行操作(大小、位置、颜色等)。

  • BOM可以与浏览器窗口进行互动的对象结构、通过BOM可以操作浏览器窗口,比如说弹出框、控制浏览器跳转、获取分辨率等

  1. JS的三种书写位置:
  • 内嵌式

  • 行内式

  • 外部式

  1. JS注释:

  1. JS的输入输出语句:
  • 输入框: prompt(‘这是一个输入框’);

  • 弹出警示框:*alert(‘计算结果是’);*

  • 控制台输出:*console.log(‘这是给程序员看的:’);*

变量


  1. 变量就是用于存储数据的容器,我们通过变量名获取数据

  2. 变量的本质:变量是程序内存中申请的一块用来存放数据的空间。

  3. 变量将以最后一个值为准

  4. 变量名的规范

  1. 变量小结:

数据类型


  1. JavaScript是一种弱类型或者动态语言。即不用提前声明变量的类型,在程序运行过程中会被自动确定。

  2. JavaScript拥有动态类型,同时也意味着相同的变量可以用作不同的类型。

  1. 简单数据类型:

Js中八进制前面加0,十六进制前面加0x

A. *Number 数字型***

  • Js中的最大最小值:

  • 数字型的三个特殊值:

  • isNaN()

B. *字符串型String***

  • 字符串嵌套

  • 字符串转义符

  • 字符串长度

  • 字符串拼接(用’+’连接)

  • 字符串拼接加强

C. *布尔型 Boolean***

D. Undefined 和Null

  1. 获取变量数据类型
  • typeof用来检测变量数据类型

  • 通过控制台的颜色来判断属于什么类型

  • 字面量

数据类型的转换


  1. 什么是数据类型的转换

  1. 转换为字符串类型(加号拼接是重点,其他了解就行)

  • 转换为数字型(重点)

  • 转换为布尔型

  • 拓展1(解释性语言和编译性语言)

  • 拓展2

  • 标识符

  • 关键字

  • 保留字