首页 / JAVA / JavaScript之基础-1 JavaScript(概述、基础语法)

JavaScript之基础-1 JavaScript(概述、基础语法)

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript之基础-1 JavaScript(概述、基础语法)，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3410字，纯文字阅读大概需要5分钟。

内容图文

一、JavaScript 概述


JavaScript 概念

  - JavaScript 是一种运行于 JavaScript解释器/引擎中的解释型脚本语言

  - JavaScript 解释器作为JS脚本的运行环境，有如下两种呈现方式

      - 独立安装的 JavaScript 解释器;

      - 嵌入在浏览器内核中的 JavaScript 解释器;

  - 目前 PC 、平板、手机、机顶盒中安装的主要浏览器全部支持JavaScript


JavaScript 发展史

  - 1992年，Nombas公司为自己的CEnvi软件开发了一款脚本语言ScriptEase，可以嵌入在网页中

  - 1995年，Netscape公司为自己的Navigator2.0浏览器开发了另一种客户端脚本语言Livescript，为了赶时髦重命名为JavaScript，但其实与Java没任何关系

  - 1996年，Microsoft公司为了进军浏览器市场，在IE3.0浏览器发布了一个JavaScript的克隆版，称为JScript

  - 1997年，JavaScript 1.1 作为草案提出给ECMA，各个厂家合力退出了ECMA-262标准，定义了全新的ECMAScript标准脚本语言，各大浏览器厂家开始"努力"将ECMAScript作为实现的标准和目标

  - 完整的JavaScript 语言由三部分组成:

      - 核心(ECMAScript)

      - 文档对象模型(DOM,Document Object Model)

      - 浏览器对象模型(BOM,Browser Object Model)

技术分享650) this.width=650;" src="/upload/getfiles/default/2022/11/11/20221111090904489.jpg" title="web.png" />

JavaScript 特点

  - 代码可使用任何文本编辑工具编写，语法类似于 C 和 Java

  - 无需编译，由JavaScript 引擎解释执行

  - 弱类型语言

  - 基于对象

  - 用途

技术分享650) this.width=650;" src="/upload/getfiles/default/2022/11/11/20221111090904759.jpg" title="web.png" />


二、JavaScript 基础语法


浏览器内核

  - 浏览器内核负责页面内容的渲染，主要有两部分组成:

      - 内容排版引擎-----解析 HTML/CSS

      - 脚本解释引擎-----解析 JavaScript

技术分享650) this.width=650;" src="/upload/getfiles/default/2022/11/11/20221111090905058.jpg" title="web.png" />


搭建JavaScript 运行环境

  - 安装独立的JavaScript 解释器

技术分享650) this.width=650;" src="/upload/getfiles/default/2022/11/11/20221111090905367.jpg" title="web.png" />

  - 使用浏览器内核中嵌入的JavaScript解释器

技术分享650) this.width=650;" src="/upload/getfiles/default/2022/11/11/20221111090905727.jpg" title="web.png" />


第一个JavaScript 程序

  - 方式一: 使用独立的JavaScript 解释器

      - 可以一行一行的输入要执行的脚本并执行

      - 也可以把多行要执行的脚本写在文本文件中，批量执行

  - 方式二: 使用浏览器内核中的内嵌的JavaScript解释器

      - 直接在Console中输入脚本并执行

      - 将JS脚本嵌入在HTML页面中执行

          - html元素事件

          - <script> 元素

          - 外部脚本文件


html元素事件

  - 要执行的脚本语句直接编写在<body>标签中

技术分享650) this.width=650;" src="/upload/getfiles/default/2022/11/11/20221111090905945.jpg" title="web.png" />


<script>元素

  - 内部脚本块中可以执行多条语句

技术分享650) this.width=650;" src="/upload/getfiles/default/2022/11/11/20221111090906160.jpg" title="web.png" />

外部脚本文件

  - 将 JavaScript 代码写入一个单独的文件，并保存为后缀名为.js的文件

      - 为纯文本文件

      - 文件中，不需要包含<script>标签，直接书写js代码

技术分享650) this.width=650;" src="/upload/getfiles/default/2022/11/11/20221111090906384.jpg" title="web.png" />

  - HTML 页面的 HEAD 中引用.js 文件

      - 在 <head> 中添加 <script> 标签

      - 设置 <script> 标签的"src"属性，以制定js文件的url

技术分享650) this.width=650;" src="/upload/getfiles/default/2022/11/11/20221111090906644.jpg" title="web.png" />


三、JavaScript 调试


JavaScript 代码错误

  - 解释型语言，若某行代码错误，则解释器终止此次之行

  - 但不会影响后续块的执行，以及后续 HTML 元素的解析

技术分享650) this.width=650;" src="/upload/getfiles/default/2022/11/11/20221111090906864.jpg" title="web.png" />


浏览器的调试功能

技术分享650) this.width=650;" src="/upload/getfiles/default/2022/11/11/20221111090907144.jpg" title="web.png" />

技术分享650) this.width=650;" src="/upload/getfiles/default/2022/11/11/20221111090907332.jpg" title="web.png" />

Chrome控制台

技术分享650) this.width=650;" src="/upload/getfiles/default/2022/11/11/20221111090907501.jpg" title="web.png" />


四、JavaScript 语法规范


编写 JavaScript 代码

  - 语句----会被 JavaScript 引擎解释执行的代码

      - 由表达式、关键字、运算符组成;

      - 大小写敏感;

      - 使用分号或者换行结束;

  - 注释----不会被 JavaScript 引擎解释执行的代码

      - 单行注释: //

      - 多行注释: /* */


大小写敏感

  - 在 JavaScript 程序中大小写是敏感的

      - userName、UserName、username是不同的

技术分享650) this.width=650;" src="/upload/getfiles/default/2022/11/11/20221111090907886.jpg" title="web.png" />


总结：本章内容主要介绍了 JavaScript (概述、基础语法)


本文出自 “技术交流” 博客，谢绝转载！

原文：http://jasonteach.blog.51cto.com/5192112/1754673

内容总结

以上是互联网集市为您收集整理的JavaScript之基础-1 JavaScript(概述、基础语法)全部内容，希望文章能够帮你解决JavaScript之基础-1 JavaScript(概述、基础语法)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1238389.html

来源：【匿名】