JavaScript入门知识笔记

目录

JS的应用

与HTML、CSS的关系

浏览器如何执行JS代码

JS的组成

ECMAScript

DOM

BOM

JS书写位置

行内式

内嵌式

外部式

注释

I/O流

变量

声明

规则

数据类型

分类

数字型（Number）

字符串型（String）

布尔型（Bool）

类型转换

转成String

转成Number

转成Bool

运算

比较运算

逻辑运算

逻辑中断

流程控制

数组

---

JS的应用

与HTML、CSS的关系

浏览器如何执行JS代码

JS的组成

ECMAScript

DOM

BOM

JS书写位置

• 行内式

一般位于.html文件的body标签的元素的内部。

• 内嵌式

位于.html文件的head标签内，通过Script标签书写js代码。

• 外部式

位于.js文件中

注释

单行注释：//

多行注释：/* …… */

JS语句结尾未加分号时，解释器会根据规则自行添加，但根据规则加分号有时结果与预期不一致会导致错误，因此最好每条语句后加分号。

I/O流

prompt获取的数据均为字符串类型。

console.log输出到控制台的数据不同类型对应的颜色不同。

变量

声明

任意类型变量声明均使用var关键字，和python同属于弱类型语言。

js可以不声明而直接给变量赋值来使用（不推荐）。

规则

示例：

<script> 
var a = prompt('请输入一个值');//可以使用prompt为变量赋值 
var b = 100, c = 'hello';//js可以一次性给多个变量赋值。 
d = 111; 
</script>

数据类型

关键字typeof后接变量名返回变量的数据类型。

分类

数字型（Number）

js规定了最大值与最小值，分别用Number.MAX_VALUE、Number.MIN_VALUE表示。

方法isNaN(var )可以判断变量是否为数字，是，返回ture，不是，返回flase。

示例：

<script> 
console.log(Number.MAX_VALUE); 
console.log(Number.MIN_VALUE); 
console.log(Infinity); 
console.log(-Infinity); 
console.log('ni'-10); 
</script>

字符串型（String）

字符串需要加''或""，这两种没有区别，可以嵌套使用。

具有length属性记录字符串长度。

可以用+运算符拼接字符串，字符串可以用+拼接数字和变量。

示例：

<script> 
console.log("abcdefg".length); 
console.log("小明"+11+"岁了"); 
var a = 13; 
console.log("小刚"+a+"岁了"); 
</script>

布尔型（Bool）

只有ture与flase两个值，参与数字型运算时值分别为1与0。

类型转换

转成String

转成Number

字符串组成为数字+字符（注意顺序）时，parseInt与parseFloat可将数字部分转换为字符串，抛弃剩下部分。

转成Bool

运算

运算规则大部分与c相同。

需避免使用浮点数进行运算，会出错，也不应将结果与预期浮点数比较，会为假。

示例：

<script>

console.log(0.1 + 0.02);//结果为0.12000000000000001

</script>

比较运算

IEEE 754规定，使用双等号或三等号将NaN与NaN进行比较，结果为false。

逻辑运算

逻辑中断

流程控制

对应语句

for、while、if等语句。

数组

js的数组可以储存任意类型的数据。

数组具有属性length记录了数组元素个数，length可读写，通过修改length可以对数组进行扩容。

创建方式

示例：

<script>

var arr1 = new Array();

var arr2 = [1,2,3,'dss'];

</script>