初学JavaScript

简介: JavaScript

我开始了学习JavaScript的知识,目前为止学习到的都是一些基础知识,以下是我对本周我所学的部分知识的整理.

首先,在HTML页面中插入JavaScript,则必须使用标签(如下图所以)

582ebf5299844caca0a2ec07434d51e1.png

变量

数据的类型有以下几种:

  • String——字符串类型,在Js中,字符串带引号,单引号和双引号都可以,一般都使用单引号。 - Number——数字型,包含整数型和浮点型
  • Boolean——布尔类型,只有true和false两个值,等价于1和0
  • Null——空值
  • Undefined——var a; 声明了变量但没有赋值,即a=undefined;

注:1.字符串类型出现引号嵌套时,单引号内套双引号,双引号内套单引号。

2.字符串的长度用.length得出

3.布尔型与数字相加时,false相当于0,true相当于1;

c2e5e760a0b24b449f9c0d2ffd6fc1cb.png

变量的使用:

var是Js的一个关键字,用来声明变量

var age=18;
或者 var age;
age=18;

2.声明多个变量时,变量之间可以用逗号隔开

var name,age,email,adress;

3.1 只声明不赋值:

var name;
console.log(name);

则返回结果为:undefined

3.2不声明但赋值:

age = 18;
console.log(age);

则返回赋值结果;

变量的命名规范:

a01ee9b7f60f4bd498e66d635ceeaa77.png

对象

js对象可包含多个属性,属性之间用逗号隔开

对象属性通常写法为:name:value;(即以键值对的形式存在)

c43b6fa586ab42be860903b9bcbbdf32.png

调用对象属性的方法:

1.对象名.属性名;

c2e7061fa61a402f99580b1f01c3f40c.png

2.对象名[‘属性名’];

a1b6999ff04d4f7286edc285a8e0de00.png

运算符

1.比较运算符

ae006055739c48e395cf8d489881e92f.png

2.逻辑运算符

22b855e369004f428523afe25f9f6b05.png

逻辑与:只有两个都为True才为true,一侧为false则为false

逻辑或:只有两个都为false才为false,一侧为true则为true

三元表达式:

条件表达式? 表达式1:表达式2

如果条件表达式为真,则执行表达式1,如果条件表达式为假,则执行表达式2

var num = 10;
num >= 15 ? '是的' : '不是的'

流程语句

1.分支语句

if else if语句和switch语句

8b8b34ce8d0c49d39021429a232e4665.png

d9bbabf214734bc29a09607f98d58d77.png

2.循环语句

for循环和while循环和 do while 循环

8a454e454b544228986bb45971c7bd8f.png

647583c98d524b9e90212bced8d1cc45.png

00f69529879b4eb7be0fe75eae57f9d2.png

注:while循环可能一次也执行不了,但do while 循环至少执行一次

以上是本周的部分学习内容,希望接下来继续的学习能够收获更多


目录
相关文章
|
6月前
|
存储 JSON JavaScript
JavaScript组成
JavaScript组成
|
4天前
|
存储 JavaScript 前端开发
JavaScript
JavaScript
23 0
|
4天前
|
存储 前端开发 JavaScript
JavaScript中你不知道的数学方法 (非常实用)
JavaScript中你不知道的数学方法 (非常实用)
|
8月前
|
存储 JavaScript 前端开发
JavaScript (二)
JavaScript 对象 可以说 "JavaScript 对象是变量的容器"。 但是,我们通常认为 "JavaScript 对象是键值对的容器"。
23 0
|
存储 缓存 JavaScript
有趣的JavaScript(1)
有趣的JavaScript(1)
有趣的JavaScript(1)
|
JavaScript 前端开发 程序员
【初识JavaScript-02】
【初识JavaScript-02】
66 0
【初识JavaScript-02】
|
JSON JavaScript 前端开发
你不知道的JavaScript丛书总结(二)
你不知道的JavaScript丛书总结(二)
|
JavaScript 前端开发
JavaScript 介绍
JavaScript 介绍
157 0
JavaScript 介绍