前端:JS/17/前篇总结(JS程序的基本语法,变量),数据类型-变量的类型(数值型,字符型,布尔型,未定义型,空型),数据类型转换,typeof()判断数据类型,从字符串提取整数或浮点数的函数

JS程序的基本语法

1,JS是区分大小写的,如:Name和name是不同的;
2,JS中每一条语句,一般以英文的分号(;)结束,在Java中是严格地一定要加上分号,不然会报错;但在JavaScript中并不是必要的,为了向PHP兼容,最好每条语句加上分号结束
3,运算符和变量,以及操作之间可以使用空格分开,这样的程序较容易阅读。(个人偏向不加空格,因为编辑器对不同的内容有颜色区分,vsCode中使用“SHIFT”+“ALT”+“F”格式化全内容时会自动加上空格,写代码的时候不用加空格)
var a = 100; 和 var a=100;是一样的

变量

1,变量是临时存储数据的容器;
2,变量就是一个“代号”;用变量来代替一个值,用变量进行各种运算;
3,对变量的运算,就是对变量中数据的运算;
4,不同的数据有不同的运算方式,如:数值型只能进行算术运算,字符型数据进行连接运算;
5,只有同类型的变量,才能进行运算,如果类型不同,要进行转换,转成相同类型;
变量的命名规则
1,变量的名字是自己定义的,想起什么名字都行,但一般会起有意义的变量名;
2,变量名只能是字母,数字,下划线,这三类字符;
3,变量不能以数字开头,但可以以字母或下划线开头;
4,变量名不能是系统关键字,如:var,else,if,switch等;
变量的赋值
1,就是给变量的这个“容器”装点东西;
2,赋值使用“=”符,对变量进行赋值,如:var name=“张三”;
3,"="称为“赋值号”,而不是等号,“=”它的含义不是等于,而是赋值;所谓赋值:就是将“=”右边的运算结果,赋给左边的变量;
“=”左边只能是变量名,而不能是运算表达式(左边不能运算)。
例:a=10+20;(正确的) a-10=20;(错误,左边不能运算)
注意:用var关键字声明的变量,此变量的类型十分广,但赋值时用的值有具体的类型,这时变量的类型对应着值的类型;
例:var a;//此时声明的变量没有类型
var b=a+10;//这行没有结果,因为a没有类型,同类型的数据才能运算,a+10此时无法运算,b也就没有结果

变量的类型----就是数据类型

变量的数据类型有:数值型,字符型,布尔型,未定义型,空型,数组,对象,函数
变量的数据类型分两大类:
基本数据类型:**数值型,字符型,布尔型,未定义型,空型,**很显著的特点:一个变量名只能存一个值;
例:var a=10;
复合数据类型数组,对象,函数,显著的特点:一个变量名:可以存多个值;
var a=[10,20,30,40];

1,数值型:变量能进行数学运算的

数值型包括:整型,浮点型,NaN;
数值型中还有一个很特殊的值NaN,NaN(not a number)不是一个数字,当将其它数据类型,转成数值型,转不过去,但程序又不能报错,这时将返回一个NaN的值;
//假设想让一个<div>的宽度变成原来的2倍宽,
var width = “300px”;//"300px"为字符串
//一般地,字符串是不能转成有意义的数值,常常会转成NaN,
//一个含有字母的数值字符串,转成数值后变成NaN,如:“300px”–>NaN
//但是一个纯数字的字符串,可以转成有意义的数值,
如:“100”–>100

2,字符型:用单引号或双引号,引起来的一个字串

例:var a=“我是个字符串”;
var b=‘我是个字符串’;
var c="";//空字符串
前端:JS/17/前篇总结(JS程序的基本语法,变量),数据类型-变量的类型(数值型,字符型,布尔型,未定义型,空型),数据类型转换,typeof()判断数据类型,从字符串提取整数或浮点数的函数
window.alert(“HTML超文本标注语言\nCSS层叠样式表\nJavaScript脚本程序”);//注意:此弹窗的内容不经过<body>仅属于JS,因此不会编译HTML中的标记,而document.write(str);
str中的内容将放到<body>中,自然会编译HTML标记;

3,布尔型(true,false)

布尔型又称逻辑型,只有两个值:true(真),false(假);
表示逻辑上的真与假;布尔型只有两个状态,如:性别,婚否,灯的开关,是否加入黑名单等;
var a=true;
var b=false;
前端:JS/17/前篇总结(JS程序的基本语法,变量),数据类型-变量的类型(数值型,字符型,布尔型,未定义型,空型),数据类型转换,typeof()判断数据类型,从字符串提取整数或浮点数的函数
前端:JS/17/前篇总结(JS程序的基本语法,变量),数据类型-变量的类型(数值型,字符型,布尔型,未定义型,空型),数据类型转换,typeof()判断数据类型,从字符串提取整数或浮点数的函数

4,未定义型(undefined)

当一个变量定义,但未赋值时,将返回未定义型,未定义型的值只有一个undefined
当一个对象的属性不存在时,也返回未定义型;

5,空型(null)

当一个对象不存在时,将返回空型,空型的值只有一个null;
也可以理解为:是一个对象的占位符;
如果你想清除一个变量的值的话,可以给它赋一个null
var a=100;
var a=null;//将一个null赋给一个变量,用于清除它的值,此时相当于没有a对象了;

数据类型转换

变量的类型转换,一般情况下JS自动转换,但也有时候需要手动转换,同一类型的数据之间才能进行运算;
1,其它类型转成布尔型
前端:JS/17/前篇总结(JS程序的基本语法,变量),数据类型-变量的类型(数值型,字符型,布尔型,未定义型,空型),数据类型转换,typeof()判断数据类型,从字符串提取整数或浮点数的函数

2,其它类型转成字符型

前端:JS/17/前篇总结(JS程序的基本语法,变量),数据类型-变量的类型(数值型,字符型,布尔型,未定义型,空型),数据类型转换,typeof()判断数据类型,从字符串提取整数或浮点数的函数
3,其它类型转成数值型
前端:JS/17/前篇总结(JS程序的基本语法,变量),数据类型-变量的类型(数值型,字符型,布尔型,未定义型,空型),数据类型转换,typeof()判断数据类型,从字符串提取整数或浮点数的函数
前端:JS/17/前篇总结(JS程序的基本语法,变量),数据类型-变量的类型(数值型,字符型,布尔型,未定义型,空型),数据类型转换,typeof()判断数据类型,从字符串提取整数或浮点数的函数
前端:JS/17/前篇总结(JS程序的基本语法,变量),数据类型-变量的类型(数值型,字符型,布尔型,未定义型,空型),数据类型转换,typeof()判断数据类型,从字符串提取整数或浮点数的函数

parseFloat()系统函数

前端:JS/17/前篇总结(JS程序的基本语法,变量),数据类型-变量的类型(数值型,字符型,布尔型,未定义型,空型),数据类型转换,typeof()判断数据类型,从字符串提取整数或浮点数的函数

@沉木