| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> JavaScript知识库 -> js变量、数据类型、运算符、流程控制及规范 -> 正文阅读 |
|
[JavaScript知识库]js变量、数据类型、运算符、流程控制及规范 |
【计算机基础】 ? ? ? ? ? ? ? ? ?注:软件运行在硬件上;内存暂时存储,比如word打开没保存断电,字没了,都是存在内存上,如果还有,存在硬盘上 ? ? ? ?注:机械就是类似唱片,所以慢,内存插电就行。 程序最终都是放硬盘上,然后运行时,先加载到内存,cpu执行内存代码 【js简介】 ? ?注:js和java没有任何关联 注:脚本语言是,一行翻译成机器语言执行完再下一行 注:输入12后,在旁边点击一下,就会告诉不对,就有一个验证? ? ? 注:点击有侧拉下拉菜单,或者点击箭头换下张图片等网页特效都可用js ?做桌面程序日历 微信小程序开发,结合h5的一些游戏开发等 ? ? ? ? ?注:对元素操作,比如点击后出现下拉菜单 ? 注:只要有浏览器可看到效果 ? ?注:alert是提醒之义 ? ?注:第二个方法一刷新就弹出 ? ? ? ? ? ? ? ?注:用户输入,程序处理,返回结果:输入输出 ? ?注:prompt提示,console控制台之义 注:点确定了出现下边框 注:点确定了在检查中才能看到console输出的内容,这是给程序员看的。其中,elements是html内容,style是样式部分 ? ?【变量】 ? ? ? ? ?注:声明类似定房,指定房间,开辟空的房间 ? ? ? ? ?注:变量把用户输入的信息保存起来 ? ? ? ?? ? ? ?对比其他语言:C声明变量,且有数据类型,面向内存,float a=3.3;python不用声明变量,它不 面向内存,只是关联,a=3;js声明变量,没有数据类型只是var a=3; 输出:C是printf,输入时scanf;C++是count<<,输入是cin;? python输出打印是print;js输出是console ? ?注:不声明,直接赋值可以使用,但是会变成全局变量 ? ?注:name虽然不是保留字和关键字,但最好也别用它作为变量名,因为有的浏览器会用它,可能会有特殊含义,所以不声明不赋值,不会报错 ? ? 注:临时变量相当于桌子 ? ?【数据类型】 注:瘦的人单人床,胖的人双人床,占的空间不同,节省空间,划分数据类型? ?注:变量属于哪种类型不确定,只有程序在运行中才确定,这个和其他语言C、java语言不同 ? ?注:变量的数据类型可以变化,不会报错,这个和其他语言也不一样,其他语言再赋值其他类型会报错 ? ? 注:第二个写错023八进制转为19? 注:十进制最大是9,然后变为10,20 注:console.log()快捷输入方式,直接写log ? ? ? ? ? ? ? ? ? ? ?注:匹配原则,找离着最近的类似的引号 ? ? ? ? ? ? ? ? ? ?注:两个数字型的用+连接后的结果是数字型的,比如12+12=24 ??????????????? ?注:写法,为了避免写混,引引加加的方式来写,先写死,老师18岁,再删去18,加'',再中间加++,再中间加age即可 ? ? ? ????????注:这其实就是一个简单的交互了??????? ? ? ? ? ?注:true相加当1来算;undefined赋给变量,变量是undefined类型的值,但是是什么也不知道,和数字型、布尔型相加结果是非数字型NaN ?注:五种数据类型,其中null是object类型,是不小心意外生成了,学了对象就知道; typeof用处,检测数据类型:prompt后的值是字符型,此时注意就不能再进行相加操作,控制台只要是黑颜色的都是字符型 ? 注:通过控制台颜色可知道属于哪种类型的值 ?注:字面量是一眼看上去就知道属于什么类型的值 ? ? ?注:最重要是第三个,是隐式转换,私下转换了,加一个''就行 ???????? ? ? ?注:前两个常用 ?注:parseInt和parseFloat这两个都可将字符串型转换为数字型,只不过区别是前者转为整数,后者为小数; 如果数字后面跟字符px等,会咔嚓去掉,后面js会常用这个方法,动画等; 投一个为字符,会整个去掉,得到非数字NaN ? ? 注:隐式转换,是用- * / 而不是+,'123'-'120'是3,而'123'+'120'是123120 ? ? ? ? ? ???????? ? ? ?【扩展阅读】 ? ???????? ?注:js属于解释型的语言,java编译 ? ? ?注:比如Number是标识符 ? ? ?注:int等,不是关键字,但不能乱用 ? ? ?【js运算符】 ? ? ? ?注:因为小数本来很小,转为二进制精度出问题,再运算结果会有误差,尽量避免让浮点数参与运算 根本原因是计算机所使用二进制01代码无法准确表示某些带小数位的十进制数据 小数转换为二进制有它自己的一套方法,乘2取整,顺序排列 ? ? ? ? ?注:不能++1 ? ???????? ? ? 注:++a和a++单独存在效果一样,放式子里,就不一样了 ? ?注:开发通常使用a++;且独占一行,很少和其他一起 ?注:e++ + ++e是e++先返回原值但之后e也已经加1,再算后面的 ?面试会问 ? ?注:双等,有隐式转换,18=='18',把字符型转换为数字型,这个是true??????? ? ? ? ?注:面试会问。 ?因为是逻辑运算是布尔值运算,除0以外数都为true;0、空字符串、null、NaN、undefined等都是false 注:这个和上面的逻辑运算不一样的是,这个是值或表达式,本质是值,这个逻辑运算后就不再是true或者false,而是值,上面那个有关系表达式和算术表达式 ?注:123&&456返回456;第一个是0之类,无论后面多长或者算术运算,都为0 ? ?注:后面js,api会经常用到这个逻辑中断 ? ? ?注:最后结果是0 ???????? ?变量数据类型、运算符、流程控制 ?注:逗号运算符集体声明变量会用到 注:因为知道逻辑运算符较低,算时,先以它为分界线? ???????? ? ?【流程控制-分支】 ? ? ? ????????????? ?? ? ?注:类似案例,在不同的宽度尺寸下,改变屏幕颜色 从大到小写好 ? 类似简单的if else? 注:加0时因为prompt输入为字符串,所以加法运算+是字符串拼接,为了更明显,可写成‘0’字符串形式 注:这个案例为做倒计时做铺垫 ???????? ????????? ?注:和if else if一样也是多选一的语句,是不同条件执行不同代码,只是它是特定值,不是有范围的>5之类(这种用if else),而是特定的。范围switch就比较难做 其实就是表达式的值和值相匹配,匹配上就直接执行 不直接写表达式,因为这样就固定某个值,而是常写成变量,可以变,可以接收不同的值 匹配时全等关系才行,否则数据类型不一致也会没有结果 ?break退出,没有它会继续执行下一个 ? ? 注:匹配时全等,所以在case值写成字符串?? 注:①④用switch ,其他if else,它使用最多 【js流程控制-循环】 注:京东左侧导航栏其实不用一行一行做,后台给数据后,用for循环即可,把十几行导航栏一下生成 ?? ?? ?注:在sources里面双击代码打开,点击行号加断电,并刷新网页才行,此时网页上面小圆圈会一直转;0处为蓝色,说明程序执行到此处 ?注:点击下一步程序执行下一步,放在i变量上可以看到此时的i值,或者通过在右侧栏watch里面添加上要观察的变量即可;此时在console控制台也出现相应的输出 ?注:可见<=此处的判断并不是全等的比较? ? 注:正是因为有计数器i,所以才可以执行不同的代码,操作?? ?? ? ? ??????? 注:prompt取过来的数据是字符串类型的,需要转换成数字型的,否则会变成字符串拼接 ???????? ? 注:用for循环想让星星在控制台一行显示,需要字符串追加拼接的方式即可 ?? ? ? ? ?注:tab键四个空格,'\t'表示tab键, ?注:while循环和for循环相比有强大的地方,它可以做一些复杂的条件判断,因为前面的都是跟计数有关 ?????????????? 注:这里条件设置不全等? ? ?注:这个do while和上面那个while做对比后,发现while写了两遍弹出你爱我吗输入框,而do while只写一遍,原因是while需要先判断,所以判断之前要写上。在这种情况下do while更简单一些 do while就像是先干活再领工资 注:while 和do while可以做更复杂的判断条件,比如说用户名、密码不等于什么之类,用他们更好?,不是和数字相关 ?注:continue可以在一部分中除去某部分? ?【js命名规范及语法格式】? ? ? |
|
JavaScript知识库 最新文章 |
ES6的相关知识点 |
react 函数式组件 & react其他一些总结 |
Vue基础超详细 |
前端JS也可以连点成线(Vue中运用 AntVG6) |
Vue事件处理的基本使用 |
Vue后台项目的记录 (一) |
前后端分离vue跨域,devServer配置proxy代理 |
TypeScript |
初识vuex |
vue项目安装包指令收集 |
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 | -2024/11/24 3:54:19- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |