首页IT科技javascript怎么读代码(爱前端公开课学习笔记——JS01 认识js 变量)

javascript怎么读代码(爱前端公开课学习笔记——JS01 认识js 变量)

时间2025-06-21 01:13:02分类IT科技浏览4242
导读:认识js JS是寄生语言,寄生在HTML中,与JAVA没有关系 JS可以写在html文件中,以<script></script>标签对出现 在一些浏览器中,使用控制台可以监控到JS的工作...

认识js

JS是寄生语言               ,寄生在HTML中                   ,与JAVA没有关系 JS可以写在html文件中      ,以<script></script>标签对出现 在一些浏览器中           ,使用控制台可以监控到JS的工作

在谷歌浏览器的控制台中右键单击空白处                    ,选择检查可以打开控制台 查看console.log输出的内容            。

JS的注释 是            ”//                     ”或者       ”/* */         ”,前者是行注释         ,后者是块注释

1变量

js的变量必须申明在用       ,声明后赋值                     ,变量才可使用            ,使用过程中可以改变类型                     。

变量的命名规则:

变量名只能由字母            、数字                     、下划线       、美元号构成 不能以数字开头 不能是关键字和保留字 区分大小写
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> //定义一个变量a   ,赋值为10 var a = 10; //弹出a的值                     ,这里a没有双引号               ,因为他是变量 alert(a); </script> </body> </html>

实例1 变量的赋值与声明

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> var a = 10; a = 30; console.log(a); a = "看看能改类型吗"; console.log(a); </script> </body> </html>

简单的数据类型 number 数字,string 字符串 boolean 布尔型

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> console.log(typeof 123); console.log(typeof "文本"); console.log(typeof true); </script> </body> </html>

数字型

JS数字型数据不区分整浮         、正负                    、大小                  ,一律为number
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> console.log(typeof 6); console.log(typeof 5.555); console.log(typeof -6); console.log(typeof 9292992929039029); </script> </body> </html>
js区分进制 认识NaN(非数)但是他本身是一个数字                  ,Infinity 无穷 NaN 有两种情况会出现 用了数学运算符   ,但是没有结果               ,如“我                    ”-“你           ” 0/0 得到NaN
//认识NaN console.log(typeof NaN); console.log("a" - "b"); console.log(0 / 0);

输出

Infinity 有两个情况会出现 除数为零                   ,console.log(10 / 0) 特别大的数 console.log(math.pow(33333,66666))
//Infinity console.log(10 / 0); //除数为0 console.log(Math.pow(3333,666666)); //特别大的数
声明:本站所有文章      ,如无特殊说明或标注           ,均为本站原创发布       。任何个人或组织                    ,在未征得本站同意时         ,禁止复制           、盗用      、采集                   、发布本站内容到任何网站               、书籍等各类媒体平台         。如若本站内容侵犯了原著者的合法权益       ,可联系我们进行处理                    。

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
提升seo排名方法(seo排名如何快速提升) 企业网站如何进行优化运营(提高网站流量和转化率的关键策略)