JS学习第一周

这篇文章介绍了JS学习的第一周内容,包括编程语言的概述,编程语言与标记语言的区别,计算机组成,数据存储原理,JS的基本概念,如作用、与HTML/CSS的关系,以及变量、数据类型(如布尔类型、Undefined和Null)、运算符(算术、递增递减、比较、逻辑和赋值)等基础知识。
摘要由CSDN通过智能技术生成

一、编程语言

1.1编程语言的概况

1.编程:就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程。
2.计算机程序:就是计算机所执行的一系列的指令集合,而程序全部都是用我们所掌握的语言来编写的,所以人们要控制计算机一定要通过计算机语言向计算机发出命令。
从事编程的人员,就是程序员
3.计算机语言是指用于人与计算机之间通讯的语言,它是人与计算机之间传递信息的媒介
4.计算机语言分为三大类:机器语言汇编语言高级语言
5.编程语言有两种形式:汇编语言高级语言

1.2编程语言和标记语言的区别*

编程语言有很强的逻辑和行为能力。在编程语言里你会看到很多ifelse、for、while等具有逻辑性和行为能力的 指令,这是主动的。 ·
标记语言(html)不用于向计算机发出指令,常用于格式化和链接。标记语言的存在是用来被读取的,他是被动的。

二、计算机组成

在这里插入图片描述

三、数据存储

1.计算机内部使用二进制0和1来表示数据。
2.所有数据 ,包括文件、图片等最终都是以二进制数据(0和1)的形式存放在硬盘中的 。
3.所有程序,包括操作系统,本质都是各种数据,也以二进制数据的形式存放在硬盘中。平时我们所说的安装软件,其实就是把程序文件复制到硬盘中。
4.硬盘、内存都是保存的二进制数据。
在这里插入图片描述

四、JS的初识

4.1组成

在这里插入图片描述

4.2作用

(1)表单动态校验(密码强度检测)(JS产生最初的目的)
(2)网页特效
(3)服务端开发(Node.js)
(4)桌面程序(Electron)
(5)App(Cordova)
(6)控制硬件-物联网(Ruff)
(7)游戏开发(cocos2d-js)

4.3HTML/CSS/JS的关系

在这里插入图片描述

4.4书写位置

JS有三种书写位置:行内 内嵌和外部

行内式
<input type="button" value="唐伯虎"onclink="alerk('秋香姐')/>

1.可以将单行或少量JS 代码写在HTML标签的事件属性中(以on开头的属性),如:onclick
2.注意单双引号的使用:在HTML中我们推荐使用双引号,JS 中我们推荐使用单引号
3.可读性差,在html中编写JS大量代码时,不方便阅读
4.引号易错,引号多层嵌套匹配时,非常容易弄混
5.特殊情况下使用

内嵌式
<script> alert('Hello World~!'); </script> 

·内嵌JS是学习时常用的方式

<script src="my.js"></script>

利于HTML页面代码结构化,把大段JS代码独立到HTML页面之外,既美观,也方便文件级别的复用。

4.5注释

包括单行注释和多行注释两种

4.6输入输出语句

在这里插入图片描述

五.变量

5.1变量的含义

变量是用于存储数据的容器,我们通过变量名来获取数据,甚至数据可以修改。

5.2声明变量

在这里插入图片描述

5.3赋值

在这里插入图片描述

5.4变量的初始化

在这里插入图片描述

5.5变量的命名规范

由字母(A-Za-z)、数字(0-9)、下划线()、美元符号($)组成,如:usrAge,num01,nam
严格区分大小写。varapp;和varApp;是两个变量
不能以数字开头。18age是错误的
不能是关键字、保留字。例如:var、for、while
变量名必须有意义。MMDBBD 1E age
遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。myFirstName
推荐翻译网站:有道爱词霸

六.数据类型

变量是用来存储值的所在处,它们有名字和数据类型。变量的数据类型决定了如何将代表这些值的位存储到计算机的内存中。JavaScript是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型,在程序运行过程中,类型会被自动确定。

var age = 10;               // 这是一个数字型
var areYouok ='是的;//这是一个字符串

在代码运行时,变量的数据类型是由JS引擎根据=右边变量值的数据类型来判断的,运行完毕之后,变量就确定了数据类型。
JavaScript拥有动态类型,同时也意味着相同的变量可用作不同的类型:

var x= 6;    //x为数字
var x="Bill";         I/x为字符串

6.1简单数据类型

在这里插入图片描述
在这里插入图片描述
字符串型可以是引号中的任意文本,其语法为双引号””和单引号”

var strMsg ="我爱北京天安门~"; //使用双引号表示字符串
var strMsg2 ='我爱吃猪蹄~';        //使用单引号表示字符串
// 常见错误
var strMsg3 =我爱大肘子;      //报错,没使用引号,会被认为是js代码,但js没有这些语法

在这里插入图片描述

6.2布尔类型

布尔类型有两个值:true和false,其中true表示真(对),而false表示假(错)。
布尔型和数字型相加的时候,true的值为1,false的值为0。

console.log(true + 1); // 2
console.log(false + 1);// 1

6.3Undefined 和Null

一个声明后没有被赋值的变量会有一个默认值undefined(如果进行相连或者相加时,注意结果)

var variable;
console.log(variable);
console.log('你好'+ variable);
console.log(l1 + variabley
console.log(true + variable);

一个声明变量给null值,里面存的值为空(学习对象时,我们继续研究null)

var vari = null;
console.log('你好'+ vari);
console.log(11 + vari);
console.log(true + vari);

七.运算符

运算符(operator)也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号
JavaScript中常用的运算符有:
算数运算符
递增和递减运算符
比较运算符
逻辑运算符
赋值运算符

7.1算数运算符

在这里插入图片描述

7.2递增和递减运算符

如果需要反复给数字变量添加或减去1,可以使用递增(++)递减(–)运算符来完成。
在JavaScript中,递增(++)和递减(–)既可以放在变量前面,也可以放在变量后面。放在变量前面时我们可以称为
前置递增(递减)运算符
,放在变量后面时,我们可以称为后置递增(递减)运算符

7.3比较运算符

概念:比较运算符(关系运算符)是两个数据进行比较时所使用的运算符,比较运算后,会返回一个布尔值 (true/false)作为比较运算的结果
在这里插入图片描述

7.4逻辑运算符

概念:是用来进行布尔值运算的运算符,其返回值也是布尔值。后面开发中经常用于多个条件的判断。
在这里插入图片描述

7.5赋值运算符

概念:用来给数据赋值给变量的运算符。
在这里插入图片描述

7.6运算符优先级

在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值