Javascript基础入门笔记

前言

JavaScript 是一种具有函数优先的轻量级解释型，基于原型和多范式的动态编程语言。用于添加网站的交互性与其他动态特性。

行为层：这一层控制了页面如何与用户进行交互。

解释型语言：代码自上而下运行，且实时返回运行结果。

动态语言：通过按需生成新内容来更新 web 页面 / 应用

动态类型：声明变量的时候不需要指定变量类型

变量

变量命名

1. 变量命名必须以字母或是下标符号”_”或者”$”为开头。
2. 变量名长度不能超过255个字符。
3. 变量名中不允许使用空格，首个字不能为数字。
4. 不用使用脚本语言中保留的关键字及保留符号作为变量名。
5. 变量名区分大小写。(javascript是区分大小写的语言)

事件

事件源：引发后续事件的那个标签。

常见事件：

事件驱动程序：我们需要修改的逻辑代码。（要更改的样式等.....）

事件源.事件 = function(){ 事件驱动程序 }

数据类型

最新的 ES6+ 标准定义了8种数据类型：

七种基本数据类型:

1. 布尔值（Boolean），分别是：true 和 false.
2. null ， 一个表明 null 值的特殊关键字。
3. undefined ，表示变量未赋值时的属性。
4. 数字（Number），整数或浮点数，例如： 42 或者 3.14159。
5. 任意精度的整数 (BigInt) ， 可以安全地存储和操作大整数。
6. 字符串（String），字符串是一串表示文本值的字符序列，例如："Howdy" 。
7. 代表（Symbol）一种实例是唯一且不可改变的数据类型。

复杂数据类型: 

对象（Object）、Array（数组）、Date（日期/时间）、Function（函数）等

函数

可以重复利用的代码块。

构造函数方法：

函数的特点：

• 函数不调用不执行
• 函数加载的时候，只加载函数名，不加载函数体
• 函数名就等于函数体，函数名（）等于执行函数

this指向

在方法中，this 指的是所有者对象。

单独的情况下，this 指的是全局对象。

在函数中，this 指的是全局对象。

在事件中，this 指的是接收事件的元素。

运算符

比较运算符

大于>，小于<，等于==，全等===，不等于!=，不全等!==

所有的比较运算符只返回一个结果要么真true要么假false；

逻辑运算符

• || 或 只要有一个是true结果就是true
• && 且 只要有一个是false结果就是false
• ！ 非 取反

算数运算符

++ 和 --，a++ 和 ++a不一样

如果在变量前，先自增/自减，在参与运算。（在算式中）

如果在变量后，先运算，在自增/自减。（在算式中）

+=  在自身上增加，如 a += 1 等同于 a = a + 1

-=   在自身上减少，如 a -= 1 等同于 a = a - 1

%    求余数

DOM操作

查找节点

通过 id 找到 HTML 元素：document.getElementById("demo");

通过标签名找到 HTML 元素：document.getElementsByTagName("div");  调用者：document、元素节点.  参数：标签名  返回值：元素数组

通过类名找到 HTML 元素：document.getElementsByClassName("a");  调用者：document、元素节点。    参数：字符串    返回值：元素数组。