【Java】JS简介_java js

目录

一、前言

二、JS是什么

三、JS的主要功能

四、JS的核心概念

1、变量和数据类型

2、函数

3、条件语句和循环

4、DOM操作

5、异步编程

五、JS语言的特征

六、java的数据类型

1、基本类型

2、引用类型

3、空类型

4、运算符

七、JavaScript是一个弱类型的语言

八、JavaScript生态系统

1、React

2、Angular

3、Vue.js

4、Node.js

5、Webpack

6、VS Code

九、总结

---

一、前言

        JavaScript（简称JS）是一门强大而灵活的编程语言，用于Web开发、移动应用和服务器端开发。作为一门前端技术，JavaScript是构建互联网上几乎所有动态内容的核心。本文将深入探讨JavaScript的基本概念，以及它如何成为Web开发的重要组成部分。

二、JS是什么

Java是解释型语言，C#是编译型语言

JS是一种具有函数优先的轻量级，解释型或即时编译型的编程语言，基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式、声明式、函数式编程范式。

三、JS的主要功能

1. 嵌入动态文本于HTML页面
2. 对浏览器事件做出响应
3. 读写HTML元素
4. 在数据被提交到服务器之前验证数据
5. 检测访客的浏览器信息。控制cookies，包括创建和修改
6. 基于Node.js技术进行服务器端编程

四、JS的核心概念

1、变量和数据类型

JavaScript支持多种数据类型，包括数字、字符串、布尔值、对象和数组。变量用于存储数据，并且不需要显式声明类型。

var age = 30;
var name = "John";
var isStudent = true;

2、函数

函数是JavaScript中的一等公民，可以被赋值给变量、作为参数传递给其他函数，并且可以返回其他函数。

function greet(name) {
    return "Hello, " + name + "!";
}
 
var message = greet("Alice");

3、条件语句和循环

JavaScript提供了条件语句（if-else）和循环（for、while、do-while）来实现控制流。

if (age < 18) {
    console.log("You are a minor.");
} else {
    console.log("You are an adult.");
}
 
for (var i = 0; i < 5; i++) {
    console.log("Iteration " + i);
}

4、DOM操作

通过JavaScript，您可以访问和修改网页的DOM，从而实现网页内容的动态更新。

var element = document.getElementById("myElement");
element.innerHTML = "New content";

5、异步编程

JavaScript是单线程的，但它支持异步编程，使用回调函数、Promises和async/await来处理异步任务。

fetch("https://api.example.com/data")
    .then(response => response.json())
    .then(data => console.log(data))
    .catch(error => console.error(error));

五、JS语言的特征

1. 脚本语言
2. 基于对象
3. 简单
4. 动态性
5. 跨平台性

六、java的数据类型

1、基本类型

数字类型、布尔类型、字符串类型

字符串类型：输入alert(typeof"123"); 显示的是string类型

布尔类型：输入alert(typeof true); 显示的是boolean类型

数字类型：输入alert(typeof 123); 显示的是number

2、引用类型

对象类型、函数类型、数组、键值对

对象类型：现在，我们不需要知道对象是什么，输入alert(typeof {}); alert(typeof new Array()); alert(typeof new Date()); 显示的都是object

函数类型：输入var func = function() {}; alert(typeof func); 显示的是function

如果在alert(typeof func)的基础上在加上一个typeof的话，就会显示的是string

3、空类型

null和undefined

null：输入var num = null; alert(typeof num); 显示出来的是object。因为为空的话就是引用类型，而引用类型就是object。

undefined(未定义、不明确)：就是不赋值。输入var num；alert(typeof num); 显示的是undefined

4、运算符

typeof

typeof语法：string typeof (变量); PS：括号可加可不加

七、JavaScript是一个弱类型的语言

弱类型不代表没有类型，弱类型的含义是不严格的检查类型

C# int num = 10; //需要检查类型赋值如果不符合要求就报错，编译不通过

int num = "123"; //报错

js

使用var声明变量

var num =123; //不会检查类型，任何赋值都可以成功

八、JavaScript生态系统

JavaScript拥有丰富的生态系统，包括大量的库和框架，以及强大的开发工具。以下是一些常用的工具和框架：

1、React

用于构建用户界面的JavaScript库，由Facebook开发

2、Angular

Google开发的前端框架，用于构建大型单页应用。

3、Vue.js

一种渐进式JavaScript框架，适用于构建交互性应用。

4、Node.js

服务器端运行时环境，使得JavaScript可以用于后端开发。

5、Webpack

模块打包工具，用于构建和管理前端项目。

6、VS Code

轻量级代码编辑器，广泛用于JavaScript开发。

九、总结

         JavaScript是一门强大的编程语言，无论您是初学者还是有经验的开发者，都可以通过学习和掌握它来构建令人印象深刻的Web应用程序。本文只是介绍了JavaScript的基础知识，您可以继续深入学习，探索其更高级的概念和应用。无论您的目标是创建交互性网站、跨平台移动应用还是构建强大的后端服务，JavaScript都是您的得力工具之一。开始您的JavaScript之旅吧，探索这门语言的无限可能性！