2024年java script基础与...

大家好，我是讯享网，很高兴认识大家。

一.JS的编写及运行

1.添加JS程序代码有两种方式

(1)页面内：通过<script></script>双标签直接写入JS代码

（2）页面外：通过<script>标签的src属性，引入外部的JS文件。（就像CSS外部文件一样）
$color{red}{注意：}$ 页面外导入script标签发的方式，script标签中间是不允许再写JS代码

(3) script 可以写在页面中的任何位置
（4）script 可以出现多个
（5）代码的执行顺序，自上而下
$color{red}{注意：}$
通常将script 直接写在HTML标签后，避免一些不必要的麻烦。

2.输出语句类型

（1）console.log(内容)：将数据打印至页面控制台（常用类型）
（2）document.write（内容）：将数据打印至页面
（3）alert（内容）：弹窗输出，数据将以窗口弹出显示

3.注释 Ctrl+/

注释的含义：注释是给开发人员看的，程序在执行的时候会自动忽略注释掉的内容，所以我们通常使用注释来为代码添加一些解释说明或描述，以提高代码的可读性。

讯享网

（2）/* 注释的内容 */：多行注释
当需要大量的内容需要注释的时候，使用 $color{red}{多行注释}比color{orange}{单行注释}$ 方便很多，就不需要一行一行去注释了

讯享网

4.语句

(2).代码的执行顺序 $color{red}{自上而下}$

5.常量与变量

量：是用来在计算机中储存和表示数据（保存数据的容器）
（1）.常量：是程序运行的过程中，其只不可以改变的量。

讯享网

（2）.变量：在程序运行过程中，其值可以改变的量
1.定义
var + 标识符；
Var：是一个关键字，和标识符结合，告知
编译器，后面所跟的标识符是一个变量。
标识符：代表变量的名字。

意思就是创建了一个变量，变量的名字叫做arr。
（3）.使用方法

（1）变量可以作为左值，也可以作为右值.
（2）当为左值的时候：表示为空间。
（3）当为右值的时候：表示用的是它的值。

$color{red}{标识符的注意事项}$
1.标识符的命名规则：只能由数字，字母，下划线 _ 以及$构成,但是首字母不能为数字，并且不能和关键字，系统的函数重名
错误的例：
var var ；
var 123qwe；
var console.log；

2.标识符命名时的软性规则：
1.尽量使用英文命名，最好不要使用拼音

2.驼峰命名法:
小驼峰命名法：除了第一个单词外，其他的所有单词首字母大写。
var telephoneNumber;
大驼峰命名法：每一个单词首字母大写
var Animal Zoo；

3.变量名一定要见名知意
var age;
var sex；
var name；
4.初始化：在变量定义的同一行可以直接赋值

等同于

$color{red}{注意：}$ 重复定义变量相当于赋值。但是不要这么做。
切记，千万不要使用没用定义过的变量名。
应先定义再使用。

二.数据类型

1.内置基本类型
(1). Undefined 类型
Undefined 类型只有一个值 undefined ，它时当变量未被赋值时在控制台显示的结果就是undefined。
（2）.Null类型
Null 类型只有一这个值null 。 Null 类型的语义时"一个空的对象引用"，注意和空字符区别开。
（3）.Boolean类型也叫布尔类型
布尔值有两种取值 true和false，表示真或假。非0代表真，0 代表假。
（4）.String类型
String类型：又叫字符串类型，用双引号" "或者单引号 ' ' 括起来的一串字符。

在es6中有字符串的新写法 --- 模板字符串
使用 `` 括起来
特点： 方便快捷可以换行
不用字符串拼接，变脸的解析使用${ };
字符串之间的拼接：使用 + 号来拼接两个字符串
平常写法

使用模板字符串写法会相对简单一点将变量输入进${ } 中

（5）.Number类型
(1)整型：没有小数点的数字

(2)浮点型：有小数点的数字
6.对象类型：Object：除了基本类型，剩下的全部都是引用类型
简写：obj
对象{ }；
对象中数据以键值对的形式呈现。
对象中每条数据中间以 ,（逗号）隔开。
键就是 : 前面的东西可以自定义类似于变量
值就是 : 后面的东西可以是任意数据类型的值（数组数字字符串布尔）。
我们可以通过键来直接获取值。
数组就是特殊的对象。

键 java script基础与... 可以不加引号。
但是值如果是字符串必须加引号。

在对象中获取取数据通过对象名.键名来获取数据

也可以，用数组的形式通过对象名[ 键名] 来获取数据
$color{red}{注意!!!!}$
如果通过这种形式键名必须加引号

7.数组 array
特殊对象
由 [ ] 包含
1.数组中的元素，以逗号隔开。
2.每个元素都有其对应的索引值
索引值是从 0 开始，（第一个元素就是0，第二个就是1，以此类推）按顺序依次递增的正整数。
3.有 length 属性，表示其数组长度，数组名.length
可以通过.数组名[索引值 ] 来精准获取到每一个元素

8.typeof 关键字查看变量类型
typeof：检测当前的数据是什么类型，只能检测内置基本类型。
语法1：
typeof 数据；

三.运算符

数据通常需要进行大量的计算，计算的过程中必然要使用各种各样的运算符
1.运算符的三要素：优先级结合方向操作目数。
( + - * / %（求余）)
求余%例子

$color{red}{运用原运算符时注意三点}$
（1）.优先级：1+23 先23，再+1；
（2）.结合方向：当优先级相同的时候，表达式计算的方向1+2+3
（3）.操作的目数：a+b 双目运算 a为左操作 b为右操作数

2.赋值运算符
赋值表达式的值是什么？就是等号右值的值。
= ：

把5赋值给b，再把b赋给a，这是错误的理解。
正确的是：先把5赋值给b，再把b=5 这个表达式的值赋给a；
2.复合的赋值运算符
+=
-=
*=
/=

例子

在以上代码中 a 可以作为等号的左值，也可以作为等号的右值

%=例子：

其含义正确的是

其错误的含义是

四.逻辑运算符

1. &&（且）：符号两边判断条件* 必须都成立* 结果才为 true。
2. | | （或）：符号两边的判断条件 只要有一个成立 结果就为true。
3. ！（非）：取反* 当判断条件结果为true 的时候，取反为false，反之为true

五.数据间的类型转换

数据是有很多类型的，在一定的兼容性下，不同的数据类型是可以相互转换的，以实现表达式的计算。
数字与字符串的相互转换
（！！！！）变量之间的转换：隐式转换(自动)、显示转换(手动)
隐式转换： 系统会自动根据情况转换
1.运算符为 + 号，可以将数字转为字符串，效果等价于字符串的拼接。

2.除了 + 号的运算符如 - * / 等，将字符串转为数字

$color{red}{注意事项: }$
NaN是一个的值，代表数字类型

$color{red}{类型转换总结：}$
1.字符串加数字,数字就会转成字符串。
document.write("1"+1);
2.数字减字符串，字符串转成数字。
document.write(11-"1");
如果字符串不是纯数字就会转成NaN。注：NaN表示不是数字,但是仍是数值类型， not a number，NaN是Number类型。
document.write("11"-"abc");
字符串减数字也一样。两个字符串相减也先转成数字。
document.write("11"-"10");
3.乘，除，大于，小于跟减的转换也是一样。