山西农业大学20241009

01-JAVASCRIPT

- 一. JAVASCRIPT入门
- - 1. 语言特点
  - 2. 运行
- 二. JAVASCRIPT基础语法
- - 1. 变量和常量
  - 2. 数据类型

一. JAVASCRIPT入门

1. 语言特点

动态类型:JavaScript是一种弱类型的语言，不需要指定变量类型变量的类型在运行时根据值自动推断。
解释性:JavaScript是一种解释型语言，不需要编译就可以直接在浏览器中运行。
基于对象。
JavaScript是一种基于对象的脚本语言，它不仅可以创建对象，也能使用现有的对象。

2. 运行

浏览器: 浏览器自带JS解释器
NodeJS: 去官网下载node,进行安装

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>JS的引入方式</title>
</head>
<body>
<!--onclick 点击事件, 当按钮被点击时触发alert("xxx") 弹出提示框
-->
<input type="button" value="按钮" onclick="alert('内联引入成功')"><!-- 在body标签中,编写script标签,在标签中编写js代码-->
<script>console.log("内部js编写成功")
</script>
<!-- 在body标签中,通过script标签的src属性, 引入外部js代码注意:在当前的script标签中, 不能编写js代码
-->
<script src="01.js"></script>
</body>
</html>

二. JAVASCRIPT基础语法

1. 变量和常量

    /*JavaScript语言属于弱类型语言,声明变量不需要指定类型JavaScript语言中通过let或var声明变量- let声明的变量, 作用域和Java语言类似,块级作用域(推荐使用)- var声明的变量, 全局作用域*/// 声明员工的信息: 编号, 姓名, 性别, 生日, 工资, 最后打印var eid = 8;var name = "zhangsan";var gender = "男";var birthday = "1995-02-20";var salary = 10000.00;console.log(eid,name,gender,birthday,salary);salary = "10000";  // 字符串型console.log(salary);console.log(typeof salary); // typeof查看变量的数据类型// 声明变量分别保存圆的半径和圆周率, 声明变量保存圆的周长和面积,打印结果let r = 5;const pi = 3.14;let length = 2*pi*r;  // 31.4--- 31.400000000000002let area = pi*r*r;console.log(length,area);// 常量  const// 常量也是存储数据的容器, 常量一旦声明, 必须赋值,不允许重新赋值// pi = 3.1415;  // 报错, 常量不允许重新赋值

2. 数据类型

/*数据类型: 分为 原始类型 和 引用类型- 原始类型: 数值型, 字符串型, 布尔型, 未定义型, 空- 引用类型: 数组,对象*/// 1. 数值型   10进制, 8进制, 16进制var n1 = 10; // 10进制的整型var n2 = 010; // 8进制,以0开头的数字var n3 = 0x10; // 16进制,以0x开头的数字console.log(n1,n2,n3);var f1 = 3.14;console.log(f1);// 查看变量的数据类型:// typeof();结果:number,string,boolean,undefined,null// 2. 字符串型// 被引号包含的数据就是字符串型, 不区分单双引号var name = "zs";var name2 = 'ls';var name3 = "王五";console.log(name,name2,name3);console.log(typeof name);  //stringr name4 = 'name'; //name没有变量的功能,只是一个字符串var name5 = name;   // 将name的值赋值给name5console.log(name4,name5);// 3. 布尔类型 boolean// 只有两个值,分别是true和false,代表真和假var bool1 = true;var a = 3<1;var c = '3<1';console.log(bool1, typeof bool1);console.log(a,typeof a);console.log(c,typeof c);// 4.未定义类型// 只有一个值 undefined// 声明变量,但是没有赋值, 则为undefinedvar un;console.log(un); // undefined// 5. null// 只有一个null// 类型是object(对象), 常结合引用过类型数据使用var e = null;console.log(e,typeof e);