百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

Javascript简介和基础数据类型(javascript基本数据类型有)

wxin55 2025-05-09 22:13 2 浏览 0 评论

什么是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用来定义常量。
  • letvar用来定义变量,推荐使用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>

输入输出

方法

说明

归属

alert(msg)

浏览器弹出警示框

浏览器

console.log(msg)

浏览器控制台打印输出信息

浏览器

prompt(info)

浏览器弹出输入框,用户可以输入

浏览器

const readline = require('readline');

const rl = readline.createInterface({
    input: process.stdin,
    output: process.stdout
});

let n = -1, buf = '';

rl.on('line', line => {
    if (n < 0) n = parseInt(line.trim());
    else {
        buf = line.split(' ').map(x => {
            return parseInt(x);
        });
        rl.close();
    }
});

rl.on('close', () => {
    let s = '';
    buf.sort();

    for (let i = 0; i < n; i++) s += buf[i].toString() + ' ';

    console.log(s);

    process.exit(0);
});

转义字符

转义符

解释说明

\n

换行符,n 是 newline 的意思

\ \

斜杠 \

\t

tab 缩进

\b

空格 ,b 是 blank 的意思

let name = 'cat', age = 28;
let info = `My name is ${name}, I\'m ${age} years old.`;

console.log(info);
console.log(`My name is ${name}, I\'m ${age} years old.`);

比较运算符

选择结构和循环结构

<script>
        let a = 2;
        if(a > 1) {
            console.log("yes");
            console.log("yes");
        }
        else console.log("no");

        for(let i = 1;  i <= 10; i++)
            console.log(i);

        let i = 20;
        while(i <= 30){
            console.log(i);
            i += 2;
        }
</script>

相关推荐

相关推荐

武山县农业农村举办苹果枝枯病监测防控技术培训班

苹果枝枯病是苹果主要病害之一,主要危害苹果枝干,造成枯枝和枯干,影响苹果产量,该病的发生危害严重,蔓延迅速,直接影响苹果树势及产量,针对武山县实际情况,保障全县果业生产安全,近日,县农业农村局组织植保...

2017年基层农技推广体系改革与建设项目苹果科技示范基地举办苹果产业理论第二期培训班

2018年3月23日下午,富民树美果蔬产销专业合作社在百花山苹果科技示范基地基地,举办2017基层农技推广体系改革与建设项目苹果产业理论第二期培训班。参加培训人员全部来2017年基层体系建设富民树美果...

小苹果“国标班”即将开课!请大家关注乐动族看课程表

小苹果“国标班”即将开课!请大家关注乐动族看课程表时间:2015-04-0406:12:05来源:扬子晚报作者:责任编辑:郑泽川各位爱好舞蹈健身的朋友们,扬子晚报体育公众号“乐动族”发福利了!...

苹果:人人能编程(苹果人人能编程人人能创造)

版权声明本文首发于微信公共帐号:学习学习再学习(xiaolai-xuexi)请注意:无需授权即可转载;甚至无需保留以上版权声明……iPad上有个值得吐血推荐的应用,叫SwiftPlayg...

“小苹果”培训班开始报名了(小苹果培训班怎么收费)

扬子晚报体育类微信订阅号“乐动族”,与“南京群颐文化信息咨询有限公司”和“南京悦美健身俱乐部”合作,开展“国标版”小苹果健身广场舞的教学、普及工作。普及班的开课时间和地点已经出炉(见表),通过“乐动...

镇原县农技中心举办苹果有机肥替代化肥项目技术培训班

4月19日,镇原县农技中心举办苹果有机肥替代化肥项目技术培训班。本次培训旨在进一步打造镇原优质生态绿色环保苹果品牌。平泉镇秦铺村果农秦浩鹏说:“通过培训我学到了很多技术经验,也认识到果园增施有机肥能提...

洛宁:苹果产业奏响“科技+传统”协奏曲 智慧果园谱写产业升级新篇章

四月的豫西大地春意盎然,河南洛宁县上戈镇的万亩苹果园迎来了一年中最富诗意的时节。远望如雪浪翻涌,近观似繁星缀枝,苹果花开的盛景不仅吸引着八方游客,更孕育着果农们全年的希望。在这片生机勃勃的土地上,一场...

苹果在意大利开办 iOS 应用开发课程,首批 600 名学生 10 月开课

如果你正计划学习编程,同时身处意大利的话,接下来的消息可能会对你有帮助。苹果与意大利那不勒斯腓特烈二世大学(UniversityofNapoliFedericoII)合作,开办了一个iOS...

合阳县举办苹果种植大户培训班(合水县苹果种植面积)

10月11日,合阳县农广校在甘井镇孟村举办了2018年新型职业农民苹果种植大户培训班,进一步提升了新型职业农民综合素质。根据实际情况,农广校制定了招生简章,严格按照个人申请、村委推荐、乡镇初审、县农广...

清水县组织举办2024年东西部科技协作苹果新品种引进项目技术培训班

9月21日,县科技局邀请天津农学院园艺学院教授梁兴,在金果果品种植农民专业合作社举办了2024年东西部科技协作苹果新品种引进项目技术培训班,合作社社员55人参加了培训。金果果品种植农民专业合作社今年争...

TypeScript中的类型详解(typescript的特性)

2021年,TypeScript非常火热,前端的各大主流框架和工具,都在向TypeScript靠拢,TypeScript让前端开发复杂大型项目更加严谨。极大的降低了代码出现bug的几率,也大大增强了代...

前端开发基础-JavaScript(二)(javascript前端开发教程)

ObjectJavaScript的所有对象都衍生于Object对象,所有对象都继承了Object.prototype上的方法和属性,虽然它们可能会被覆盖,熟悉它对于编程能起到很大的作用,也能比较深刻的...

JS不只是简单的构造模块(读书笔记)

一、人们常会遇到诸如对象、基本类型、字面值这样的术语,三者之间有何区别,如何分辨?JS字面值:表示某种特定类型的一个值,如一个字符串(String)、浮点数(Number)、布尔值(Boolean)...

js基础学习(js基础总结)

vscode运行js要在VSCode中运行JavaScript代码,你需要按照以下步骤操作:首先确保你已经安装了Node.js。如果没有安装,可以从官网(https://nodejs.org/)下载并...

Java和JavaScript之间的区别(java和javascript有啥区别)

Java和Javascript都最适合它们的使用,并且两者也有相对不同的地方。Java通常是:一种强大的计算机编程语言。它是构建软件应用程序的独立计算平台。它将每个项目视为对象和类。Java...

取消回复欢迎 发表评论: