javaScript之变量与数据类型

一，变量

1.1 变量的含义

　　即在程序运行过程中它的值是允许改变的量。与它对应的就是常量：即在程序运行过程中它的值是不允许改变的量

　　js是跟python一样同样是弱类型的语言，python中定义变量没有关键字： str = ‘james’

但是在js中定义变量使用关键字：var str = ‘james’；

　　对于便利的理解：变量是数据的代号。如同人的名字一样。

var num;   // 在JavaScript中使用关键字var声明一个变量

　　在JavaScript中，使用上面的语法，就可以声明一个变量，以便在之后给其指定值。

var num;
    num = 128; // 这样num做微值128的一个名字，有了名字，就可以在之后引用！
    document.write(num);   // 输出128

1.2 　变量的声明和定义

1.2.1 先声明后定义

var dog;
// alert(dog) //undefined  未定义
// 定义
dog = '小黄';

1.2.2 声明立刻定义

var dog_2 = '小红';
console.log(dog_2); //小红

　　

1.3，变量的规范

var 34bad;//不能以数字开头

var per人;//不能包含中文

var bad-var;//非法的-

var var;//var就是一个关键字，所以很明显不能用来做变量名

1 严格区分大小写

2 命名时名称可以出现字母、数字、下划线、$ ,但是不能数字开头，也不能纯数字，不能包含关键字和保留字。

关键字：var number等

除了关键字 top name 也尽量不使用。

关键词：

保留字

javascript保留关键词

javascript的保留关键字不可以用作变量，标签或者函数名，有些保留关键字是作为javascript以后扩展使用。

 

3 推荐驼峰命名法：有多个有意义的单词组成名称的时候，第一个单词的首字母小写，其余的单词首字母写

4 匈牙利命名：就是根据数据类型单词的的首字符作为前缀

 二，运算符

　　js中的运算符跟python中的运算符有点类似，但也有不同。所谓运算,在数学上，是一种行为，通过已知量的可能的组合，获得新的量。

2.1 赋值运算符

以var x = 12,y=5来演示示例

 

2.2 算数运算符

var a = 5,b=2

 

2.3比较运算符

var x = 5;

 

2.4 特殊情况

　　字符串拼接+字符串运算 特殊情况。python中有拼接字符串中更简便的办法，其实在js中也有，大家可以百度引擎搜索es6模板字符串。（扩展）

var  firstName  = '星';
var lastName = 'Li';
var name = '伊拉克';
var am = '美军';
// 字符串拼接
var str = "2003年3月20日,"+name+"战争爆发，
以美军为主的联合部队仅用20多天就击溃了萨达姆的军队。
这是继十多年前的海湾战争后，"+am+"又一次取得的大规模压倒性军事胜利。"
var fullStr = str;
console.log(fullStr)

var fullName = firstName +" "+ lastName;
console.log(fullName)

　　

// 不能对字符串进行+运算 只能拼接
var a1 = '1';
var a2 = '2';
console.log(a1-a2) //12

　　

var b1 = 'one';
var b2  = 'two';

// NaN. ==== not a number 是number类型
console.log(typeof(b1*b2))

　　

三，数据类型

　　数据类型包括：基本数据类型和引用数据类型

　　基本数据类型指的是简单的数据段，引用数据类型指的是有多个值构成的对象。

　　当我们把变量赋值给一个变量时，解析器首先要确认的就是这个值是基本类型值还是引用类型值

3.1 基本数据类型

var dog;
dog="小虎子"； //字符串，他们总被包含在双引号(或单引号)中
var num;
num=1;//数字，它们裸露的出现了
var strNum;
strNum="1";//但是现在strNum所引用的是一个字符串,因为它被包含在引号中了
var badNum;
badNum=3.345;//一个小数，因为它带有一个小数点
badNum=.2;//仍然是一个小数，这句代码与badNum=0.2是一样的!
badNum = 0.4.5;//当然，这句代码是错的，一个非法数字

　　undefined

var d1;
//表示变量未定义
console.log(typeof d1)

　　null

var c1 = null;//空对象. object
console.log(c1)

　　boolean

var b1 = false;
console.log(typeof b1)

　　string

var str  = '123'
console.log(typeof str)

 

3.2 字符串

字符串相连

var s1="Hello,";
    s1=s1+"World!"; 
    alert(s1);
    s1+="!!!!";
    alert(s1);

　　

3.3 数学运算与比较

　　js中的运算符跟python中的运算符有点类似，但也有不同。所谓运算,在数学上，是一种行为，通过已知量的可能的组合，获得新的量。

//加法 + 
    //减法 -
    //乘法 *
    //除法 / 
    //自增 ++
    //自减 --
    var a = 12; var b = 30; var c = a+b;
    alert(c);//输出42
    c=b-a;
    alert(c);//输出18
    c=c*2;
    alert(c);//输出36
    c=c/2;
    alert(c);//输出18
    c = 12;
    c++;//这与c=c+1;效果是一样的
    alert(c);//输出13
    c--;//这与c=c-1;效果是一样的
    alert(c);//输出11
    //自增与自减运算符出现的地方也有讲究
    c=20;
    alert(c++);//输出20,因为++写在变量后面,这表示变量c完成运算之后,再将其值增1
    alert(c);//现在将输出21,自减运算符也与些相似
    //如果只是类似这样的计算
    c = c+12; //可以这样写
    c+= 12;//这与写c= c+12;效果是一样的
    //类似其它的运算也有简便的方法
    c-=3;//c=c-3
    c*=4;//c=c*3;
    c/=2;//c=c/2;

　　要注意的是，在JavaScript，连接字符串时也使用“+”号。当字符串与数字相遇时？——JavaScript是弱类型语言

var num=23+45;
alert("23+45等于"+num);//表达式从左往右计算，字符串之后的数字都会当成字符串然连接
alert("23+45="+(23+45));//使用括号分隔

　　比较操作符:<,>,<=,>=,==,!=,!;比较操作符返回布尔值

//小于 <
//大于 >
//小于或等于 <=
//大于或等于 >=
//相等 ==
//不相等 !=
alert(2<4);//返回true
alert(2>4);//返回false
alert(2<=4);//返回true
alert(2>=2);//返回true
alert(2==2);//返回true
alert(2!=2);//返回true

　　

3.4 表达式的组合

alert( (2<4)==(5>3)==(3<=3)==(2>=2)==(2!=2)==(2==2)==true );

　　

3.5 逻辑运算符

// &&逻辑与,当两边的值都为true时返回true,否则返回false
// || 逻辑或,当两边值都为false时返回false,否则返回true
// ! 逻辑非
alert(true && false);//输出false
alert(true && true);//输出true
alert(true || false);//输出true
alert(false || false);//输出false
alert(!true);//输出false

　　

四，数据类型转换

　　由于JavaScript是弱类型语言，所以我们安全可以将字符串和数字(两个不同类型的变量)进行相加，这个我们在前面已经演示过了，当然，不仅仅可以将字符串和数据相加，还可以将字符串与数据相乘而不会出现脚本错误！

var str ="some string here!"; var num = 123;
    alert(str*num);//将输出NaN,因为乘法运算符只能针对数字,
    //所以进行运算时计算机会将字段串转换成数字
    //而这里的字符串转换成数字将会是NaN
    //NaN是一个特殊的值,含义是"Not A Number"-不是一个数字,
    //当将其它值转换成数字失败时会得到这个值
    str ="2";
    alert(str*num);//将输出246,因为str可以解析成数字2    

　　

var bool = true;
    alert(bool*1);//输出1 ,布尔值true转换成数字为1,事实上将其它值转换在数字最简单的方法就是将其乘以1
    bool = false;
    alert(bool*1);//输出0
    alert(bool+"");//输出"flase",将其它类型转换成字符串的最简单的方法就是将其写一个空字符串相连
    alert(123+"");//数字总能转换成字符串
    var str = "some string";
    alert(!!str);//true,因为非运算符是针对布尔值进行运算的,所以将其它类型转换成布尔值只须将其连续非两次
    str ="";
    alert(!!str);//输出false,只有空字符串转换成布尔值时会是false,非空字符串转换成布尔值都会返回true
    var num =0;
    alert(!!num);//false
    num=-123.345;
    alert(!!num);//true,除0以外的任何数字转换成布尔值都会是true
    //还有一个非常重要的是,空字符串转换成数字将会是0
    alert(""*1);//输出0

　　获取变量类型 typeof 运算符

var bool = true;
    alert(typeof bool);//输出boolean
    var num =123;
    alert(typeof num);//输出number
    var str = "some string here";
    alert(typeof str);//输出string
    var strNum = "123";
    alert(typeof strNum);//输出string
    strNum *= 1;
    alert(typeof strNum);//输出number

　

4.1 将数值类型转化成字符串类型

var n1 = 123;
var n2 = '123';
var n3 = n1+n2;
// 隐式转换
console.log(typeof n3);

　　

// 强制类型转换String(),toString()
var str1 = String(n1);
console.log(typeof str1);

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

　　

4.2 将字符串类型转化成数值类型

var  stringNum = '789.123wadjhkd';
var num2 =  Number(stringNum);
console.log(num2)

// parseInt()可以解析一个字符串 并且返回一个整数
console.log(parseInt(stringNum))
console.log(parseFloat(stringNum));

　　

4.3 任何数据类型都可以转换成boolean类型

var b1 = '123';
var b2 = 0;
var b3 = -123

var b4 = Infinity; 
var b5 = NaN;

var b6; //undefined
var b7 = null;

// 非0既真
console.log(Boolean(b7))