JavaScript个人学习资料

认识js

在页面内

-html：页面结构（表示了你的页面内容有什么）

-css：页面样式（表示了你的页面中每一个内容是什么样子，在什么位置）

-JavaScript：页面行为（表示你的页面中每一个内容如何发生变化，有什么行为内容）

js的三大核心

ECMAScript

-js的语法规范，如何书写代码

BOM-Browser object model（浏览器对象模型）

-一套操作浏览器属性和方法

DOM-Browser object model（文档对象模型）

-一套操作文档流的属性和方法

本质：使用js的语法，去让浏览器和文档发生变化

代码的书写

 

js的变量

什么是变量？

-在程序运行过程中，一个用来保存中间值的内容，叫做变量

如何定义变量

语法：var 名字 = 值

var 定义变量的关键字，告诉浏览器，我们下面的操作是在定义变量

空格 分开关键字和名字使用的

名字 你起的变量名

等于号 学名（赋值赋值），把符号右边的内容，给到左边的变量

值 你给当前这个变量赋值为什么数据

定义变量的几种方式

js的输出语法

作用1：验证一下我的运算是对的

作用2：修改页面的显示内容

alert（内容）

内容：

-如果你输出纯文本，那么必须要包裹英豪

-如果你输出纯数字那么是否保管索引号无所谓

-如果你输出的内容没有包裹引号，会当做变量来解析，如果没有这个变量就会报错

作用：在浏览器弹出提示框，提示框内显示（）内熟悉的文本内容

console.log（内容）

内容：

-如果你输出纯文本，那么必须要包裹英豪

-如果你输出纯数字那么是否保管索引号无所谓

-如果你输出的内容没有包裹引号，会当做变量来解析，如果没有这个变量就会报错

作用：在浏览器控制台显示输出的内容

dovumet.write（内容）

内容：

-如果你输出纯文本，那么必须要包裹英豪

-如果你输出纯数字那么是否保管索引号无所谓

-如果你输出的内容没有包裹引号，会当做变量来解析，如果没有这个变量就会报错

作用：在浏览器页面输出内容

特点：可以输出一个html格式的文本

会被浏览器解析

报错：当你使用了一个没有变量的时候会直接报错

js的交换变量

概念：

在js中，一个变量只能保存一个值

当你给这个变量设置第二个值的时候，第一个就被覆盖

交换变量的值

-准备两个变量，通过让两个变量的值交换

变量的命名规则和规范

规则：必须要遵守，不遵守就宝座

1.一个变量名只能有数字（0-9）字母（a-z A-Z）美元符（$）下划线（_）组成

2.一个变量不能由数字开头

3.严格区分大小写

4.不要使用关键字和保留字

关键字：js内正在使用的关键字

保留字：js现在没有使用，但将来有可能要使用的关键字

规范：建议你遵守

1.简易变量语义化

当你定义一个变量的时候尽量使用一个有意义的单词

2.驼峰命名法

当一个变量有多个单词醉成的时候，第二个单词开始首字母大写

3.不要使用中文

h5的标准下，可以使用中文作为变量名

不要这样使用

js的数据类型

基本数据类型

Number数值

 

String字符串

一切被单引号或者双引号包裹的内容

表示一段没有意义的文本

Boolean布尔

只有两个值是布尔类型

true，表示真的意思，在计算机存储的时候就是1

false，表示假的意思，在计算机存储的时候就是0

Undefined空

Null空

Undefined类型只有一个值，就叫做Undefined

本该有一个值，但是没有

一个变量，定义但是没有复制，就是undefined

null类型只有一个值，也叫做null

有值，有一个空值

一个变量，需要赋值为null才会是null

复杂数据类型

检测数据类型

关键字：tyoeof

语法：typeof 要检测的变量

          typeof（要检测的变量）

结果：你检测的变量的数据类型

          以字符串的形式给你

注意：typeof的结果必然是一个字符串类型

当多个typeof连写的时候，结果必然是string

两个语法的区别

-（）

当你需要检测两个内容的云端结果的时候必须要是用（）包裹

 

数据类型装换    -    转数值

Number（）

语法：Number（你要转换的内容）

返回值（结果）：转换后的数据类型

转换规则

把你要转换的内容当做一个整体

如果能转换成核发数字，那么就是这个数字

如果不能转换成核发数字，那么结果就是NaN（not a number）

parseInt（）

语法：parseInt（你要转换的内容）

返回值（结果）：转换后的数值类型

转换规则：一定会一位一位的看待

如果第一位不能转换成合法数字，那么直接给出NaN的结果，停止转换

如果第一位可以转换，那么保留继续查看第二位

一次类推，知道某一位不能转换，或者到达某位

把保留的内容当做返回值

特点：不认识小数点

parseFloat（）

语法：parseFloat（你要转换的内容）

返回值（结果）：转换后的数值类型

转换韩规则：和parseInt一模一样

区别：认识小数点

非加法的数字运算

进行数值转换

转换规则和number方法一模一样

数据类型转换    -    转字符串

把其他类型转换成字符串类型

String（）

语法：String（你要转换的数据）

返回值：转换好的字符串类型

toString（）

语法：你要转换的数据.toString（）

返回值：转换好的字符串类型

注意：不能转换null和undefined

进行加法运算

在js内，加（+）符号有两个意义

第一个：当富豪两边都是数字或者布尔的时候，会惊醒数学运算

第二个：只要赋值任意一边是字符串，就会进行字符串拼接

数据类型转换    -    转布尔

把其他数据类型转换成布尔数据类型

在js内，只有5个内容转换成false

其他所有内容都转换成true

1.Boolean（）

语法：Boolean（你要转换的内容）

返回值：转换好的布尔值内容

运算符    -    算数运算符

1.+

意义1.进行数字运算符号两边必须是布尔值或者数字

意义2.进行字符串拼接，符号任意一边是字符串

2.-

进行数学运算

3.*

进行数学运算

4./

进行数学运算

5.%

取余（摩）

进行数学运算

运算符    -    赋值运算符