我的第一个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语法

 

 

 

 

 

 

posted @   LiLime  阅读(18)  评论(0编辑  收藏  举报
(评论功能已被禁用)
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 从HTTP原因短语缺失研究HTTP/2和HTTP/3的设计差异
· 三行代码完成国际化适配,妙~啊~
点击右上角即可分享
微信分享提示