javascript基础

JavaScript基础

javascript介绍

javascript是一种运行在客户端的脚本语言，动态类型，基于对象的语言。

javascript和html，css的区别

1.html，提供网页的结构，提供网页中的内容

2.css：用来美化网页

3.JavaScript：可以控制网页内容，给网页添加动态的效果

JavaScript现在的意义（应用场景）

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZtsIzzNC-1648436463534)(C:\Users\29802\AppData\Roaming\Typora\typora-user-images\image-20220315183415385.png)]

JavaScript的组成

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-brwPot1W-1648436463536)(C:\Users\29802\AppData\Roaming\Typora\typora-user-images\image-20220315183605165.png)]

js的写法

js的代码可以分三个地方写

1.在html的文件中，script的标签中写js代码

2.js代码可以在html的标签中写

3.在js的文件中可以写js代码，但是需要在html的页面中引入script的标签中的src=“ ”；

注意：

1.在一对script的标签中有错误的js代码,那么该错误的代码后面的js代码不会执行

2.如果第一对的script标签中有错误,不会影响后面的script标签中的js代码执行

3.script的标签中可以写什么内容 type="text/javascript"是标准写法或者写Language="Javascript"都可以

4.但是,目前在我们的html页面中, type和Language都可以省略,原因: htmL是遵循h5的标准

5.有可能会出现这种情况: script标签中可能同时出现type和Language的写法

6.script标签在页面中可以出现多对

7.script标签一般是放在body的标签的最后的,有的时候会在head标签中。

8.如果script标签是引入外部js文件的作用,那么这对标签中不要写任何的js代码,如果要写

变量命名的规范

1.变量作用:用来操作数据的(可以存储,可以读取)变量的声明:没有赋值
2.var变量名;
3.变量的初始化:有赋值var变量名=值; I注意的基本的代码的js中声4.明变量都用var
5.js中的每一行代码结束都应该有分号;(写代码有分号的习惯)js中的大小写是区分的:var N=10; n
6.js中的字符串可以使用单引号,也可以使用双引号,目前我们暂时使用双引号

注意:

变量名的注意问题—变量名的命名规范,要遵循驼峰命名法

1.变量的名字要有意义，

2.变量名有一定的规范:一般以字母,$符号，下划线开头,中间或者后面可以有$符号,字母,数字
3.变量名一般都是小写的
4.变量名如果是多个单词,第一个单词的首字母是小写的,后面的所有的单词的首字母都是大写的,这种命名方式称为:驼峰命名法

5.不能使用关键字(系统自带的一些单词,不能使用)

6.不会单词用拼音,拼音也要遵循驼峰命名法

注释

1.单行注释:一般用在一行代码的上面
2.多行注释:一般是用在函教或者是一段代码的上面

获取变量的数据类型

js中的数据类型有哪些?
js中的原始数型:number,string,boolean,null,undefined,object，

number:数字类型(整数和小数)

string:字符串类型(的值一般都是用单引号或者是双引号括起来)“34"

boolean:布尔类型(值只有两个,true(真1),false(假))

null:空类型,值只有一个:null,一个对象指向为空了,此时可以赋值为nuLl

undefined:未定义,值只有一个: undefined

object：对象

注意：

什么情况下的结果是undefined
变量声明了,没有赋值,结果是undefined
函教没有明确返回值，如果接收了,结果也是undefined

进制介绍

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZYSw4NGD-1648436463539)(C:\Users\29802\AppData\Roaming\Typora\typora-user-images\image-20220315195831732.png)]

number类型

1.浮点数

浮点数
var n - 5e-324;/科学计数法5以10的-324次方
浮点数值的最高精度是17位小数,但在进行算术计算时其楮确度远远不如整数
var result - 0.1 +0.2;l/结果不是0.3，而是:0.30e00808880880804
console.1og(0.07 * 100 ;
不要判断两个浮点数是否相等

2.数值范围

最小值:Number .MIN_VALUE,这个值为:5e-324
最大值:Number.MAX_VALUE,这个值为:1.7976931348623157e+308
无穷大:infinityi
无穷小: -Infinity

3.数值判断

NaNl not a number

• NaN与任何值都不相等，包括他本身
• isNaN: is not a number

注意：

数字类型: number类型
无论是整数还是小教都是数字类型不要用小数验证小数
不要使用NaN判断是不是NaN，应该使用isNaN(值或者是变量)想要表示十进制:就是正常的数字
想要表示八进制:以e开头
想要表示十六进制:ex开头

string类型：

转义符

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-0KcTemmm-1648436463540)(C:\Users\29802\AppData\Roaming\Typora\typora-user-images\image-20220315200811803.png)]

布尔类型：

布尔类型的值有两个：一个是true，一个是false；

undefined和NUll

1. undefined表示一个声明了没有赋值的变量，变量只声明的时候值默认是undefined
2. 2.null表示一个空，变量的值如果想为null，必须手动设置。

类型转换

其他类型转数字类型：

1.parseInt();//转整数

2.paeseFloat（）；//转小数

3.Number（）；//转数字

其他类型转字符串类型

.toStiong（）；//

注意：

/如果变量有意义调用.tostring()使用转换

//如果变量没有意义使用String()转换

其他类型转布尔类型

1.Boolean（值）；非空为true/空false

运算符

操作符

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-i9hE51Fw-1648436463541)(C:\Users\29802\AppData\Roaming\Typora\typora-user-images\image-20220315202401205.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-uY2wkwpo-1648436463542)(C:\Users\29802\AppData\Roaming\Typora\typora-user-images\image-20220315202836823.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-6VNhLN9a-1648436463543)(C:\Users\29802\AppData\Roaming\Typora\typora-user-images\image-20220315202900281.png)]

算数运算符:+ -/%

算数运算表达式:由算数运算符连接起来的表达式

一元运算符:这个操作符只需要一个操作数就可以运算的符号+±-

二元运算符:这个操作符需要两个操作数就可以运算,

复合运算符:＋= -=*=/=%=

复合运算表达式:由复合运算符连接起来的表达式

关系运算符:> < >= <= ==不严格的 ===严格的 !=不严格的不等 !==严格的不等

关系运算表达式:由关系运算符连接起来的表达式

关系运算表达式的结果是布尔类型

逻辑运算符:&&—逻辑与-- 并且/—逻辑或—或者 !—逻辑非—取反–取非

逻辑运算表达式:由逻辑运算符连接起来的表达式