js的基础语法

简介: JavaScript(JS)是一种跨平台、面向对象的脚本语言,用于控制网页行为,实现人机交互。它与Java无关,但基础语法相似。支持变量、常量、数据类型、运算符、条件语句、循环等编程基础,适用于前端开发,提升网页动态效果和用户交互体验。

JavaScript(简称:JS) 是一门跨平台、面向对象的脚本语言,是用来控制网页行为的,实现人机交互效果。JavaScript 和 Java 是完全不同的语言,不论是概念还是设计。但是基础语法类似。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        alert("hello world");

        输出语句
        window.alert('第一种输出语句')
        document.write('第二种输出语句')  
        console.log('第三种输出语句')

        变量
        let a = 10;
        a = 'abc';
        alert(a);

        常量
        const PI = 3.14;
        PI = 3.15;//会报错,常量不可修改
        console.log(PI);

        变量声明
        var name = "张三";
        name = "李四";
        console.log(name);
        name = "王五";
        console.log(name);

        tyypeof' 检测变量类型
        console.log(typeof 3);
        console.log(typeof 3.14);
        console.log(typeof 'a');                
        console.log(typeof "hello");           
        console.log(typeof true);
        console.log(typeof null);
        let a;
        console.log(typeof a);      

        反引号` `
        let name = "张三";
        let age = 18;
        console.log("姓名" + name + " ,年龄" + age);//老式拼接
        console.log(`姓名${name},年龄${age}`);//模板字符串。内容拼接时用${}来引用变量名 

        //运算符
        console.log(1+1);
        console.log(1-1);
        console.log(1*1);   
        console.log(6/3);
        console.log(5%2);
        let a = 1;
        console.log(++a);
        console.log(a);
        let b = 1;
        console.log(b++);
        console.log(b);
        //关系运算符
        console.log(1>2);
        console.log(1<2);
        console.log(1>=2);
        console.log(1<=2);
        console.log(1==2);
        console.log(1==='1');
        //逻辑运算符
        console.log(true&&false);
        console.log(true||false);
        console.log(!true);
        //赋值运算符
        let c = 1;
        c += 1;
        console.log(c);
        三目运算符
        console.log(1>2?true:false);

        //数据类型转换
        console.log(10+"1");
        console.log(10-"1");        
        console.log(Number("123"));
        console.log(String(123));
        console.log(Boolean(0));//0为false,其他为true
        console.log(Boolean(""));//空字符串为false
        console.log(Boolean(null));//null为false
        console.log(Boolean(undefined));//undefined为false
        console.log(Boolean(NaN));//NaN为false
        console.log(Boolean(1));
        console.log(Boolean("abc"));
        console.log(Boolean(-1));
        console.log(Boolean(0.1));
        console.log(Number("123"));
        let d ='123a4'
        let e ="a1234"
        console.log(parseInt(d));
        console.log(parseInt(e));
        console.log(parseInt("123.5"));//转换为整数
        console.log(parseFloat("123.5"));//转换为浮点型  

        //if-else语句
        let age =8;
        if(age>=18){
            alert("已成年可以进网吧")  
        }else{  
            alert("未成年不可以进网吧")  
        };

        //if-else if-else语句
        let grade = 60;
        if (grade>=90){
            alert("优秀");
        }else if(grade>=80){
            alert("良好");
        }else if(grade>=70){
            alert("及格");
        }else{
            alert("不及格");
        }

        //for 循环
        for(let i=1;i<=10;i++){
            console.log("hello world");
            console.log(`打印次数:${i}`);
            if(i == 10){
                console.log("打印结束");
                }
        }







    </script>
    <!-- <script src="js/demo.js"></script>  -->
</body>
</html>
相关文章
|
11月前
|
数据采集 安全 新能源
【节点边际电价】机组运行约束对机组节点边际电价的影响分析(Matlab代码实现)
【节点边际电价】机组运行约束对机组节点边际电价的影响分析(Matlab代码实现)
479 2
【节点边际电价】机组运行约束对机组节点边际电价的影响分析(Matlab代码实现)
|
11月前
|
存储 JavaScript 前端开发
JavaScript 语法全面解析
JavaScript 语法体系丰富且不断更新,从基础的变量声明、数据类型,到复杂的函数、对象、异步语法,每个知识点都需要开发者深入理解并灵活运用。本文梳理的 JS 语法核心内容,可为开发者提供系统的学习框架,后续还需通过大量实践(如编写交互组件、实现业务逻辑)巩固知识,逐步提升 JS 编程能力,应对前端开发中的各类挑战。
|
人工智能 数据可视化 安全
Dify入门系列(1)| Dify 是什么?真能开启低代码 AI 应用开发?
Dify 是一个融合 BaaS 与 LLMOps 的开源平台,通过可视化编排、预置组件与企业级引擎,帮助企业快速、安全、低成本地构建 AI 应用。无论是客服机器人还是复杂业务流程,Dify 都能将开发周期从数周缩短至分钟级,推动低代码 AI 开发进入实用阶段。
|
11月前
|
存储 安全 Unix
七、Linux Shell 与脚本基础
别再一遍遍地敲重复的命令了,把它们写进Shell脚本,就能一键搞定。脚本本质上就是个存着一堆命令的文本文件,但要让它“活”起来,有几个关键点:文件开头最好用#!/usr/bin/env bash来指定解释器,并用chmod +x给它执行权限。执行时也有讲究:./script.sh是在一个新“房间”(子Shell)里跑,不影响你;而source script.sh是在当前“房间”里跑,适合用来加载环境变量和配置文件。
921 9
|
人工智能 JSON 安全
通义灵码进阶指南:超越基础提示,解锁智能编程新境界
本文深入探讨通义灵码的高阶功能与实用技巧,助你从基础交互迈向精通。内容涵盖项目级理解、精准调试、架构设计协同、高效提示工程及开发流水线集成等多方面,帮助开发者将AI融入深层次工作流。同时提醒用户注意敏感信息保护、保持批判性思维,并关注版本更新与伦理问题。未来,通义灵码将进一步实现深度上下文感知和无缝工具链集成,助力开发者效率革命与思维方式转变。
|
11月前
|
数据库
数据库的基础语句
本教程涵盖数据库与表的创建、增删改查操作及约束条件设置,包含字段管理、数据插入、更新、删除,以及复杂查询语句示例,适合初学者掌握数据库基础操作。
607 0
|
12月前
|
前端开发
html详细的网格样式
CSS网格布局(Grid Layout)是CSS中强大的二维布局系统,能够灵活控制行与列,适用于构建复杂网页结构。它支持响应式设计、对齐控制、区域命名等功能,代码更简洁直观,极大提升了布局效率与可维护性。
321 0
|
监控 数据可视化 安全
从零开始学 Dify:搭建你的第一个 LLM 应用平台
Dify(Do It For You)是一个开源的 LLMOps 平台,专注于缩短 AI 原型与生产应用之间的距离。它通过「可视化 + API 优先」的方式,帮助开发者快速构建、测试、监控并上线基于大型语言模型(LLM)的解决方案,支持从聊天机器人、检索增强生成(RAG),再到代理 Agent 的全功能覆盖。