[JavaScript知识库]Javascript学习笔记

JS初体验

1.行内式JS

<input type ="button" value="点我试试" onlick="alert('Hello World')" />

注:1、将单行或少量JS代码卸载HTML标签的时间属性中。
2、注意单双引号的使用：在HTML中推荐使用双引号,JS中推荐使用单引号。

2.内嵌式JS

<script>
	alert('Hello World');
</script>

可以将多行JS代码写到script标签中

3.外部JS文件

<script src="my.js"></script>

1.引用外部JS文件的标签中间不可以写代码
2、适用于JS代码量比较大的情况

一、基本数据类型

1.1简单数据类型(基本数据类型)

示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。

例子:

 <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); //012 八进制转换为10进制是10
        //2. 十六进制 0~9 a~9 #ffffff 数字的前面加0x 表示16进制
        var num3 = 0x9;
        console.log(num3);
        var num4 = 0xa;
        console.log(num4);
        //3.数字型的最大值
        console.log(Number.MAX_VALUE);
        //4.数字型的最小值
        console.log(Number.MIN_VALUE);
    </script>

1.2数字型 Number

数字型的三个特殊值:

<script>
alert(Infinity);
alert(-Infinity);
alert(NaN);
console.log(Number.MAX_VALUE * 2); //无穷大
console.log(-Number.MAX_VALUE * 2); //无穷小
console.log('阿远' - 100); //非数字
//isNaN() 这个方法涌来判断非数字 并且返回一个值 如果是数字返回的是false 如果不是数字返回true
console.log(isNaN(12)); //false
console.log(isNaN('阿远')); //true
</script>

●Infinity表示无穷大
●-Infinity表示负无穷大
●NaN表示非数值

1.3字符串型

1.字符串长度(length属性可以获取整个字符串的长度)
2.字符串拼接
●多个字符串再见可以使用+进行拼接，字符串+任何类型=拼接后新的字符串
●+号：数值相加，字符相连

 <script>
var strMsg = "我是帅气多金的程序员!";
alert(strMsg.length); //显示11
//1.检测获取字符串的长度length
var str = 'my name is aygzs';
console.log(str.length); //16
//2.字符串的拼接 + 只要有字符串和其他类型相拼接 最终的结果是字符串类型
console.log('沙漠' + '骆驼'); //'沙漠骆驼'
console.log('阿远' + 18); //'阿远18'
console.log('aygzs' + true); //aygzstrue
console.log(12 + 12); //24
console.log('12' + 12);//'1212'
</script>

1.4字符串拼接加强

两侧都有字符串拼接，口诀‘引引加加’

<script>
        console.log('阿远' + 18); //阿远18
        console.log('阿远' + 18 + '岁');
        var age = 19;
        console.log('阿远age岁');
        //变量和字符串相连的口诀:引引加加
        console.log('阿远' + age + '岁');
  </script>

小练习:显示年龄案例

<script>
        //弹出一个输入框(prompt),让用户输入年龄(用户输入)
        //把用户输入的值用变量保存起来，把刚才输入的年龄与所要输出逇字符串拼接 (程序内部处理)
        //使用alert语句弹出警告框(输出结果)
        var age = prompt('请输入您的年龄');
        var str = '您今年已经' + age + '岁了';
        alert(str);
    </script>

1.5 Undefined 、 Null和布尔型(Boolean)

●布尔类型只有true和false。

 <script>
        var flag = true; //flag布尔型
        var flag1 = false; //flag1布尔型
        console.log(flag + 1); //true 参与加法运算当1来看
        console.log(flag1 + 1); //false 参与加法运算当0来看
        //如果一个变量声明未赋值 就是undefined 未定义数据类型
        var str;
        console.log(str);
        var variable = undefined;
        console.log(variable + 'aygzs'); //undefinedaygzs
        console.log(variable + 1); //NaN undefined 和数字相加 最后结果是NaN
        //null 空值
        var space = null;
        console.log(space + 'aygzs'); //nullagyzs
        console.log(space + 1); //1
    </script>

typeof检测变量数据类型

<script>
        var num = 10;
        console.log(typeof num); //number
        var str = 'aygzs';
        console.log(typeof str); //string
        var flag = true;
        console.log(typeof flag); //boolean
        var vari = undefined;
        console.log(typeof vari); //undefined
        var timer = null;
        console.log(typeof timer); //object
 //prompt取过来的值是字符型的
var age = prompt('请输入您的年龄:');
console.log(age);
console.log(typeof age);
    </script>

二、转换为字符串

1.toString()

代码如下（示例）：

 <script>
        //1.把数字型转换为字符串型 变量.toString()
        var num = 10;
        var str = num.toString();
        console.log(str);
        console.log(typeof str);
</script>

2.String() 强制转换

代码如下（示例）：

  <script>
        //2.利用String(变量)进行转换
        var num = 10;
        console.log(String(num));

</script>

3.加号拼接字符串

代码如下（示例）：

<script>
        //2.利用+拼接字符串的方法实现转换效果 隐式转换
        var num = 10;
        console.log(num + '');
</script>

三、转换为数字型

parseInt(string)

代码如下（示例）：

    <script>
        //1.parseInt(变量) 可以把字符型的转换为数字型 得到的是整数
        console.log(parseInt('3.14')); //3 取整
        console.log(parseInt('3.94')); //3取整
        console.log(parseInt('120px'));//120 会去掉px这个单位
        console.log(parseInt('rem120px'));// NaN

    </script>

parseFloat(string)

代码如下（示例）：

    <script>
       //2. parseFloat(变量) 可以把字符型的转换为数字型 得到是小数 浮点数
       console.log(parseFloat('3.14'));
       console.log(parseFloat('120px'));//120会去掉这个px单位
       console.log(parseFloat('rem120px'));//NaN

    </script>

Number()强制转换函数

代码如下（示例）：

    <script>
        //3. 利用Number(变量)
        var str = '123';
        console.log(Number(str));
        console.log(Number('12'));
    </script>

JS隐式转换(- * /)

●利用算数隐式转换为数值型

代码如下（示例）：

    <script>
        //4.利用了算数运算 - * / 隐式转换
        console.log('12' - 0); //12
        console.log('123' - '120'); //3
        console.log('123' * 1); //123
    </script>

小练习:简单相加

    <script>
        //先弹出第一个输入框,提示用户输入第一个值 
        //在弹出第二个框，提示用户输入第二个值
        //把这两个值相加，并将结果赋给新的变量(注意数据类型转换)
        //弹出警告框(alert),把计算的结果输出(输出结果)
        var num1 = prompt('请您输入第一个值:');
        var num2 = prompt('请您输入第二个值:');
        var result = parseFloat(num1) + parseFloat(num2);
        alert('您的结果是:' + result);
    </script>