JavaScript基础

JS应用位置

• 内嵌式

<script type="text/javascript">
       alert('弹出')
</script>
<!--
    注：script 标签可以放在 head 里面也可以放在 body 里面
-->

• 行内式

<a href="javascript:alert('tanchuceng')">check</a>
<div onclick="alert('弹出层')">box</div>

• 外链式

//  一个index.js 文件
alert('一个弹出层')

// 通过 script 标签的 src 属性，把写好的 js 文件引入页面
// 一个页面可以引入多个 js 文件
<script src="index.js"></script> 标签中间一定不能有内容 一但写上内容就认定是内联  src失去作用
<!-- 不需要任何行为去触发 打开页面自动执行 -->
<!-- 可以写在head 后边 也可以写在body后边 -->
<!-- 绝对路径和相对路径  -->

JS中的注释

单行注释

• 可以直接写两个 /，也可以按ctrl+/

  // 我是一个单行注释
  
  // 下面代码表示在浏览器里面出现一个弹出层
  alert('我是一个弹出层')
  

多行注释

• 可以直接写/**/ 然后在两个星号中间写注释
• 各个编辑器的快捷键不一样，vscode 是 ctrl + shift + a

/*
    多行注释
*/

变量（重点）

• 变量指的是在程序中保存数据的一个容器
• 变量是计算机内存中存储数据的标识符，根据变量名称可以获取到内存中存储的数据
• 也就是说，我们向内存中存储了一个数据，然后要给这个数据起一个名字，为了是我们以后再次找到他
• 语法： var 变量名 = 值

定义变量及赋值

// 定义一个变量
var num;

// 给一个变量赋值
num = 100;

// 定义一个变量的同时给其赋值
var num2 = 200;

• 注意：
  1. 一个变量名只能存储一个值
  2. 当再次给一个变量赋值的时候，前面一次的值就没有了
  3. 变量名称区分大小写（JS 严格区分大小写）

变量的命名规则和命名规范

• 规则： 必须遵守的，不遵守就是错

  1. 一个变量名称可以由 数字、字母、英文下划线（_）、美元符号（$） 组成
  2. 严格区分大小写
  3. 不能由数字开头
  4. 不能是 保留字 或者 关键字
  5. 不要出现空格

• 规范： 建议遵守的（开发者默认），不遵守不会报错

  1. 变量名尽量有意义（语义化）
  2. 遵循驼峰命名规则，由多个单词组成的时候，从第二个单词开始首字母大写
  3. 不要使用中文

数据类型（重点）

• 是指我们存储在内存中的数据的类型
• 我们通常分为两大类 基本数据类型 和 复杂数据类型

基本数据类型

1. 数值类型（number）
   • 100e5（100的5次方）
   • Infinity （正无穷）
   • -Infinity （负无穷）
   • 一切数字都是数值类型（包括二进制，十进制，十六进制等）
   • NaN（not a number），一个非数字
2. 字符串类型（string）
   • 被引号包裹的所有内容（可以是单引号也可以是双引号）
   • 字符串是由若干字符组成的，这些字符的数量就是字符串的长度。通过字符串的length属性可以获取整个字符串长度。

//1，检测获取字符串的长度 length
var str = 'my name is andy';
console.log(str.lengh);
//2.字符串的拼接 +
console.log('沙漠' + '骆驼');//只要和字符串拼接都会变成字符串

1. 布尔类型（boolean）
   • 只有两个（true 或者 false）
   • 布尔型和数字型相加的时候，true的值为 1，false的值为 0
   • 0 0.0 null undefined 空字符串 的时候都为 false

console.log(true + 1); // 2
console.log(false + 1); // 1

1. null 数据类型为 （object）
   • 只有一个，就是 null，表示空的意思
2. undefined类型（undefined）
   • 只有一个，就是 undefined，表示没有值的意思

判断数据类型

• 既然已经把数据分开了类型，那么我们就要知道我们存储的数据是一个什么类型的数据
• 使用 typeof 关键字来进行判断

// 第一种使用方式
var n1 = 100;
console.log(typeof n1);

// 第二种使用方式
var s1 = 'abcdefg';
console.