JavaScript基础

1  快速入门

1.1  JavaScript介绍

• JavaScript 是一种客户端脚本语言。运行在客户端浏览器中，每一个浏览器都具备解析 JavaScript 的引擎。

• 脚本语言：不需要编译，就可以被浏览器直接解析执行了。

• 核心功能就是增强用户和 HTML 页面的交互过程，让页面有一些动态效果。以此来增强用户的体验！

1995 年，NetScape (网景)公司，开发的一门客户端脚本语言：LiveScript。后来，请来 SUN 公司的专家来 进行修改，后命名为：JavaScript。
1996 年，微软抄袭 JavaScript 开发出 JScript 脚本语言。
1997 年，ECMA (欧洲计算机制造商协会)，制定出客户端脚本语言的标准：ECMAScript，统一了所有客户 端脚本语言的编码方式。

1.2  引入方式

（1）内部方式

（2）外部方式：此方式更为灵活

  在js中编写代码

  在html中引入js

1.3  小结

• JavaScript 是一种客户端脚本语言。

• 组成部分

  ECMAScript、DOM、BOM  

• 和 HTML 结合方式

  内部方式：<script></script>
  外部方式：<script src=文件路径></script>

2  基本语法

2.1  注释

• 单行注释

  // 注释的内容

• 多行注释

  /*
  注释的内容
  */

2.2  输入输出语句

• 输入框 prompt(“提示内容”);

• 弹出警告框 alert(“提示内容”);

• 控制台输出 console.log(“显示内容”);

• 页面内容输出 document.write(“显示内容”);

2.3  变量和常量

JavaScript 属于弱类型的语言，定义变量时不区分具体的数据类型。

• 定义局部变量 let 变量名 = 值;

  //1.定义局部变量
  let name = "张三";
  let age = 23;
  document.write(name + "," + age +"<br>");

• 定义全局变量 变量名 = 值;

  //2.定义全局变量
  {
      let l1 = "aa";
      l2 = "bb";
  }
  //document.write(l1);l1是局部变量，出了括号就访问不了，也就是没有输出
  document.write(l2 + "<br>");

• 定义常量 const 常量名 = 值;

  //3.定义常量
  const PI = 3.1415926;
  //PI = 3.15;
  document.write(PI);

2.4  原始数据类型和typeof方法

2.4.1  原始数据类型

 2.4.2  typeof方法

 typeof 用于判断变量的数据类型

let age = 18; 
document.write(typeof(age)); // number

2.5  运算符