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>
相关文章
|
3月前
|
缓存 JavaScript 前端开发
JavaScript 的三种引入方法详解
在网页开发中,JavaScript 可通过内联、内部脚本和外部脚本三种方式引入 HTML 文件,各具适用场景。本文详解其用法并附完整示例代码,帮助开发者根据项目需求选择合适的方式,提升代码维护性与开发效率。
593 110
|
3月前
|
SQL 人工智能 监控
SLS Copilot 实践:基于 SLS 灵活构建 LLM 应用的数据基础设施
本文将分享我们在构建 SLS SQL Copilot 过程中的工程实践,展示如何基于阿里云 SLS 打造一套完整的 LLM 应用数据基础设施。
669 58
|
5月前
|
人工智能 JSON 安全
通义灵码进阶指南:超越基础提示,解锁智能编程新境界
本文深入探讨通义灵码的高阶功能与实用技巧,助你从基础交互迈向精通。内容涵盖项目级理解、精准调试、架构设计协同、高效提示工程及开发流水线集成等多方面,帮助开发者将AI融入深层次工作流。同时提醒用户注意敏感信息保护、保持批判性思维,并关注版本更新与伦理问题。未来,通义灵码将进一步实现深度上下文感知和无缝工具链集成,助力开发者效率革命与思维方式转变。
|
3月前
|
存储 安全 Unix
七、Linux Shell 与脚本基础
别再一遍遍地敲重复的命令了,把它们写进Shell脚本,就能一键搞定。脚本本质上就是个存着一堆命令的文本文件,但要让它“活”起来,有几个关键点:文件开头最好用#!/usr/bin/env bash来指定解释器,并用chmod +x给它执行权限。执行时也有讲究:./script.sh是在一个新“房间”(子Shell)里跑,不影响你;而source script.sh是在当前“房间”里跑,适合用来加载环境变量和配置文件。
420 9
|
4月前
|
弹性计算 开发工具 git
通义灵码助你打造专属高德 MCP 服务
如果现有的MCP服务不满足您的需求,通义灵码智能体能够帮助您开发专属MCP服务,直达业务目标。本案例以高德提供的基础MCP服务为基础,借助智能体开发一个订制旅游攻略的高级MCP服务。
2075 11
|
自然语言处理 IDE 测试技术
通义灵码——有了它让我的编程效率和质量直线上升!
作为一名大数据开发工程师,我每天与代码和数据打交道,享受解决复杂问题的乐趣。最近,我遇到了一位超级“码”力助手——通义灵码。它不仅是一个简单的代码补全工具,更像是一个拥有高度智慧的编程伙伴,能够理解我的编程意图,给出最合适的建议,大大提升了我的工作效率和编程体验。本文将分享如何在VsCode中安装和使用通义灵码,以及它在我的实际编程工作中发挥的重要作用。
|
10月前
|
数据管理 关系型数据库 MySQL
数据管理服务DMS支持MySQL数据库的无锁结构变更
本文介绍了使用Sysbench准备2000万数据并进行全表字段更新的操作。通过DMS的无锁变更功能,可在不锁定表的情况下完成结构修改,避免了传统方法中可能产生的锁等待问题。具体步骤包括:准备数据、提交审批、执行变更及检查表结构,确保变更过程高效且不影响业务运行。
538 2
|
JavaScript API
本地开发环境请求服务器接口跨域的问题(vue的问题)
本地开发环境请求服务器接口跨域的问题(vue的问题)
986 1
vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。
vue : 无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。

热门文章

最新文章