9月4日(计算机编程基础、初识JavaScript、JS变量、JS数据类型、JS扩展阅读)

目录

一、计算机编程基础

1.1 编程语言

  1) 编程 

  2) 计算机程序 

  3) 计算机语言 

  4) 编程语言  

  5) 翻译器  

  6) 编程语言和标记语言区别 

1.2 计算机基础 

        1) 计算机组成 

        2) 数据存储 

        3) 数据存储单位 

        4) 程序运行 

二、初识JavaScript

2.1 JavaScript 是什么 

2.2 JavaScript 的作用

2.3 HTML/CSS/JS 的关系

2.4 浏览器执行 JS 简介

2.5 JS 的组成

  1) ECMAScript

  2) DOM ——文档对象模型

  3) BOM ——浏览器对象模型

2.6 JS 初体验

1) 行内式 JS

2) 内嵌 JS

3) 外部 JS文件

三、JS输入输出语句

四、JS变量

4.1 变量的使用

4.2 变量的语法扩展

1)更新变量

2)  声明多个变量

3)声明变量的特殊情况

4.3 变量的命名规范

4.4 变量交换案例

4.5 变量小结

五、JS数据类型

5.1 数据类型简介

1)为什么需要数据类型

2)变量的数据类型

3)数据类型的分类

5.2 简单数据类型

1) 数字型 Number

2) 字符串型 String 

3) 布尔型Boolean

4) Undefined 和 Null

5.3 获取变量数据类型

5.4 数据类型的转换 

 1)转换为字符串型

 2)转换为数字型

 3)转换为布尔型

六、课后作业 

七、JS扩展阅读

7.1 解释型语言和编译型语言

7.2 标识符、关键字、保留字


一、计算机编程基础

1.1 编程语言

        1) 编程 

        让计算机为解决某个问题,而使用某种程序设计语言编写程序代码,并最终得到结果的过程。

       2) 计算机程序 

        就是计算机所执行的一系列的指令集合,而程序全部都是用我们所掌握的语言来编写的,所以人们要控制计算机一定要通过计算机语言向计算机发出命令。

        计算机指的是任何能够执行代码的设备,可能是智能手机、ATM机、黑莓PI、服务器 等。

       3) 计算机语言 

          指用于人与计算机之间通讯的语言,它是人与计算机之间传递信息的媒介

          计算机语言的种类非常的多,总的来说可以分成机器语言汇编语言高级语言三大类。

          实际上计算机最终所执行的都是 机器语言,它是由01组成的二进制数,二进制是计算机语言的基础。

      4) 编程语言  

       可以通过类似于人类语言的 ”语言”来 控制计算机 ,让计算机为我们做事情,这样的语言就叫做编程语言(Programming Language)。

         编程语言是用来控制计算机的一系列指令,它有固定的格式和词汇(不同编程语言的格式和词汇不一样),必须遵守。

        如今通用的编程语言有两种形式:汇编语言高级语言

        汇编语言和机器语言实质是相同的,都是直接对硬件操作,只不过指令采用了英文缩写的标识符,容易识别和记忆。
        高级语言主要是相对于低级语言而言,它并不是特指某一种具体的语言,而是包括了很多编程语言,常用的有C语言、C++、Java、C#、Python、PHP、JavaScript、Go语言、Objective-C、Swift等。

      5) 翻译器  

        高级语言所编制的程序不能直接被计算机识别,必须经过转换才能被执行,为此,我们需要一个翻译器。翻译器可以将我们所编写的源代码转换为机器语言,这也被称为二进制化。 记住1和 0。

     6) 编程语言和标记语言区别 

        编程语言很强的逻辑和行为能力。在编程语言里, 你会看到很多 if else 、for 、while等具有逻辑性和行为能力的指令,是主动的。

        标记语言(html)不用于向计算机发出指令,常用于格式化和链接。标记语言的存在是用来被读取的, 是被动的。

1.2 计算机基础 

        1) 计算机组成 

        2) 数据存储 

1、计算机内部使用二进制 0 和 1来表示数据;

2、硬盘、内存都是保存的二进制数据;


3、所有数据,包括文件、图片等最终都是以二进制数据(0 和 1)的形式存放在硬盘中的;


4、所有程序,包括操作系统,本质都是各种数据,也以二进制数据的形式存放在硬盘中。平时我们所说的安装软件,其实就是把程序文件复制到硬盘中。

        3) 数据存储单位 

         4) 程序运行 

二、初识JavaScript

2.1 JavaScript 是什么 

2.2 JavaScript 的作用

2.3 HTML/CSS/JS 的关系

2.4 浏览器执行 JS 简介

2.5 JS 的组成

  1) ECMAScript

  2) DOM ——文档对象模型

  3) BOM ——浏览器对象模型

2.6 JS 初体验

JS 有3种书写位置,分别为行内内嵌外部 

1) 行内式 JS

2) 内嵌 JS

3) 外部 JS文件

三、JS输入输出语句

四、JS变量

4.1 变量的使用

         变量在使用时分为两步: 1. 声明变量 2. 赋值

var age;        // 声明一个 名称为age 的变量
age = 10;      // 给 age 这个变量赋值为 10
var age = 18; // 声明变量同时赋值为 18  也称为 变量的初始化
  •  案例 

        弹出一个输入框,提示用户输入姓名;

        用户输入后再弹出一个对话框,输出用户刚才输入的姓名。

4.2 变量的语法扩展

1)更新变量

         一个变量被重新复赋值后,它原有的值就会被覆盖,变量值将以最后一次赋的值为准。

2)  声明多个变量

         同时声明多个变量时,只需要写一个 var, 多个变量名之间使用英文逗号隔开。

3)声明变量的特殊情况

总结:        只声明不赋值  使用是 未定义undefined

                   不声明但赋值   使用是允许的

                   不声明也不赋值 使用 会报错

4.3 变量的命名规范

4.4 变量交换案例

实现思路:使用一个 临时变量 用来做中间存储 

4.5 变量小结

五、JS数据类型

5.1 数据类型简介

1)为什么需要数据类型

         在计算机中,不同的数据所需占用的存储空间是不同的,为了便于把数据分成所需内存大小不同的数据,充分利用存储空间,于是定义了不同的数据类型。

2)变量的数据类型

3)数据类型的分类

JS 把数据类型分为两类:
        简单数据类型 (Number,String,Boolean,Undefined,Null
        复杂数据类型 (object )

5.2 简单数据类型

1) 数字型 Number

 (1)数字型的进制  

 (2)数字型的范围  

 (3)数字型的三个特殊值  

(4)判断非数值的方法:isNAN()

2) 字符串型 String 

 (1)字符串嵌套  

(2)字符串转义符  

 案例:弹出网页警示框

 

(3)字符串长度  

(4)字符串拼接 

        多个字符串之间可以使用 + 进行拼接,其拼接方式为 字符串 + 任何类型 = 拼接之后的新字符串
        拼接前会把与字符串相加的任何类型转成字符串,再拼接成一个新的字符串

  • 字符串中含变量:

        我们经常会将字符串和变量来拼接,因为变量可以很方便地修改里面的值;

        变量是不能添加引号的,因为加引号的变量会变成字符串;

        如果变量两侧都有字符串拼接,口诀“引引加加 ,删掉数字,变量写加中间

  •  输入年龄案例:
        弹出一个输入框,需要用户输入年龄,之后弹出一个警示框显示“ 您今年 xx 岁啦 (xx 表示刚才输入的年龄) 

3) 布尔型Boolean

4) Undefined 和 Null

 ​​​​

 ​​​​​

小结:

        undefined/null 与字符串相加的时候,就把自身看作是字符串;

        undefined与数字或布尔型相加的时候,结果都是NaN;

        null与数字或布尔型相加的时候,结果按照数值的加法来看

5.3 获取变量数据类型

         typeof 可用来获取检测变量的数据类型。

5.4 数据类型的转换 

 1)转换为字符串型

 2)转换为数字型

  •  案例1:输入年份,计算年龄

 

  • 案例2:简单加法器的实现

 3)转换为布尔型

六、课后作业 

        依此询问并获取用户的姓名、年龄、性别,并打印用户信息。(在警示窗口)

代码

 效果

七、JS扩展阅读

7.1 解释型语言和编译型语言

        计算机不能直接理解任何除机器语言以外的语言,所以必须要把程序员所写的程序语言翻译
机器语言 才能执行程序。
         
        将 程序语言 翻译成 机器语言 的工具,被称为 翻译器

 两类语言的执行过程:

7.2 标识符、关键字、保留字

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

今天一定要早睡

你的鼓励,我的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值