JavaScript基础

Javascript
1.基本使用

<script>
   alter('xxx');//内嵌式
<script>   
外部式
<script src="my.js"></script>
<script>
        // 这是一个输入框
        porompt("就这")
        // alert 弹出警示框 输出的 展示给用户的
        alert('计算的结果是');
        // console 控制台输出 给程序员测试用的  chrome
        console.log('我是程序员能看到的');
    </script>
    

2.声明
var 声明范围函数作用域
自动提升到函数作用域
把所有变量声明拉到函数作用域的顶部

  <script>
        // 1. 声明了一个age 的变量 
        var age;
        // 2. 赋值  把值存入这个变量中
        age = 18;
        // 3. 输出结果 
        console.log(age);
        // 4. 变量的初始化 
        var myname = 'pink老师';
        console.log(myname);
    </script>

let声明范围块作用域
不允许同一个域出现冗余声明（出现同一标识符不会因混用而不受影响）

let age;
var age;//SyntaxError（语法错误）

let在全局作用域中声明的变量不会成为window对象的属性

let age=18;
console.log(window.age);//undefined

const声明
与let声明基本一致唯一区别就是声明变量同时初始化变量且尝试修改const声明的变量会报错
const声明的限制只适于它指向的变量引用，如引用的是一个对象修改它的内部属性则不违反

const person={};
person name="xx";

使用优先级
const>let>var
声明变量的特殊情况

        // 只声明不赋值 结果是？  程序也不知道里面存的是啥 所以结果是 undefined  未定义的
        var sex;
        console.log(sex); // undefined
        //  不声明 不赋值 直接使用某个变量会报错滴
        // console.log(tel);
        //  不声明直接赋值使用
        qq = 110;
        console.log(qq);
        //会默认为全局变量

数字型

  <script>
        var num = 10; // num 数字型 
        var PI = 3.14 // PI 数字型
            // 1. 八进制  0 ~ 7  我们程序里面数字前面加0 表示八进制
        var num1 = 010;
        console.log(num1); //  010  八进制 转换为 10进制 就是  8    
        var num2 = 012;
        console.log(num2);
        // 2. 十六进制  0 ~ 9  a ~ f    #ffffff  数字的前面加 0x 表示十六进制  0x
        var num3 = 0x9;
        console.log(num3);
        var num4 = 0xa;
        console.log(num4);
        // 3. 数字型的最大值max
        console.log(Number.MAX_VALUE);
        // 4. 数字型的最小值min
        console.log(Number.MIN_VALUE);
        // 5. 无穷大
        console.log(Number.MAX_VALUE * 2); // Infinity 无穷大  
        // 6. 无穷小
        console.log(-Number.MAX_VALUE * 2); // -Infinity 无穷大
        // 7. 非数字
        console.log('xxx' - 100); // NaN
    </script>

  // isNaN() 这个方法用来判断非数字   并且返回一个值 如果是数字返回的是 false 如果不是数字返回的是true
        console.log(isNaN(12)); // false
        console.log(isNaN('xxx同学')); // true

字符串

<script>
        // 1. 检测获取字符串的长度 length 
        var str = 'my name is andy';
        console.log(str.length); // 15
        // 2. 字符串的拼接 +  **只要有字符串和其他类型相拼接 最终的结果是字符串类型**
        console.log('沙漠' + '骆驼'); // 字符串的 沙漠骆驼
        console.log('pink老师' + 18); // 'pink老师18'
        console.log('pink' + true); // pinktrue
        console.log(12 + 12); // 24
        console.log('12' + 12); // '1212'
    </script>
```javascript
script>
        console.log('pink老师' + 18); // pink老师18
        console.log('pink老师' + 18 + '岁');
        var age = 19;
        console.log('pink老师age岁');
        // 我们变量不要写到字符串里面，是通过和 字符串相连的方式实现的
        console.log('pink老师' + age + '岁');
        // 变量和字符串相连的口诀：  引引加加
        console.log(''+''）;
    </script>

typeof获取变量的数据类型

      <script>
        // 1. 把数字型转换为字符串型 变量.toString()  
        var num = 10;
        var str = num.toString;
        console.log(str);
        console.log(typeof str);
        // 2. 我们利用 String(变量)   
        console.log(String(num));
        // 3. 利用 + 拼接字符串的方法实现转换效果 隐式转换
        console.log(num + '');
        console.log(typeof num);
    </script>

转换数字符
parseInt(变量) 可以把 字符型的转换为数字型 得到是整数
parseFloat(变量) 可以把 字符型的转换为数字型 得到是小数 浮点数

console.log(parseInt("3"))//3
console.log(parseFloat("3.14"))//3.14
   //利用 Number(变量) 
       var str = '123';
       console.log(Number(str));
       console.log(Number('12'));
        //  利用了算数运算 -  *  /  隐式转换
        console.log('12' - 0); // 12
        console.log('123' - '120');
        console.log('123' * 1);