JavaScript变量、值类型介绍和启发-day01
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>变量--数字</title> 6 </head> 7 <body> 8 <script type="text/javascript"> 9 var a = 100; 10 var b = 200; 11 var c = 300; 12 var d = 400; 13 var e = 500; 14 document.write('这么写是一种非常不好的写法,非常恶心计算机 '); 15 document.write(b); 16 </script> 17 </body> 18 </html>
程序结果
这么写是一种非常不好的写法,非常恶心计算机200
上面的写法非常不友好,会显得代码很臃肿,不是一个好的前端开发人员的好习惯,我们在这里建议使用单一var(沃)模式,尽量多个变量这么来写;
开发时候会有一个开发的规范,就是一个小本子,统一了公司开发格式,方便任一程序员查阅,接下来我们来看一下,开发中的标准写法
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>变量的单一var模式</title> 6 </head> 7 <body> 8 <script type="text/javascript"> 9 var a = 10, 10 b = 20, 11 c = 30, 12 d = 40, 13 e; 14 15 document.write(a,b,c,d,e); 16 </script> 17 </body> 18 </html>
程序结果
10203040undefined
变量命名规则
- 变量必须以英文字母、_、$、数字开头
- 变量名可以包括英文字母、_、$、数字
- 不可以使用系统的关键字、保留字作为变量名
关键字
| break | else | new | var |
| case | finally | return | void |
| catch | for | switch | while |
| delete | if | throw | |
| delete | in | try | |
| do | instanceof | typeof |
保留字
| abstract | enum | int | short |
| boolean | export | interface | static |
| byte | extends | long | super |
| char | final | native | synchronized |
| class | float | package | throw |
| const | goto | private | transient |
| debugger | implements | protected | volatile |
| double | import | public |
初次进入公司,实习生都会分配一个导师,实习生写的代码需要经过导师的审核才会上线,这个时候变量千万不能乱写,要做到见名知意,切记千万不能
var a,b,c;
之类的变量,小心挨骂
要养成一个好习惯,千万别再使用aa,bb,cc这种命名方式啦!!!!!!!习惯就从现在开始,真正到工作的时候就改不过来了
现实的公司中,有些程序员因为一个问题可以想一天,有时候会变得非常暴躁,当他看到你的代码写成aa,bb,cc,结果可想而知,他会弄死你(有点夸张哈),自己脑补
接下来我们来看下面程序,给你的启发
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>运算大于赋值的优先级</title> 6 </head> 7 <body> 8 <script type="text/javascript"> 9 var a = 10, 10 b = 20, 11 c; 12 c = a + b; 13 14 document.write(c); 15 </script> 16 </body> 17 </html>
运行结果
30
我们在这里var了三个变量a,b,c,很明显这个程序是在做一道加法求值,c=a+b,这里我想说的是,运算的优先级大于赋值的运算,只有这样才能使程序运行下去
我们javascript是一种动态语言的东西,和静态语言是俩回事,动态语言基本上全是解释性语言,解释性语言基本上都是脚本语言.解释性语言的特点,声明关键字只有一个那就是var,我们不需要像其他语言一样,int float,long,char,string(这是java和一些其他的编程语言常用的变量类型,当然啦我最近也在学习Java,要坚持啊✊)
解释性语言就是解释一行执行一行,到代码中现解释,现执行,不用像java那样通篇编译成.class字节码文件再去执行它,只需要记住,我们javascript只有var没有其他乱七八糟的东西,而且我们数字的类型天生就是浮点型,不是整型 浮点型的范围要大于整型的,换句话说,浮点型就是我们正常人用的东西,现实生活中我们就可以直接说10.89,不用像Java那样float一个变量类型,再去赋值,我们一个var就可以解决,大大方便了我们程序的简洁性,也降低了学习成本
再来看一段代码
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>字符串的使用</title> 6 </head> 7 <body> 8 <script type="text/javascript"> 9 var a = "123", 10 b = "我的博客园地址是https://www.cnblogs.com/cmd5"; 11 12 document.write(a,b); 13 </script> 14 </body> 15 </html>
运行结果
123我的博客园地址是https://www.cnblogs.com/cmd5
这里我们var了一个字符串,字符串于数字不一样,我们数字直接在=右边直接敲数字,字符串需要用到英文状态下的””或者”,双引号和单引号在javascript中都是允许的,我们上面是定义了一个字符串123,而不是数字123,这一点要区分
阿拉伯人发明了数字,其实这不是最早的数字,印度人最先发明了数字的原型,不完善,阿拉伯人把印度人在历史上灭了一次,印度经历了好几轮灭族,阿拉伯人进入印度发现,呀哈,你们这个国家很强大,竟然有123456789,阿拉伯人就把这些数字引进了自己的国度 问题来了阿拉伯数字为啥不叫印度数字呢?以前的印度人吧有数字但是不懂得加减法,阿拉伯人给加进去加减乘除,加完后拼成一个数字系统,叫阿拉伯数字系统,并且流传开来,风靡欧洲,最后又传到了亚洲,这叫阿拉伯数字
接下来看一段代码
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>布尔值Boolean,undefined,null</title> 6 </head> 7 <body> 8 <script type="text/javascript"> 9 var a = true, 10 b = false, 11 c = undefined, 12 d = null, 13 e; 14 15 document.write(a,b,c,d,e); 16 </script> 17 </body> 18 </html>
运行结果
truefalseundefinednullundefined
前面我介绍了数字和字符串在javascript中是如何定义的,很简单对吧,现在我来给大家介绍,布尔值Boolean,undefined,null对你的启发
布尔类型:值只有两个,要么是true要么是false暂且先记住,布尔类型的值和以后的逻辑判断有关
undefined:英语中defined是定义的意思,undefined是未定义的 的意思,就是说这个变量并没有进行定义代码中e的运行结果就是undefined
null:英文中null是空的意思,在javascript中null其实是一种占位符,我们在创建了一个方法,在变量中进行调用,这是最常见的方式了,但是随着时间的推移你渐渐的发现这个调用似乎不太适合了,我们不能将它删除,必须找个东西覆盖,用123覆盖没理由,这个时候我们就是用null进行占位,似乎在告诉程序这是空的,我不进行调用了,这样程序就自动跳过原本要调用的方法了,拿空值调用,以便后续的利用
恭喜你看到了这里,你一定会在javascript上走的越来越远,最种成为js大神
我来给总结今天的随笔
我们学了5个原始值,哈哈,很抱歉在文章底部才列举
原始值包括:Number String Boolean undefined null,如果忘记了,在看一遍文章,对你有帮助
除了原始值外还有
引用值:array Object function … date RegExp
后续等我慢慢更新吧…我应该JavaScript、Java、网络安全渗透至少会连更2年6月吧