Java Script基础语法

目录

• 引言
• 一、JavaScript 的书写形式
• • 1.1行内式
  • 1.2 内嵌式
  • 1.3 外部式
• 二、输入输出
• • 2.1 输入: prompt
  • 2.2 输出: alert
  • 2.3 输出: console.log
• 三、语法概览
• • 3.1 变量的使用
  • 3.2 基本数据类型
• 四、运算符
• • 4.1相等运算符
  • 4.2 逻辑运算符
• 五、数组
• • 5.1 创建数组
  • 5.2 获取数组元素
  • 5.3 获取数组长度
  • 5.4 使用 push 进行追加元素
  • 5.5 删除数组中的元素.
• 六、函数
• • 6.1 语法格式
  • 6.2 函数表达式
  • 6.3 关于参数个数
  • 6.4 作用域
• 七、对象
• • 7.1 使用 字面量 创建对象 [常用]
  • 7.2 使用 new Object 创建对象
  • 7.3 使用构造函数创建对象
  • JavaScript 的对象和 Java 的对象的区别

引言

JavaScript (简称 JS)

• 是世界上最流行的编程语言之一;
• 是一个脚本语言, 通过解释器运行;
• 主要在客户端(浏览器)上运行, 现在也可以基于 node.js 在服务器端运行;
  Node.js这是一个js 的运行平台.(对标的是浏览器)浏览器是运行在客户的.Node.js 既可以运行在客户端,也可以运行在服务器上(单独的执行程序).就可以给js赋予客户端开发/服务器开发的能力.

JavaScript 的能做的事情:

• 网页开发(更复杂的特效和用户交互)
• 网页游戏开发
• 服务器开发(node.js)
• 桌面程序开发(Electron, VSCode 就是这么来的)
• 手机 app 开发

JavaScript 之父 布兰登 * 艾奇 (Brendan Eich)

JavaScript 和 HTML 和 CSS 之间的关系:

• HTML: 网页的结构(骨)
• CSS: 网页的表现(皮)
• JavaScript: 网页的行为(魂)

JavaScript 运行过程:

• 编写的代码是保存在文件中的, 也就是存储在硬盘(外存上).
• 双击 .html 文件浏览器(应用程序)就会读取文件, 把文件内容加载到内存中(数据流向: 硬盘 => 内存)
• 浏览器会解析用户编写的代码, 把代码翻译成二进制的, 能让计算机识别的指令(解释器的工作)
• 得到的二进制指令会被 CPU 加载并执行(数据流向: 内存 => CPU)
  
  浏览器分成渲染引擎 + JS 引擎.
  渲染引擎: 解析 html + CSS, 俗称 “内核”;
  JS 引擎: 也就是 JS 解释器. 典型的就是 Chrome 中内置的 V8;

JS 引擎逐行读取 JS 代码内容, 然后解析成二进制指令, 再执行

JavaScript 的组成:
ECMAScript(简称 ES): JavaScript 语法;
DOM: 页面文档对象模型, 对页面中的元素进行操作;浏览器提供的一组，操作页面元素的API；
BOM: 浏览器对象模型, 对浏览器窗口进行操作;浏览器提供的一组，操作浏览器窗口的API；

但是要想完成更复杂的任务, 完成和浏览器以及页面的交互, 那么就需要 DOM API 和 BOM API.这主要指在浏览器端运行的 JS. 如果是运行在服务端的 JS , 则需要使用 node.js 的 API,就不太需要关注 DOM 和 BOM.

一、JavaScript 的书写形式

JavaScript 代码可以嵌入到 HTML 的 script 标签中.

1.1行内式

直接嵌入到 html 元素内部：

"button" value="点我一下" οnclick="alert('haha')">

注意, JS 中字符串常量可以使用单引号表示, 也可以 使用双引号表示.
HTML 中推荐使用双引号, JS 中推荐使用单引号

1.2 内嵌式

写到 script 标签中:

1.3 外部式

写到单独的 .js 文件中:

然后到另一个文件中对其进行引用：