我不是搞前端,而是搞后端的。本命编程语言是java。学习js的嘛,因为看到室友能做出动态网页,而我只能做出静态网页,再加上下个学期加拿大高中留学费用要学所以提前来学习学习。
java和javsscript没有半毛钱关系,只是javascript被sun公司收购后,把改成jaascript,第一是因为sun的主打产品是java,第二是利用java的知名度去javascript做广告,扩大javascript的影响力。
接下来就分享今日的干货
什么是变量?
我们需要用编程语言去处理现实生活中的各种数据,而各种数据又是存储在哪里的呢?答案就是变量,变量不是什么高大尚的东西,它就是一个装东西的盒子把它说塑料袋也不为过。变量的本质就是在内存中开辟一块存放数据的空间。类似的我们酒店的房间,一个房间就可以看做一个变量。
变量的使用
变量使用时分为两个步骤,1.声明变量,2.赋值。我们还是用同样的思想去理解这两个步骤,有一天我来一家酒店,我向老板说要开一间单人房,当我付钱后,老板给我房卡,这就意味着我在某一个期限内,可以入住那个房间。(我付钱,老板给卡,相当于声明),我入住之后,空房间有人了相当于赋值。
接下来看看js中的变量的使用
<!doctype html><html><head><meta chart="utf-8"><title></title><script>var age;</script></head><body></body></html>var 是js的一个关键字,用来声明变量(variable变量的意思),使用该关键字声明变量后,计算机自动为变量分配内存空间age程序员定义的变量名,我们要通过变量名来访问内存中分配的空间
var age=19; //给age这个变量赋值为19=用来把右边的值给左边的变量空间,这就是赋值变量值是程序员保存到空间变量里的值
更新变量:一个变量被重新赋值后,它原来的值就会被覆盖,变量值以最后一次赋的值为准
var age=18;age=19;//最后的结果为19.因为18被19覆盖了
同时声明多个变量:只需写一个var ,然后变量名之间用英文逗号隔开
var age,number,average;
声明变量的特殊情况
特殊一
var x;只声明,不赋值,程序也不知道是啥,所以结果是 undefined (未定义的)console.log(x);
特殊二
console.log(x); 不赋值,不声明,直接使用某个变量会报错
特殊三
qq=90;console.log(qq); 不声明直接赋值直接用,不会报错!!!这就很离谱,但是在javascript就是对的,因为它太自由了。
编程语言是用来处理现实生活中的问题,我们在现实世界中要处理各种各样的数据,其中就有整数,小数,文字等等,对应的在编程语言也有整数,浮点数,字符。在计算机中不同类型的数据所占的储存空间也是不一样的,为了方便把数据分为所需内存大小不同的数据,充分的利用储存空间,于是就定义了不同的数据类型。简单的来说,数据类型就是数据的类别型号,就是对数据分类。如姓名,“叶秋涵”,年龄18,这些数据的类型的就是不一样的。
变量的数据类型
变量是用来储存值的所在沉香救母处,它们都有其名字和类型,变量的数据类型决定了如何将代表这些值的位储存到计算机的内存中,javascript是一种弱类型或者说动态语言,这意味着不用提前声明变量的
类型,程序在执行过程中会自动。
var age=10; //这是一个数字型var name='叶秋涵'; //这是一个字符串
在代码的运行过程中,变量的数据类型是由js引擎根据=右边变量值的数据类型来判断的,运行完毕之后,变量就确定了数据类型
js拥有动态类型,同时意味着相同的变量可以作不同的类型
var x=6; //x为数字var x='哔哩哔哩'; //x为字符串
js中的简单数据类型及其说明
1.数字型进制
最常见的进制有二进制,八进制,十进制,十六进制
//1.八进制数字序列范围0~7var num1=07; //对应十进制的7var num2=019; //对应十进制的19var num3=08 滨州大学 //对应十进制的8//2.十六进制数字序列范围:0~9以及a~fvar num=0xa;
现在我们只要记住,在js中八进制前面加0,十六进制前面加0x
2.数字型范围
js中数值的最大值和最小值
alert(number.max_safe_integer);//9007199254740991alert(number.min_value);//5e-324
3.数字型三个特殊值
alert(infinity);//infinityalert(-infinity);//-infinityalert(nan);//naninfinity,代表无穷大,大于任何值-infinity,代表无穷小,小于任何值nan, not a numbe求职简历样本r,代表一个非数值
字符串型可以是引号中的任意文本,其语法是单引号**’’和双引号“”**
var srtage = '18';var strname = '叶秋涵';var srtfood = '我爱垃圾食品';//常见错误var srtnum2 = 11; //报错,没有引号,会被认为是js代码,但是js没有这些语法
因为在html标签中里面的属性使用的是双引号,js这里我们更推荐使用单引号
字符串引号嵌套
js可以用单引号嵌套双引号,或者用双引号嵌套单引号(外双内单,内单外双)
var strmsy = '我是"程序员"萧寒';console.log(strmsy)var strmsy2 = "我是'程序员'萧寒";console.log(strmsy2);//常见错误var badquotes = "what on earth?"';console.log(strmsy2);
结果如下
字符串转义符
类似html里面的特殊字符,字符串中也有特殊字符,我们称为转义符
转义符都是由\开头,常用的转义字符及其说明如下
布尔型boolean
布尔类型有两个值,true和fal,其中true表示真,而fal表示假
布尔型和数字型相加的时候,true的值为1,fal的值为0
console.log(true+1);//2console.log(fal+0);//0
undefined和null
一个声明后没有被赋值的变量会默认有一个默认值undefined(如果进行相加或者相连时,注意结果)
var variable;console.log(variable);console.log('你好'+variable);console.log(11+variable);//+起连接作用console.log(true+variable);
结果如下
一个变量给null值,里面储存的值为空,就是啥也没有
var vari=null;console.log('你好'+vari);console.log(11+vari);console.log(true+vari);
结果如下
使用表单,pro百炼成钢造句mpt获取过来的数据默认值是字符串类型,此时就不能进行简单的加法运算,而是需要转换变量的数据类型,简单来说,就是把一种数据类型转换成另一种数据类型。
三种常用的转换方式
转换为字符类型转换为数字型转换为布尔型(一)利用js提供的函数
js提供了parint()和parfloat()两个转换函数。前者把值转换成整数,后者把值转换成浮点数。
看看代码就明白了
var age=12;console.log(age);//利用parint()将值转换为整数console.log(parint(age));console.log(parint('3.12'));//取整console.log(parint('3.89'));//取整console.log(parint('10px'));console.log(parint('rem120px'))//nan//利用parfloat()将值转换为整数console.log(parfloat('3.14'));//3.14console.log(parfloat('120px'));//120会去掉px这个单位console.log(parfloat('rem102px'));//nan js引擎读到rem的时候,无法识别,直接判为空
(二)强制转换 number()转换函数
var str='123';console.log(number(str));//123console.log(number('12'));//12
(三)js的隐形转换(- * /)注意没有+,+起拼接作用
console.log('12'-0);//12console.log('122'+1);//1221console.log('123'*123);//15129console.log('123'/123);//1
console.log('');//falconsole.log(0);//falconsole.log(nan);//falconsole.log(null);//falconsole.log(undefined);//falconsole.log('小白');//trueconsole.log(12);//true
本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注www.887551.com的更多内容!
本文发布于:2023-04-04 09:44:01,感谢您对本站的认可!
本文链接:https://www.wtabcd.cn/fanwen/zuowen/8e57e732dd64918dfa79643c9f731e16.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文word下载地址:一篇文章带你搞懂JavaScript的变量与数据类型.doc
本文 PDF 下载地址:一篇文章带你搞懂JavaScript的变量与数据类型.pdf
留言与评论(共有 0 条评论) |