HTML+CSS+JS学习记录（5）

JS三种使用方式

1.行内js：

在html上直接写js代码

<!-- 行内js -->
    <button onclick="alert('Holle world');">按钮</button>

2.内部js：

在script标签中写js代码，script标签可以放在head中或body中（建议放在body标签最后）

<!-- 内部js -->
    <script type="text/javascript">
        alert("这是一个按钮");
    </script>

3.外部js：

        定义js文件，通过script标签的src属性引入对应的js文件。如果script标签设置了scr属性，则

在script双标签中的代码不会生效

<!-- 外部js -->
    <script src="js/test.js" charset="UTF-8"></script>

基础语法

语句：

1.js代码一行为单位，语句可以不加分号结尾。但当一行中有多条语句，每句语句必须以" ; "结尾。

2.表达式不需要以分号结尾，如果加了分号Javascript引擎会当成语句执行，生成无用语句。

标识符和关键字

标识符规则：

由Unicode字母、_ 、$、数字组成、中文组成

（1）不能以数字开头

（2）不能是关键字和保留字

（3）严格区分大小写

标识符规范：

（1）见名知意

（2）驼峰命名或下划线规则

变量

变量的声明：

js声明变量时不需要指明数据类型，直接用var修饰进行声明

var a = 10;

如果重新声明一个存在的变量是无效的，但是声明并且赋值就会覆盖。

声明提升：JavaScript 中，函数及变量的声明都将被提升到函数的最顶部。JavaScript 中，变量可以在使用后声明，也就是变量可以先使用再声明。

数据类型

undefined 类型的值是 undefined。

undefined 表示“无”的原始值，表示值不存在。

1、变量只声明未赋值，值为undefined

var c;
console.log(c)

2、定义函数需要形参，调用函数未传递实参时，参数值为undefined

function fn1(a){
    console.log(a);
}
fn1()

3、当函数没有返回值时，接受值为undefined

function fn2(){
    console.log("qwwew");
}
var d = fn2();
console.log(d);

null类型：

表示空值

1、使用 typeof 操作符测试 null 返回 object 字符串

2、underfined 派生自 null，所以等值比较返回值是ture，未初始化的变量和赋值是null

数值型：

数值型包括两种：整型、浮点型。

字符串：

1、使用单引号或双引号引起来的

2、可以用"+"对字符串进行拼接

var s1 = 'Hello';
var s2 = "Hello";
console.log(s1,s2);
console.log(s1+s2);

对象类型：

        数组

                var 数组名 = [];

        对象

                var 对象名 = {}；

        函数

                function 方法名（）{

                }

类型转换

自动类型转换

函数转换：

parseInt()            转整数型

parseFloat()        转浮点型 

转换时从第0个位置开始找有效数字，直到找到无效数字位置

        console.log("==============");
        console.log(parseInt("123abc"));
        console.log(parseInt("abc123"));
        console.log(parseInt("123.4abc"));
        console.log(parseInt("123"));
        console.log("123")
        
        console.log("==============");
        console.log(parseFloat("123abc"));
        console.log(parseFloat("abc123"));
        console.log(parseFloat("123.4abc"));
        console.log(parseFloat("123"));
        console.log(parseFloat("123.4.5"));

        var num1 = 1;
        var num2 = "2";
        console.log(num1+num2);
        console.log(num1 + parseInt(num2));

显示转换：

toString() 将值转换成字符串

toFixed() 保留指定小数位

JS为Number、Boolean、String 对象提供了构造方法，用于强制转换类型。

        console.log("==============");
        var q = "1";
        var w = "a";
        var e = "123abc"
        var r = "123.4"
        var t = "123.4abc"
        console.log(Number(q));
        console.log(Number(w));
        console.log(Number(e));
        console.log(Number(r));
        console.log(Number(t));

        console.log("==============");
        console.log(Boolean("a"));
        console.log(Boolean(0));
        console.log(Boolean(1));
        console.log(Boolean(null));

        console.log("==============");
        console.log(10);
        console.log(String(10));
        console.log(null);
        console.log(String(null));