有趣生活

当前位置:首页>科技>javascript简单数据类型讲解Javascript简介和基础数据类型

javascript简单数据类型讲解Javascript简介和基础数据类型

发布时间:2026-06-22阅读(1)

导读什么是JavaScript?JavaScript是世界上最流行的语言之一,是一种运行在客户端的脚本语言(Script是脚本的意思)。脚本语言:不需要编译,运....什么是JavaScript?
  • JavaScript 是世界上最流行的语言之一,是一种运行在客户端的脚本语言 (Script 是脚本的意思)。
  • 脚本语言:不需要编译,运行过程中由 js 解释器( js 引擎)逐行来进行解释并执行。
  • 现在也可以基于 Node.js 技术进行服务器端编程。

JS 组成

ECMAScript

ECMAScript 是由ECMA 国际( 原欧洲计算机制造商协会)进行标准化的一门编程语言,这种语言在万维网上应用广泛,它往往被称为 JavaScript或 JScript,但实际上后两者是 ECMAScript 语言的实现和扩展。

ECMAScript:规定了JS的编程语法和基础核心知识,是所有浏览器厂商共同遵守的一套JS语法工业标准。

DOM:文档对象模型

文档对象模型(DocumentObject Model,简称DOM),是W3C组织推荐的处理可扩展标记语言的标准编程接口。通过 DOM 提供的接口可以对页面上的各种元素进行操作(大小、位置、颜色等)

BOM:浏览器对象模型

浏览器对象模型(Browser Object Model,简称BOM) 是指浏览器对象模型,它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM可以操作浏览器窗口,比如弹出框、控制浏览器跳转、获取分辨率等。

定义常量和变量
  • const用来定义常量。
  • let和var用来定义变量,推荐使用let,作用域更加严格。

<!-- 行内引入 --> <!-- <button onclick="alert(xxx)">点击我</button> --> <!-- 内部引入 --> <script> var b; b = 3; var b = 4; console.log(b); var a = 1; console.log(a); console.log(hello world.); // console.log(hello world.); </script>

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> // let a = cat; // console.log(a); </script></head><body> <script> let a; a = 1; // let a = 2; console.log(a); const PI = 3.1415926; // PI = 3.15; console.log(PI, typeof PI); </script> <!-- 外部引入 --> <script type="text/javascript" src="./static/js/test01.js"> // console.log(xxx); </script> <!-- 模块引入 --> <script type="module"> import { info, add } from "./static/js/test02.js"; console.log(info[name]); console.log(add(1, 2)); </script></body></html>

数据类型

JS 把数据类型分为两类:

  • 简单数据类型 (Number,String,Boolean,Undefined,Null)
  • 复杂数据类型 (object)
  • typeof 查看数据类型

<script> // let name = prompt(请输入你的名字); // console.log(name, typeof name); console.log(Number.MAX_VALUE); console.log(Number.MIN_VALUE); console.log(Infinity); console.log(-Infinity); console.log(NaN); console.log(isNaN(123)); console.log(isNaN(hello)); console.log(10 == 10); console.log(10 === 10); </script>

输入输出

Copyright © 2024 有趣生活 All Rights Reserve吉ICP备19000289号-5 TXT地图HTML地图XML地图