前端开发基础（3）—JavaScript_什么是javascript,它在前端开发中的角色是什么?-优快云博客

本文链接：https://blog.youkuaiyun.com/2301_77162163/article/details/131178306

1.3JavaScript

1.3.1 JavaScript概述

1.什么是JavaScript

JavaScript是一种广泛用于Web开发的编程语言，它可以实现动态网页效果、交互式用户界面和数据验证等功能。JavaScript是一种解释型语言，不需要编译器，而是由浏览器直接解释执行。

JavaScript最初由Netscape公司的Brendan Eich于1995年创建，当时它被称为LiveScript。后来，它被重命名为JavaScript，并在1996年被提交给ECMA（欧洲计算机制造商协会）进行标准化。因此，JavaScript有时也被称为ECMAScript。

JavaScript可以用于客户端和服务器端开发。在客户端，JavaScript通常与HTML和CSS结合使用，用于创建交互式Web应用程序和用户界面，比如表单验证、页面交互效果、动画和游戏等。在服务器端，JavaScript可以使用Node.js等平台进行开发，处理业务逻辑、数据存储和处理等任务。

2.JavaScript的特点

JavaScript的特点包括：

跨平台性：JavaScript可以在多个操作系统和不同的浏览器上运行，不需要任何修改。
与HTML和CSS集成：JavaScript通常与HTML和CSS结合使用，用于创建交互式Web应用程序和用户界面。
前端脚本语言：JavaScript主要用于前端开发，可以实现动态网页效果、交互式用户界面和数据验证等功能。
解释型语言：JavaScript是一种解释型语言，不需要编译器，而是由浏览器直接解释执行。
客户端脚本语言：JavaScript在客户端执行，可以响应用户事件如鼠标点击，键盘输入等。
面向对象编程：JavaScript支持面向对象编程，可以使用类、继承、封装和多态等机制。
动态类型：JavaScript是一种动态类型语言，变量可以随时改变其数据类型。
支持闭包：JavaScript支持闭包机制，使得函数可以访问其外部作用域中的变量和参数。
可扩展性：JavaScript支持插件和框架，可以通过第三方库和工具进行扩展和增强功能。

总之，JavaScript是一种非常灵活、易学易用的语言，能够帮助开发人员快速地构建交互式Web应用程序和用户界面。

3.JavaScript书写位置

JavaScript可以写在HTML文档中的

内联JavaScript

内联JavaScript是指将JavaScript代码直接写在HTML文档中的<script>标签中。这种方法最简单，适合于处理少量的JavaScript代码。

例如：


<!DOCTYPE html>

<html>

  <head>

    <title>Inline JavaScript Example</title>

  </head>

  <body>

    <script>

      alert("Hello, world!");

    </script>

  </body>

</html>

在这个例子中，JavaScript代码被包含在<script>标签中，并在浏览器加载该页面时直接执行。

外部JavaScript文件

外部JavaScript文件是指将JavaScript代码存放在一个独立的.js文件中，并通过<script>标签的src属性引用该文件。这种方法适用于处理大量的JavaScript代码，可以使HTML文档更加清晰和易于维护。

例如：


<!DOCTYPE html>

<html>

  <head>

    <title>External JavaScript Example</title>

    <script src="scripts.js"></script>

  </head>

  <body>

    <h1>Hello, world!</h1>

  </body>

</html>

在这个例子中，JavaScript代码被放在名为"scripts.js"的文件中，而不是在HTML文档中。该文件通过<script>标签的src属性引用，当浏览器加载该页面时，会自动下载并执行该文件。

内部JavaScript

内部JavaScript是指将JavaScript代码写在HTML文档的<head>或<body>标签中间。这种方式比较灵活，可以根据需要在不同的标签之间编写JavaScript代码。

例如：


<!DOCTYPE html>

<html>

  <head>

    <title>Internal JavaScript Example</title>

    <script>

      function sayHello() {

        alert("Hello, world!");

      }

    </script>

  </head>

  <body>

    <button onclick="sayHello()">Click me</button>

  </body>

</html>

在这个例子中，JavaScript代码被放在<head>标签中，并定义了一个名为"sayHello"的函数。该函数可以通过onclick事件绑定到按钮上，在用户点击按钮时触发。

1.3.1JavaScript基础语法

JavaScript的基础语法包括以下内容：

变量声明和赋值

使用var关键字声明变量，例如：


var x;

可以同时初始化一个变量：


var y = 5;

变量的值可以随时改变：


y = 10;

数据类型

JavaScript中有多种数据类型，包括数字、字符串、布尔值、数组、对象和null等。


var num = 10; // 数字

var str = "hello"; // 字符串

var flag = true; // 布尔值