JavaScript 程序设计 课件 第1章-JavaScript快速入门-

第1章JavaScript快速入门简约风格｜程序设计主题｜课堂教学版本章学习地图程序设计基本概念JavaScript语言特点Helloworld基础语法输入与输出课程重点理解程序、程序语言与JavaScript的关系。掌握控制台运行代码的基本方法。会使用输出、输入、注释和简单运算。课堂推进建议1概念导入2语法讲解3示例演示4随堂练习JavaScript程序设计｜授课PPT1第1章学习目标与知识结构JavaScript程序设计｜授课PPT2学习目标说出计算机程序和程序语言的基本含义。了解JavaScript在Web前端开发中的作用。会在浏览器控制台中运行简单代码。掌握直接量、运算符、注释、输入与输出。本章内容结构1计算机程序2程序语言发展3JavaScript语言4Helloworld5直接量与运算符6console.log输出7注释与prompt输入第1章程序设计基本概念JavaScript程序设计｜授课PPT3计算机程序是用程序语言编写的指令序列，用来完成指定任务。软件由许多程序协同工作形成，离开程序，计算机无法按人的意图完成任务。程序语言在人与计算机之间建立交流规则：人写语句，机器通过解释或编译执行。学习程序设计的重点不是背语法，而是用清晰步骤描述解决问题的方法。课堂导入可用“做菜菜谱”类比程序：步骤明确，顺序清楚，结果可验证。强调程序=指令序列，语句=具体指令。第1章程序语言的发展JavaScript程序设计｜授课PPT4项目含义/作用课堂关注点机器语言由0和1组成的机器指令，CPU可直接识别。执行效率高，但难写、难读、依赖硬件。汇编语言用符号代替二进制指令，如MOV、JMP等。可读性提高，但仍与机器结构密切相关。高级语言接近自然语言和数学表达，如JavaScript、Python、Java。易学易用、可移植性更强，适合应用开发。第1章JavaScript的角色JavaScript程序设计｜授课PPT5JavaScript最常见的宿主环境是浏览器，代码由浏览器内置的JavaScript引擎执行。Web前端三要素：HTML描述结构，CSS定义样式，JavaScript实现行为与交互。JavaScript可用于动态网页、事件处理、操作HTML标签和CSS样式、记录用户状态等。它是动态、弱类型语言，既可进行过程式编程，也支持面向对象编程。理解角度HTML像骨架，CSS像衣服，JavaScript像动作。学生可以先从控制台练习，再过渡到网页脚本。第1章控制台中的HelloworldJavaScript程序设计｜授课PPT6讲解要点打开Chrome开发者工具，进入Console面板。输入代码后按Enter运行，多行输入可用Shift+Enter换行。console.log()用于在控制台输出运行结果。JavaScript示例console.log("Helloworld!");//执行加法运算并输出结果console.log(1972+1002);运行结果依次为：Helloworld!和2974第1章基础语法：直接量与运算符JavaScript程序设计｜授课PPT7直接量也叫字面量，是程序中可以直接使用的数据。常见直接量：数值直接量、字符串直接量、布尔直接量。运算符用于对数据进行处理，例如+表示加法或字符串连接。直接量可以参与运算，但直接量本身不能被修改。示例1972、1002是数值直接量。"Helloworld!"是字符串直接量。true和false是布尔直接量。第1章换行、空格、分号与代码风格JavaScript程序设计｜授课PPT8JavaScript通常按语句逐条执行，语句之间应保持清晰分隔。换行和空格大多数情况下会被忽略，但良好缩进能提高可读性。分号用于标记语句结束；入门阶段建议每条语句都写分号。程序中的英文字母、括号、引号、分号等必须使用英文状态输入。易错点中文分号“；”不是英文分号“;”。console.log中的大小写不能随意改变。第1章注释：让代码更容易理解JavaScript程序设计｜授课PPT9讲解要点注释是给人看的说明文字，不会被JavaScript引擎执行。单行注释以//开头。块式注释以/*开始，以*/结束，可以跨多行。JavaScript示例//输出一句欢迎语console.log("欢迎学习JavaScript");/*以下代码用于计算两个数的和适合初学者观察运行结果*/console.log(3+4);第1章输入：prompt()方法JavaScript程序设计｜授课PPT10讲解要点prompt()会弹出输入对话框，等待用户输入。输入的内容通常先保存到变量，再参与后续处理。prompt()得到的数据默认是字符串，后续章节会学习类型转换。JavaScript示例letname=prompt("请输入你的姓名：");console.log("你好，"+name);lettext=prompt("请输入任意内容：");console.log("你输入的是："+text);第1章入门程序的一般流程JavaScript程序设计｜授课PPT111输入2保存3处理4输出流程说明输入：通过prompt()或直接量获得数据。保存：用变量接收数据，便于多次使用。处理：用运算符、表达式完成计算或拼接。输出：用console.log()查看结果。第1章课堂练习JavaScript程序设计｜授课PPT12随堂练习/课后作业建议1在控制台输出“我的第一个JavaScript程序”。2输出2026与1995的和。3使用三条console.log()分别输出姓名、班级、课程。4使用prompt()输入姓名，并输出“欢迎你，姓名”。5将一段杂乱代码整理为多行代码，并添加注释。第1章本章小结JavaScript程序设计｜授课PPT13知识闭环