js基础知识

---

前言

这是我在上课是我所记的js笔记，总体感觉还是比较全面，希望对诸位有所帮助

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、初识JavaScript

1、JvaScript特点
1.1、javaScript是一个脚本语言，主要用于向html页面添加交互行为
1.2、javasript可以在浏览器中直接解析运行，不需要编译
2、JavaScript作业
主要用于向HTML页面添加交互行为和动效制作。
3、JavaScript写法
3.1、内部写法

 <script>
    </script>
       3.2、外部写法
       <script src="js/01.js"></script>。

二、变量

    1概念：存储数据的容器
    2本质：内存一块空间
    3变量声明于使用
        3.1 es6前：var 变量;---var有变量提升的特点
            es6后：let 变量;----let没有有变量提升的特点
            let 变量名称=值;//声明变量并赋值---变量初始化
        3.2 区别：
            var:
            有变量提升的特点
            变量名称可重复声明
            let:
            没有有变量提升的特点
            变量名称不可重复声明
        3.3 赋值
            变量名称=值

三、JavaScript输入输出语句

        1.输出语句
        1.1 alert()---弹出输出框
        1.2 console.log()---输出到控制台--推荐使用
        1.3 document.write()--- 输出到页面
        
        2.输入语句
        2.1 prompt()---弹出输入框

 prompt("请输入你的姓名：");
    alert("我是弹出框");//改不了样式，一般不用
    console.log("打开控制台");
    document.write("我是信息"); */
  let a = 3,
    b = 4;
  alert(`${b}大于${e}`);
  alert(`${b}大于${e}`);

四、变量命名规范

        1.由字母(A-Za-z)、数字(0-9)、下划线(_)、美元符号( $ )组成，如：usrAge, num01, _name
        2.严格区分大小写。var app; 和 var App; 是两个变量
        3.不能 以数字开头。 18age 是错误的
        4.不能 是关键字、保留字。例如：var、for、while
        5.变量名必须有意义。 MMD BBD nl → age
        6.遵守驼峰命名法。首字母小写，后面单词的首字母需要大写。myFirstName 

五、 数据类型：数据存储的类型

            分类
            1、基本数据类型
            数字型:number【整数、小数、NaN（不是数字）】
            字符串：string【单或双引号包裹起来】
            布尔型：Boolean
            未定义：undefined
            空值：null
            2、引用数据类型
            对象：object
            数组：array
            函数:function

            3、基本数据监测
            typeof 变量名
            返回值：例如   name = "zhangsam";
            console.log(typeof znm, znm);
            instanceof 检测引用类型方法

            4、数据类型转换
            1.数据类型转换：将一种数据类型转换为另一种数据类型
  2.转换的方法：
      2.1.自动转换（隐式转换）：系统自动转换
       (1)字符串拼接
       (2)数字运算
       (3)返回结果
      2.2.强制转换（显示转换）：手动转换
  3.强制转换:
      3.1.转换为数字型
          Number(变量名/值)--- 不能转换为数字型的，转换为NaN
          parseInt(变量名/值)--- 转换为整数
              ----当遇到非数字时，会截取前面的数字，如果第一个字符不是数字，返回NaN
          parseFloat(变量名/值)--- 转换为小数
              ----当遇到非数字时，会截取前面的数字，如果第一个字符不是数字，返回NaN
      3.2.转换为字符串型
          String(变量名/值)
          变量名/值.toString()
      3.3.转换为布尔型
          Boolean(变量名/值)
          !!变量名/值   

4.自动转换（隐式转换）：系统自动转换
4.1 数字型转换为字符串型
    数字型 + 字符串型 = 字符串型
    数字型 + 布尔型 = 数字型
    数字型 + undefined = NaN
    数字型 + null = 数字型
4.2 字符串型转换为数字型
    字符串型 - 数字型 = 数字型
    字符串型 - 布尔型 = 数字型
    字符串型 - undefined = NaN
    字符串型 - null = 数字型
4.3 布尔型转换为数字型
    布尔型 - 数字型 = 数字型
    布尔型 - 字符串型 = 数字型
    布尔型 - undefined = NaN
    布尔型 - null = 数字型

六、流程控制分类：

        1.顺序结构--- 从上到下，从左到右，依次执行
        2.分支结构--- if语句，switch语句
        3.循环结构--- for循环，while循环，do...while循环

        if分支语句：
        语法：
        单分支：
        if(条件表达式){
            //条件表达式为true时，执行的代码
        }
        双分支：
        if(条件表达式){
            //条件表达式为true时，执行的代码}
        else{
            //条件表达式为false时，执行的代码
        }
        多分支：
        if(条件表达式1){
            //条件表达式1为true时，执行的代码
        }
        else if(条件表达式2){
            //条件表达式2为true时，执行的代码
        }
        else if(条件表达式3){
            //条件表达式3为true时，执行的代码
        }else{
            //条件表达式1，2，3都为false时，执行的代码
        } */
  /* 
        for(初始化变量; 条件表达式; 操作表达式 ){
          //循环体
          }
        while (条件表达式) {
          // 循环体代码
          }
          do {
         // 循环体代码 - 条件表达式为 true 时重复执行循环体代码
         } while(条件表达式);

示例：

 <script>
      // 1
      let sum1 = 0,
        sum2 = 0,
        sum3 = 0;
      for (let i = 0; i <= 100; i++) {
        if (i % 2 == 0) {
          sum1 += i;
        } else {
          sum2 += i;
        }
      }
      for (let j = 0; j <= 100; j++) {
        if (j % 3 == 0) {
          sum3 += j;
        }
      }

      // document.write(sum1);
      console.log(sum1, sum2, sum3);
    </script>

 <script>
      // 倒三角形图形
      let a,
        b = 0,
        c = 0,
        d = 0;

      for (a = 10; a > 0; a--) {
        for (b = a; b > 0; b--) {
          document.write("*");
        }
        document.write("<br>");
      }
    </script>