JavaScript简介
JavaScript 是一门跨平台、面向对象的脚本语言，而Java语言也是跨平台的、面向对象的语言，只不过Java是编译语言，是需要编译成字节码文件才能运行的；JavaScript是脚本语言，不需要编译，由浏览器直接解析并执行。
JavaScript引入方式
JavaScript 引入方式就是 HTML 和 JavaScript 的结合方式。JavaScript引入方式有两种：
- 内部脚本：将 JS代码定义在HTML页面中
- 外部脚本：将 JS代码定义在外部 JS文件中，然后引入到 HTML页面中
内部脚本
在 HTML 中，JavaScript 代码必须位于 <script> 与 </script> 标签之间
代码如下：
alert(数据) 是 JavaScript 的一个方法，作用是将参数数据以浏览器弹框的形式输出出来。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
alert("hello js1");
</script>
</body>
</html>
外部脚本
第一步：定义外部 js 文件。如定义名为 demo.js的文件
第二步：在页面中引入外部的js文件
在页面使用 script 标签中使用 src 属性指定 js 文件的 URL 路径。
外部脚本不能包含 <script> 标签
在js文件中直接写 js 代码即可，不要在 js文件 中写 script 标签
<script> 标签不能自闭合
在页面中引入外部js文件时，不能写成 <script src="../js/demo.js" />。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script src="../js/demo.js"></script>
</body>
</html>
JavaScript基础语法
书写语法
-
区分大小写：与 Java 一样，变量名、函数名以及其他一切东西都是区分大小写的
-
每行结尾的分号可有可无
如果一行上写多个语句时，必须加分号用来区分多个语句。 -
注释
- 单行注释：// 注释内容
- 多行注释：/* 注释内容 */
注意：JavaScript 没有文档注释
- 大括号表示代码块
输出语句
1、使用 window.alert() 写入警告框
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
window.alert("hello js");//写入警告框
</script>
</body>
</html>
2、使用 document.write() 写入 HTML 输出
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
document.write("hello js 2~");//写入html页面
</script>
</body>
</html>
3、使用 console.log() 写入浏览器控制台
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
console.log("hello js 3");//写入浏览器的控制台
</script>
</body>
</html
JavaScript 中用 var 关键字（variable 的缩写）来声明变量。格式 var 变量名 = 数据值;。而在JavaScript 是一门弱类型语言，变量可以存放不同类型的值；如下在定义变量时赋值为数字数据，还可以将变量的值改为字符串类型的数
var test = 20;
test = "张三";
js 中的变量名命名也有如下规则，和java语言基本都相同
- 组成字符可以是任何字母、数字、下划线（_）或美元符号（$）
- 数字不能开头
- 建议使用驼峰命名
JavaScript 中 var 关键字有点特殊，有以下地方和其他语言不一样
-
作用域：全局变量
{ var age = 20; } alert(age); // 在代码块中定义的age 变量，在代码块外边还可以使用 -
变量可以重复定义
{ var age = 20; var age = 30;//JavaScript 会用 30 将之前 age 变量的 20 替换掉 } alert(age); //打印的结果是 30
针对如上的问题，ECMAScript 6 新增了 let 关键字来定义变量。它的用法类似于 var，但是所声明的变量，只在 let 关键字所在的代码块内有效，且不允许重复声明。
例如：
{
let age = 20;
}
alert(age);
无法获取age的值，let声明的值为局部变量，此关键字相当于无法进行穿透机制
而如果在代码块用let中定义两个同名的变量，IDEA 开发工具就直接报错了
ECMAScript 6 新增了 const关键字，用来声明一个只读的常量。一旦声明，常量的值就不能改变。
数据类型
JavaScript 中提供了两类数据类型：原始类型 和 引用类型。
使用 typeof 运算符可以获取数据类型
alert(typeof age);以弹框的形式将 age 变量的数据类型输出
原始数据类型：
-
number：数字（整数、小数、NaN(Not a Number)）
var age = 20; var price = 99.8; alert(typeof age); // 结果是 ： number alert(typeof price);// 结果是 ： number注意： NaN是一个特殊的number类型的值，后面用到再说
-
string：字符、字符串，单双引皆可
var ch = 'a'; var name = '张三'; var addr = "北京"; alert(typeof ch); //结果是 string alert(typeof name); //结果是 string alert(typeof addr); //结果是 string==注意：==在 js 中 双引号和单引号都表示字符串类型的数据
-
boolean：布尔。true，false
var flag = true; var flag2 = false; alert(typeof flag); //结果是 boolean alert(typeof flag2); //结果是 boolean -
null：对象为空
var obj = null; alert(typeof obj);//结果是 object -
undefined：当声明的变量未初始化时，该变量的默认值是 undefined
var a ; alert(typeof a); //结果是 undefined
运算符
JavaScript 提供了如下的运算符。大部分和 Java语言 都是一样的，不同的是 JS 关系运算符中的 == 和 ===，一会我们只演示这两个的区别，其他运算符将不做演示
-
一元运算符：++，–
-
算术运算符：+，-，*，/，%
-
赋值运算符：=，+=，-=…
-
关系运算符：>，<，>=，<=，!=，==，===…
-
逻辑运算符：&&，||，!
-
三元运算符：条件表达式 ? true_value : false_value
3.5.1 ==和===区别
概述:
-
==：
- 判断类型是否一样，如果不一样，则进行类型转换
- 再去比较其值
-
===：js 中的全等于
- 判断类型是否一样，如果不一样，直接返回false
- 再去比较其值
代码：
var age1 = 20;
var age2 = "20";
alert(age1 == age2);// true
alert(age1 === age2);// false
3.5.2 类型转换
上述讲解 == 运算符时，发现会进行类型转换，所以接下来我们来详细的讲解一下 JavaScript 中的类型转换。
-
其他类型转为number
-
string 转换为 number 类型：按照字符串的字面值，转为数字。如果字面值不是数字，则转为NaN
-
将 string 转换为 number 有两种方式：
-
使用
+正号运算符：var str = +"20"; alert(str + 1) //21 -
使用
parseInt()函数(方法)：var str = "20"; alert(parseInt(str) + 1);
建议使用
parseInt()函数进行转换。-
boolean 转换为 number 类型：true 转为1，false转为0
var flag = +false; alert(flag); // 0
-
-
其他类型转为boolean
- number 类型转换为 boolean 类型：0和NaN转为false，其他的数字转为true
- string 类型转换为 boolean 类型：空字符串转为false，其他的字符串转为true
- null类型转换为 boolean 类型是 false
- undefined 转换为 boolean 类型是 false
代码如下：
// var flag = 3; // var flag = ""; var flag = undefined; if(flag){ alert("转为true"); }else { alert("转为false"); }
函数
函数（就是Java中的方法）是被设计为执行特定任务的代码块；JavaScript 函数通过 function 关键词进行定义。
定义格式
函数定义格式有两种：
-
方式1
function 函数名(参数1,参数2..){ 要执行的代码 } -
方式2
var 函数名 = function (参数列表){ 要执行的代码 }
注意：
形式参数不需要类型。因为JavaScript是弱类型语言
function add(a, b){ return a + b; }上述函数的参数 a 和 b 不需要定义数据类型，因为在每个参数前加上 var 也没有任何意义。
返回值也不需要定义类型，可以在函数内部直接使用return返回即可
函数调用
函数调用函数：
函数名称(实际参数列表);
biu：
let result = add(10,20);
注意：
JS中，函数调用可以传递任意个数参数
例如
let result = add(1,2,3);它是将数据 1 传递给了变量a，将数据 2 传递给了变量 b，而数据 3 没有变量接收。
JavaScript常用对象
JavaScript 提供了很多对象供使用者来使用。这些对象总共分类三类
- 基本对象
- BOM 对象
- DOM对象
总结：多熟悉方法的用处，也可以找相关的视频查看方法的相关用法
扫一扫
1093
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
