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)
    Java Script基础语法_第1张图片
    浏览器分成渲染引擎 + 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 代码可以嵌入到 HTMLscript 标签中.

1.1行内式

直接嵌入到 html 元素内部:

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

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

1.2 内嵌式

写到 script 标签中:


1.3 外部式

写到单独的 .js 文件中:
Java Script基础语法_第2张图片

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


                    
                    

你可能感兴趣的:(前端,java,javascript,前端)