JS第一讲 JS入门_js第一节-CSDN博客

本文链接：https://blog.csdn.net/weixin_45514133/article/details/125379802

本章目标

1.认识JS(了解)

2.JS数据类型和变量(掌握)

3.运算符

第一节 JS

1.什么是js

javaScript简称JS，及时解释型脚本语言。

1.可以对浏览器中的事件进行响应

2.对HTML元素进行读写操作

3.嵌入动态效果

4.可以给提交给服务器进行数据校验

2.JS用法(掌握)

1.直接在我们标签中进行使用

<botton οnclick="alert('我被点击了')">点击<button>

2.在网页的内部进行编写

<script>
    function test(){
        alert("我被点击了")
    }
</script>
<body>
    <buttton οnclick="test()">点击</buttton>
</body>

3.在网页外部编写一个独立的脚本页

<script src="路径" ><script>

第二节数据类型变量

2.1数据类型

在日常生活中见到的数据非常多，为了方便对数据进行管理，将数据分成不同类型在JS中

数据类型	说明
数字型:number	整数和小数统称数字型(number)
字符型:string	无论单个字符还是一个词组，语句统称字符型，不区分单引号和双引号注意间套关系
布尔型:boolean	判断对错表示真假 ture/false
未定义型:undefined	没有声明(定义)，或是声明但未赋值
对象型:object	null 空对象

2.2 变量

顾名思义:值可变的量，本质其实是一块内存地址，线性内存为例(00000000~FFFFFFFF)

定义变量:向内存申请地址的一个过程
var 变量名=值
var：关键字，不可改
=:赋值符号
将=右边的值赋给左边变量，也即将值储存到了名字为xxx的一块内存中

变量使用时注意:

1.变量不能没有声明就使用

2.变量名要由字母、数字、下划线、$组成首字母不能是数字

2.3 类型转换

字符转数字

方法名	说明
parseInt	将字符转整数
parseFloat	将字符转小数(浮点型数字)
Number	转数字

当转化时，如果输入的不是数字而是一些字符依然转换，对于number只转类型，不对数据做任何操作，parseInt和parseFloat，将有效数据进行转换(数字)，当遇到字符时停止转换

变量

var	全局变量
let	局部变量
const	常量，不可变

第三节运算符

3.1算数运算符

运算符	说明
+	1.当运算符两边都是数字时做加法处理 2.当运算符两边都不是数字时做并接处理
-
*
/	10/5=2
%	取余 10/5=2....0，10%3=1 当x小于y时，余数就是x
++	自增在自身基础上加1，a++ 先参与运算，再自身加1. ++a 先自身加1 再参与运算
--	自减在自身基础上减1，a--先参与运算，再自身减1. --a 先自身减1 再参与运算
	对于a ++在前后对于自身是没有影响，对整体运算结果产生影响

3.2 条件运算符

运算符	说明
>
<
>=
<=
!=	不等
==	等值比较，只比较数值是否相同
===	等值比较，不仅比较数值还比较类型

3.3 逻辑运算符

运算符	说明
&&	与，两边同时为真才为真，有一为假则为假
\|\|	或，有一为真就为真，同时为假才为假
！	非，取反

&&短路功能:当第一个表达式为false时，第二个不执行(第二个成立与否都不影响最后结果)

||短路功能:当地一个表达式为ture，第二个表达式不再执行(第二个成立与否都不影响最后结果)

3.4 三元运算符

表达式？语句1：语句二

表达式成立吗？成立运行语句1：不成立运行语句2

<script>
    var a=3,b=2;
    var max=a>b? a:b;
    document.write(max);
</script>

总结

掌握js用法

数据类型和变量

变量var 变量名

运算符