网页前端培训6JavaScript/变量/数据类型/类型转换-蒲公英云

网页前端培训6JavaScript/变量/数据类型/类型转换

JavaScript是一种具有面向对象能力的、解释型的程序设计语言，是基于对象和事件驱动并具有相对安全性的客服端脚本语言，主要目的是，验证发往服务器的数据、增加Web互动、加强用户体验等。

组成：

ECMAScript（是JavaScript基础）
DOM（文档对象模型）
BOM（浏览器对象模型）

基本用法：

1.行内JS

在html标签上直接写JS代码

<!-- 行内JS -->
<button onclick="alert('Hello World')">按钮</button>

2.内部JS
- 在script标签中写JS代码，script标签可以放在head或者body中，建议放在body标签最后
```

<script type="text/javascript">
    alert("这是一个按钮！");
</script>
```
3.外部JS文件
- 定义JS文件，通过script标签的src属性引入对应的文件如果设置了src属性，则Script双标签之间的JS代码不会生效
```

<script src="js/test.js" type="text/javascript">
</script>
```
  基础语法

JS代码一行为单位，代码从上往下执行，一行一条语句
语句结尾不加分号，如果一行定义多条语句，每条语句只能以分号结尾，所以建议每条语句都加分号
表达式不需要以表达式结尾，如果加了分号，JavaScript引擎会当做语句执行生成无用的语句

标志符：

规则：

由Unicode字符、_、$、数字、中文组成
不能数字开头
不能是关键字
严格区分大小写

规范

见名知意
驼峰命名/下划线规则
关键字
声明变量时，避免使用关键字

变量

声明JS是一种弱类型语言不需要指定数据类型

var a;

变量只声明不赋值则变量值为undefined

声明变量时可以不用var修饰符，直接声明并赋值

变量提升

所有的变量的声明语句，都会被提升到代码的头部，只对var声明的变量有效

数据类型

虽然JS变量没有类型，但是数据本身是有类型的

1.undefined表示值不存在，派生于null

变量只声明未赋值，值为undefined
当定义函数需要形参，调用函数未传递实参时，参数值为undefined

当函数没有返回值，接收值为undefined

<script type="text/javascript">
            /* 1 */
            var a;
            console.log(a);
            /* 2 */
            function fn01(str){
                console.log(str);
            }
            fn01();
            /* 3 */
            function fn02(){
            }
            var b=fn02();
            console.log(b);
        </script>