JS学习：第一章、JS入门

1、是什么：

2、组成：

3、输出语句：

    <script>
        // 1、页面输出内容
        document.write('hello word');
        document.write('<h1>hello</h1>');
        
        // 2、用户输入：输入的数据类型是String类型
        prompt('你的名字？');
        
        // 3、弹出弹框
        alert('hello word');
        
        // 4、控制台输出
        console.log('hello word');
    </script>

4、let const

变量提升：

   document.write(num);  // undefined
   var num = 20;

   /*
   var num;
   console.log(num);
   num = 20;
   */

4.1、let关键字：一般声明变量

let：
1、不允许重复定义。
2、运行修改值。
3、没有变量提升。
4、有块级作用域。

let num = 10;
let num = 20;  // 报错，不许重复定义
num = 20; // 正确，运行修改值。

        {
            let num = 10;
        }
        document.write(num);  // 报错

4.2、cosnt关键字：一般声明常量。

const：
1、不允许重复定义。
2、不允许修改值。
3、没有变量提升，必须变量初始化 。
4、有块级作用域。

const PI = 3.14;

const num = 10;
const num = 20;  // 报错
num = 20;        // 报错

        {
            const num = 10;
        }
        document.write(num);  // 报错

5、数组：

let num = [1, 2, 3, 4];

5.1、数组增删改查：

// 1、后面追加
let num = [1, 2, 4];
num.push[5];
// 2、前面追加
num.unshift[9];

// 1、删除最后一个元素
num.pop();
// 2、删除第一个元素
num.shift();
// 3、指定删除
arr.splice(1, 3);   // 1：起始位置， 3：删除几个元素

6、数据类型：

引用数据类型：
1、对象 Object
2、数组 Array
基本数据类型：
3、字符串 String
4、数值 Number
5、Boolean
6、Null：对象数据类型
7、Undefined
8、Symbol

let num = 10;
let name = 'lilei';

let str = "hello wrod";
let str2 = 'hello word';
let str3 = `
    床前明月光，疑似地上霜。
    举头望明月，低头思故乡。
`;
console.log(str, str2, str3);

7、模板字符串：

let name = 'lilei';
let age = 20;
let num1 = 10;
let num2 = 20;
let msg = `大家好，我叫${name}, 今年${age}岁了`;
let res = `结果为：${num1 + num2}`;
document.write(msg);

8、数据类型转换

8.1、String --> Number

        console.log(+'12');   // + 号也可以转换为数值型
        console.log(Number('23.32'));
        console.log(parseInt('12.23'));  // 只保留整数
        console.log(parseInt('12px'));   // 去掉后面单位
        console.log(parseFloat('12.34'));  // 保留小数

9、比较运算符：建议使用 ===

1、=：赋值运算符
2、：比较值不比较类型
3、=：即比较值也比较类型。

    console.log(2 == '2');  // true：隐式转换
    console.log(2 === '2');  // false
    console.log(2 != '2');  // false
    console.log(2 !== '2');  // true

逻辑与、逻辑或：

逻辑与：一假为假：有一个为为假的，整个都为假。 A && B :A为假，后面不在执行。
逻辑或：一真为真：有一个为真，整个都为真。A || B:A为真，后面不再执行。

10、分支控制：

    let grade = 10;
    if (grade > 80) {
      console.log('优秀');
    } else if (grade > 60) {
      console.log('良好');
    } else {
      console.log('不及格');
    }

    let fruit = '香蕉';
    switch (fruit) {
      case '苹果':
        console.log('20元/斤');
        break;
      case '香蕉':
        console.log('5元/斤');
        break;
      default:
        console.log('输入有误');
    } 

11、循环

    let i = 0;
    while(i < 100) {
      console.log('hello word');
      i++;
    }

双重for循环

    for(let i = 1; i <= 3; i++) {
      console.log('这是第' + i + '天');
      for(let j = 1; j <= 5; j++) {
        console.log('我今天背的第' + j + '个单词');
      }
    }

    for(let i = 1; i <= 5; i++) {
      for(let j = 1; j <= i; j++) {
        document.write('★');
      }
      document.write('<br>')
    }
 
    document.write('<br>');
    for(let i = 1; i <= 9; i++) {
      for(let j = 1; j <= i; j++) {
        document.write(`${j} * ${i} = ${i*j}`)
        
      }
      document.write('<br>')
    }