JavaScript基础知识

JavaScript输入输出语句

方法：Prompt(info):浏览器弹出输入框，用户可以输入

//这是一个输入框
prompt('请输入您的年龄');

Alert(msg):浏览器弹出警示框

//alert弹出警示框
alert('计算的结果是');

Console.log(msg):浏览器控制台打印输出信息

//console控制台输出 给程序员测试用的
console.log('这是程序员可以看到的');

什么是变量？

通俗：变量是用于存放数据的容器。我们通过变量名获取数据，甚至数据可以修改。

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

变量的使用：

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

• 声明变量

//声明了一个age的变量
    var age;

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

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

• 赋值

//赋值 把值存入这个变量中
    age = 20;

=用来把右边的值赋给左边的变量空间中

变量值是程序员保存到变量空间的值

• 变量的初始化：声明一个变量并赋值

//变量的初始化
var myname = 'Sharry';

• 更新变量

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

var age=18;

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

• 同时声明多个变量

同时声明多个变量时，只需要写一个var，多个变量名之间使用英文逗号隔开,最后一个后面加分号

var age=10,name=’mike’,sex=2;

• 声明变量的特殊情况

只声明不赋值

var age ;

Console.log(age);//结果undefined

不声明不赋值直接使用

Console.log(age);//结果：报错

不声明只赋值

age=10;

Console.log(age);//结果；10

变量命名规范

• 由字母（A-Za-z）、数字（0-9）、下划线（_）、美元符号（$）组成；
• 严格区分大小写；
• 不能以数字开头；
• 不能时关键字、保留字；eg:var，for,while
• 变量名必须有意义
• 遵循驼峰命名法。首字母小写，后面单词的首字母要大写。myFirstName

数据类型

JavaScript是一种弱类型或者说动态语言。意味着不用提前声明变量的类型，在程序运行过程中，类型会被自动确定。

var age=10;//这是一个数字型

var areYouOk='是的';//这是一个字符串

JavaScript的变量数据类型是只有程序在运行过程中，根据等号右边的值来确定的。

JavaScript是动态语言，变量的数据类型是可以变化的

var x=10;//x是数字型

var x='black'；//x是字符串型

简单数据类型

•  Number：数字型，包含整数型和浮点型值

1.八进制0~7，程序里面数字前面加0表示八进制

2.十六进制0~9 a~f,数字的前面加0x表示十六进制

3.数字型三个特殊值

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

-Infinity，代表无穷小，小于任何数值

NaN，Not a number,代表一个非数值

isNaN():用来判断非数字，并返回一个值，如果是数字返回false，否则，返回true

• Boolean：布尔值类型，eg:true(1),false(0),

布尔类型和数字类型相加的时候，true的值为1，false的值为0. 

 console.log(true + 1);//2

 console.log(false + 1);//1

• String:字符串类型

字符串型可以是引号中的任意文本，其语法为双引号””和单引号’’(因为HTML标签里面的属性使用的是双引号，JS这里更推荐使用单引号)

• 字符串引号嵌套

        JS可以使用单引号嵌套双引号，或者双引号嵌套单引号（外双内单，外单内双）

var a = '小明说:"你好可爱！"';//显示为：小明说:"你好可爱！"

• 字符串转义符

转义字符都是\开头的，常用的转义符及说明如下；

\n：换行符，n是newline的意思

\\：斜杠\;

\’：’单引号

\”：”双引号

\t：tab缩进

\b：空格，b是blank的意思

字符串长度

通过字符串的length属性可以获取整个字符串的长度

var str=’my name is mike’;

alert(str.length);//显示15

• 字符串的拼接

多个字符串之间可以使用+进行拼接，其拼接方式为字符串+任何类型=拼接后的新字符串；

只要有字符串和其他类型相拼接，最终的结果是字符串类型

console.log(12 + '12');//'1212'

+号口诀：数值相加，字符相连

• 字符串拼接加强

我们经常会将字符串和变量来拼接，因为变量可以很方便地修改里面地值

var age = 20;
console.log('我今年'+age+'岁！');//我今年20岁！

Undefined：声明但未赋值的变量（不确定是什么类型）

Undefined和一个字符串相加，结果是将Undefined和字符串连起来

console.log(a + 'mike');//undefinedmike

undefined和数字相加 最后结果是NaN

console.log(a + 1);//NaN

Null：声明变量为空值。

console.log(space + 'mike');//nullmike

console.log(space + 1);//1

获取变量数据类型

//获取变量数据类型

console.log(typeof a);

promet() 取过来的值是字符型的

数据类型转换

• 转换为字符串

方式：

1.toString():转成字符串

var num = 1;
console.log(num.toString());

2.String()强制转换

alert(String(num));

3.加号拼接字符串：和字符串拼接的结果都是字符串

console.log(num + "我是字符串");

转换为数字型

方式：

1.parseInt(string)函数:将string类型转成整数数值

2.parseFloat(string)函数：将string类型转成浮点数数值

3.Number（）强制转换函数：将string类型转成数值型

4.Js隐式转换（- * /）:利用算数隐式转换为数值型

console.log(parseInt('78'));//将string类型转成整型
console.log(parseFloat('78.21'));//将string类型转成浮点型
console.log(Number('12'));//将string转换为数值型
console.log('12' - 0);//利用算数隐式转换为数值型(- * /)
console.log('2' * 3);
console.log('12' / 2);

转换为布尔型

方式：

Boolean（）函数：其他类型转成布尔型

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

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