初步了解JavaScript

一、js的注释

//单行注释

/*

    多行注释

*/

二、js的组成

DOM 操作文档流的内容 （文档对象模型，提供了一套操作文档流的属性与方法）

BOM 操作浏览器的内容（提供了一套操作浏览器的属性与方法）（例如：滚动条、刷新。。，）

ECMAscript JavaScript的书写规则与书写语法

三、js的书写位置

1.行内式  直接写在标签上 （不推荐使用）

行内式分为a标签和非a标签，a标签有自己的行为（点击跳转）非a标签没有自己的行为

行内式依赖事件

语法：

a标签

<a href="javascript:js代码;">要有点击内容</a> 若不想使用a标签的行为 则<a href="javascript:;" οnclick="alert('js代码')">冒号后面不写内容</a>

非a标签

<div οnclick="js代码">要有点击内容</div>

2.内嵌式 用<script>js代码</script>双标签包裹 （一般放在body结尾之前）（不推荐使用）

内嵌式不依赖事件，运行直接页面执行

语法：

<script>

    alert("你好呀！")

</script>

3.外嵌式 在外部创建一个以.js结尾的文件 用<script src="入径"></script> 链接

语法：

在.js 的文件内直接写js代码

alert("世界多美丽")

四、定义变量

    解析：程序在运行的过程中，保存一个中间值（使用一个未知数来存储一个值）

例：

    var num = 100

var ：是一个关键字 表示：声明；

num：是自己给这个变量取的名字；

= : 表示赋值；

100：为值，

总体表示将100这个值赋值给num  （num=0）

五、变量命名规则

1.有数字、字母、下划线、$符组成,不能以由数字开头和特殊不常见符号

例：num12  num  _num  $num

2.变量严格区分大小写

3.不能是关键字 if var for break等

4.最后是取有意义的单词，能直观明确的明确的看到这个变量保存的是什么内容

六、变量初始化

1. var是一个JS关键字，用来声明变量(variable变量的意思)。使用该关键字声明变量后，计算机会自动为变 量分配内存空间。

2. age 是程序员定义的变量名，我们要通过变量名来访问内存中分配的空间

/声明变量同时赋值为18

var age = 18;

//同时声明多个变量时，只需要写一个 var， 多个变量名之间使用英文逗号隔开。

var age = 18, address ='江西',salary = 15000;

3、声明变量特殊情况

情况	说明	结果
var age; console.log(age);	只声明，不赋值	undefined
console.log(age)	不声明 不赋值 直接使用	报错
age = 10;console.log(age);	不声明 只赋值	10

七、js的输出与输入语句

1.输出

alert(num)  alert:表示弹出

    表示在浏览器窗口显示num变量的值

console.log(num)

    表示在控制台打印num的值 一般给程序员自己看的

document.write(name)

    直接在页面上显示num值

2.输入

confirm("你好")

    得到一个确定和一个取消选项，点击确定返回true，点击取消返回false

pormot("输入")

    让我们可以输入内容

八、数据类型

一、数值类型  Number

JavaScript 数字类型既可以用来保存整数值，也可以保存小数(浮点数）。

1.常见的正负整数

2.科学计数法的方式的数字

3.JS中数值的最大值： Number.MAX_VALUE

   JS中数值的最小值： Number.MIN_VALUE

4.Infinity ，代表无穷大，大于任何数值 -Infinity ，

   代表无穷小，小于任何数值 Nan ，

   Not a Number，代表一个非数值

5.isNaN

这个方法用来判断非数字，并且返回一个值，如果是数字返回的是false，如果不是数字返回的是true

var userAge = 21;
var isOk = isNan(userAge);
console.log(isOk); //false,21不是一个非数字
var userName = "andy";
console.log(isNan(userName)); //true,"andy"是一个非数字

二、字符串类型 string

1、在js中用双引号或单引号包裹起来的都是字符串

2.字符串是由若干字符组成的，这些字符的数量就是字符串的长度。通过字符串的 length 属性可以获取整个字 符串的长度，空格也是字符串的内容

//通过字符串的length属性可以获取整个字符串的长度
var strMsg = "Hi~ 美丽！";
alert(strMsg.length); //显示7

3.字符串的拼接

3.1.多个字符串之间可以使用 + 进行拼接，其拼接方式为 字符串 + 任何类型 = 拼接之后的新字符3.2串 拼接前会把与字符串相加的任何类型转成字符串，再拼接成一个新的字符串

注意

字符串 + 任何类型 =拼接之后的新字符串

//1 字符串相加
alert('hello' + ' ' + 'World'); //hello World
//2 数值字符串相加
alert('100' + '100'); //100100
//3 数值字符串+数值
alert('12'+12); //1212
//4 数值+数值
alert(12+12); //24

变量是不能添加引号的，因为加引号的变量会变成字符串

三、布尔类型 boolean

1.ture：表示真

2.false  ：表示假

四、空类型

1.null类型 表示没有值，（有一个空的值 值为null）

2.undefined：表示没有值  /表示定义一个变量的时候没有赋值，或赋了一个undefined

简单数据类型	说明	默认值
Number	数字型，包含整型值和浮点型值，如21，0.21	0
String	字符串类型，如“张三”	“”
Boolean	布尔值类型，如true，false ，等价于1和0	false
Null	var a = null;声明了变量a为空值	null
Undefined	var a; 声明了变量a但是没有赋值，此时a=undefined	Undefined（未定义的）

九、typeof

作用：检测数据类型

语法：typeof  要检测的变量 => 返回这个变量里面存储的数据是什么数据类型

例：

                var n1 = 100;

                var result = typeof n1;

                console.log(result);

他的返回值是一个number  

注意：

1.typeof只能检测基本数据类型。

Number	数字类型
String	字符串类型
Boolean	布尔类型
Undefined	Undefined类型（空类型）
Object	Null类型

2.字面量

字面量是在源代码中一个固定值的表示法，通俗来说，就是字面量表示如何表达这个值。

数字字面量：8，9，10

字符串字面量：‘前端’，‘后端’

布尔字面量：true、false

十、数据类型的转换

当我们需要处理一些数据的时候，数据类型又不对，不能得到正确的结果，这时可以转换数据类型后再进行使用

1.转数值（转成数值类型）

a.Number();括号里写要转换的内容

方法	说明	案例
parselnt(string)函数	将string类型转成整数数值型	parselnt(‘18’)
parseFloat(string)函数	将string类型转成浮点数数值型	parseFloat(‘18.11’)
Number()强制转换函数	将string类型转换为数值型	Number(‘12’)
js 隐式转换(- * /)	利用算术运算隐式转换为数值型	‘12’-0

1.注意 parseInt 和 parseFloat ，这两个是重点

        1.1parseInt  

                解析规则：把转换的内容一位一位的查看，当第一位不合法的时候直接返回NaN，

                                   如果第一位是数字则会继续往第二位查看，把前面的数值都保留下来，

                                   但是他不认识小数点，所以小数点后面的值会直接抹去

        1.2parseFloat

                解析规则：与parseInt 的解析规则一样 ，但是他认识小数点，所以他可以保留小数点后面的数字。

2.隐式转换是我们在进行算数运算的时候，JS自动转换了数据类型

2.转换为字符串型

方法	说明	案例
toString（）	转成字符串	var num = 1; alert(num.toString());
String()强制转换	转成字符串	var num = 1; alert(String(num));
加号拼接字符串	和字符串拼接的结果都是字符串	var num =1; alert(num+“我是字符串”);

//1.把数字型转换为字符串型 toString() 变量.toString()
var num = 10;
var str = num.toString();
console.log(str);
//2.强制转换
console.log(String(num));

toString() 和 String() 使用方式不一样

三种转换方式，我们更喜欢用第三种加号拼接字符串转换方式，这一方式也称为隐式转换

3.转换为布尔型

方法	说明	案例
Boolean()函数	其他类型转成布尔值	Boolean(‘true’);

注意

代表空，否定的值会被转换为false，如 ’ ’ , 0, NaN , null , undefined

其余的值都会被被转换为true

console.log(Boolean('')); //false
console.log(Boolean(0)); //false
console.log(Boolean(NaN)); //false
console.log(Boolean(null)); //false
console.log(Boolean(undefined)); //false
console.log(Boolean('小白')); //true
console.log(Boolean(12)); //true