我的第一个JS程序!!!收拾好情绪,重新出发~
一、什么是Javascript
1、javascript是最流行的脚本语言
特别简单,但应用性特别广泛。创作者是Brendan Eich
==一个合格的后端人员,必须要精通javascript==
2、ECMAScript是JavaScript的一个标准,但是JavaScript比它出来的要早。最新版本已经到六版本了~但是大部分浏览区还只停留在支持es5代码上!开发环境--------线上环境,版本不一致
补充:Java的概念:有关键字,变量,流程控制,对象,数组,结构,,,,,,等
二、快速入门
**有两种写法方式:
1、一个是行内写法,一个是外部写法。外部引入方式:<script src=“ ”></script>。-----------------------注意:必须成对出现。还有一种方式就是<script type=“ ”></script>,不用显示定义type,也默认就是javascript。
2、行内写法:直接使用<script> </script>,写在title下面就可以和<style>使用一样
调试内容的方式:1.alert(‘hello,word’);
**基本语法
✔️注意:Javascript严格区分大小写
❌补充不是重点:在java中基本语法是:定义变量 变量类型 变量名 = 变量值;
变量类型 在javascript中不纯在,一切的的变量都叫做var
var score = 70;当是1的时候弹出来的是other,当是70的时候弹出来的也是other,当是71的时候弹出来的是70~80!
if(score>60&&score<70)
{alert("60~70") }
else if(score>70&&score<80)
{alert(“70~80')}
else { alert ("other") }
❤️多行注释和之前的一样,使用/* */,作为注释
💙调试使用控制台【使用注意全部都是英语输入法!】💙
console.log(score):在浏览器的控制台打印变量!sout全称System.out.println( );
🔴检测:在控制台旁边sources里面进行打断点,点击代码前面的数字,变成蓝色方块指示条的时候,刷新页面,在最右侧表格中点击下箭头,一行一行进行打断点
**数据类型(概括内容)
附加✔️: Var a =1
Var不能以数字符号开头,能以$或者_(下划线和$符号进行命名)
如王者荣耀和倔强青铜的操作!虽不能使用数字但是应用性还是超级广泛
数值、文本、图形、音频、视屏.....
JS不区分小数和整数,Number
✔️1、number
①⑦⑧⑨123//整数123
②123.1//浮点数
③1.23e3//科学计数法✔️
④-99//负数
⑤NaN//特殊记忆一下,它是 not a number------表示不是一个数字
⑥Infinity //表示无限大
✔️2、字符串
‘abc’ “abc”
✔️3、布尔值
true,false
✔️4、逻辑算
① && 与 两个都为真,结果为真
② || 或 一个为真,结果为真
③ ! 非 真即假,假即真
✔️5、比较运算符
① = 赋值符号
② == 等于符号(类型不一样,值一样,也会判断为true)如:1和“1”。此等于不做区分,两者无区别,一样。这是一个JS的缺陷,坚持不要使用==此等于!❌
③ === 绝对等于符号(类型一样,值一样,结果为true)-----------------Java中没有,要注意!🔴🔴🔴 ❎
须知:NaN===NaN,这个与所有的数值都不相等,包括自己
⚫只能通过isNaN(NaN),来判断这个数是否是NaN
⚫浮点数问题:console.log((1/3)===(1-2/3))❌尽量避免使用浮点数进行运算,存在精度问题。
✅math.abs(1/3-(1-2/3))<0.000000001----------在控制台操作可以显示为true,可看成两者相等!
✔️6、null和undefind
🔴null 是空的,相当于定义了也可能没有这个值
🔴undefind 未定义
✔️7、数组
java的数值必须是相同类型的对象~,jiavascript中不需要这样
重点:var,是jiavascript的类型区分,var也已定义不形同的类型。
//保证代码的可读性,尽量使用中括号这样的方式,数值用中括号[],对象使用大括号{}
var arr = [1,2,3,4,5,'hello',null,true]
new Array(1,12,3,4,5,'hello');
console.log(arr[2])
显示是3--------要注意!
取数组下标如果越界了就会
undefined 报告未定义
✔️8、对象
对象式大括号,数组是中括号
每个属性之间都用逗号隔开
每一个属性用逗号隔开,最后一个不需要添加
✔️9、取对象的值
✔️10、全局变量
例如:在html--script中写入i=1,那么控制台console.log(i)回车后就会显示1
i=1前面加上Var就是局部变量-----------var i = 1
在Es5中使用Var变量没有问题
但是在Es6中需要使用局部变量,用let去定义---------let i =1
局部变量使用是比较安全的
✔️11、严格检查模式
‘ use strict ‘;严格检查模式,预防javascript的随意性,导致产生的一些问题
‘ use strict ‘
i = 1(报错后及时去做修复,前面加上let或者Var--------let定义代码很干净,Var会标黄---------局部定义建议都是用let定义!
如果使用‘ use strict ‘------------开始就报错,前提IEDA 需要设置支持ES6语法
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~