Java Script学习笔记（1）

Java Script学习笔记（1）(课程：黑马程序员)

Java Script 是什么

Java Script是世界最流行的语言之一，是一种运行在客户端的脚本语言（Script是脚本的意思）
脚本语言：不需要编译，运行过程中由js解释器（js引擎）逐行来进行解释并执行
现在也可以基于Node.js技术进行服务器端编程

JS的组成

ECMAScript（Java Script 语法）和DOM（页面文档对象）和BOM（浏览器对象模型）

JS初体验

JS有三种书写位置，分别是行内，内嵌和外部

行内式JS

input type=“button” value=“唐伯虎” οnclick=“alert(‘秋香姐’)”

可以将单行或少量JS代码写在HTML标签的事件属性中（以on开头的属性），如：onclick
注意单双引号的使用：在HTML中我们推荐使用双引号，JS中我们推荐使用单引号
可读性差，在HTML中编写JS大量代码时，不方便阅读
引号易错，引号多层嵌套匹配时，非常容易弄混
特殊情况下使用

内嵌式JS

script
alert(‘沙漠洛阳’)
/script

可以将多行JS代码写到script标签中
内嵌JS时学习时最常用的方式

外部JS文件

script src="./my.js"
/script

利于HTML页面代码结构化，把大段JS代码独立到HTML页面之外，既美观，也方便文件级别的复用
引用外部文件JS文件的script标签中间不可以写代码
适合于JS代码量比较大的情况

注释

单行注释 //
快捷键 ctrl + /

多行注释/**/
默认的快捷键 shift + alt + a

Java Script 输入输出语句

方法	说明	归属
alert(msg)	浏览器弹出警示框	浏览器
console.log(msg)	浏览器控制台打印输出信息	浏览器
prompt(info)	浏览器弹出输入框，用户可以输入	浏览器

变量概述

什么是变量

变量是用于存放数据的容器。我们通过变量名获取数据，甚至数据可以修改。
变量就是一个装东西的盒子

变量在内存中的存储

本质：变量睡觉哦程序在内存中申请的一块用来存放数据的空间

变量的使用

变量在使用时分为两步：1.声明变量 2.赋值

声明变量
var age
声明一个名称为age的变量

var时一个JS关键字，用来声明变量。使用该关键字声明变量后，计算机会自动为变量分配内存空间，不需要程序员管

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

赋值

age = 10；
给age这个变量赋值为10

=用来把右边的值赋给左边的变量空间中 此处代表赋值的意思
变量值是程序员保存到变量空间里的值

变量的初始化

声明一个变量并赋值，我们称之为变量的初始化

变量的语法拓展

更新变量

一个变量被重新赋值后，它原有的值就会被覆盖，变量值将以最后一次赋的值为准

var age = 18;
age = 81;
最后的结果就是81，因为被18覆盖掉了

同时声明多个变量

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

变量声明中的特殊情况

情况	结果
只声明不赋值	undefined
不声明 不赋值	报错
不声明 直接赋值使用	能正常输出，但不推荐使用

数据类型

变量的数据类型

变量是用来存储值的所在处，它们有名字和数据类型。变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中。Java Script 是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型，在程序运行过程中，类型会自动确定。
var age = 10 ; 这是一个数字型
var areYouOk = ‘是的’ ; 这是一个字符串

在代码运行时，变量的数据类型是由JS引擎根据 = 右边变量值的数据类型来判断的，运行完毕之后，变量就确定了数据类型。

Java Script拥有动态类型，同时也意味着相同的变量可用作不同的类型：
var x = 6; 这里x为数字
var x = ‘BILL’ ; 这里x为字符串

简单数据类型（基本数据类型）

Java Script 中简单的数据类型及其说明如下：

简单数据类型	说明	默认值
Number	数字型，包含 整型值和浮点型值，如21，0.21	0
Boolean	布尔值类型，如true,false	false
String	字符串类型,JS中字符串都带引号	“”
Undefined	var a;声明了变量a但是没有给值，此时a = undefined	undefined
Null	var a null;声明了变量a 为空值	null

数字型Number

1. 八进制 0~7 我们程序里面数字前面加0 表示八进制
2. 16进制 0~9 a~f 数字的前面加 0x 表示十六进制
3. 数字型的最大值 console.log(Number.MAX_VALUE);
4. 数字型的最小值 console.log(Number.MIN_VALUE);
5. 无穷大Infinity console.log(Number.MAX_VALUE*2);
6. 无穷小Infinity console.log(-Number.MAX_VALUE*2);
7. isNaN() 这个方法用来判断非数字 并且返回一个值 如果是数字返回的是 false 如果不是数字返回的是true

字符串型String

引号嵌套
外双内单，外单内双

字符串转义符

通常以\开头

转义符	解释说明
\n	换行符，n是newline的意思
\ \	斜杠\
\ ’	'单引号
\ "	"双引号
\t	tab 缩进
\b	空格，b是blank的意思

字符串长度

通过字符串的length属性可以获取整个字符串的长度
console.log(str1.length);

字符串拼接

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

布尔型 Boolean

布尔类型有两个值：true和false，其中true表示真（对）,而false表示假（错）。

Undefined和Null

一个声明后没有被赋值的变量会有一个默认值undefined(如果进行相连或相加时，注意结果)
null 空值

获取检测变量的数据类型

typeof可以用来获取检测变量的数据类型

数据类型转换
使用表单，prompt获取来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算，而需要转换变量的数据类型。通俗来讲，就是把一种数据类型的变量转换成另外一种数据类型。

转换成字符串

方式	说明	案例
toString()	转成字符串	var num=1;alert(num.toString());
String()强制转换	转成字符串	var num=1;alert(String(num));
加号拼接字符串	和字符串拼接的结果都是字符串	var num=1;alert(num+‘字符串’);

转换成数字型（重点）

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

转换成布尔型

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

代表空，否定的值会被转换成false ，如’ ',0,NaN,null,undefined
其余值都会被转换为true