首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Web前端基础【3】--JavaScript基础

Web前端基础【3】--JavaScript基础

作者头像
爱吃西瓜的番茄酱
发布2018-04-03 17:48:25
1.2K0
发布2018-04-03 17:48:25
举报

JavaScript是一种轻量级的客户端脚本语言,和Python语言是一样的,只不过JavaScript是由浏览器进行解释执行的。JavaScript可以插在HTML页面中,可由现行的所有浏览器执行。

使用JavaScript主要有直接插入代码和外部引用JS文件两种做法:

1:直接插入代码:在<script></script>标记中编写代码。JavaScript代码可以直接嵌在网页的任何地方。

比如看一下百度首页的HTML结构:

2:外部引用JS文件:把JavaScript代码放在一个单独的.js文件,然后在HTML中通过<script src="目标文档的URL"></script>的方式来引入JS文件,其中目标文档的URL即是链接外部的JS文件。

同样,再看一下百度首页的HTML结构:

下面将从基本语法、数据类型和变量、运算符和操作符、条件判断、循环和函数六个方面介绍JavaScript基础,掌握这些基础就可以看懂简单的JavaScript代码。

一:JavaScript基本语法:

JavaScript 严格区分大小写,JavaScript会忽略各种元素之间的空格、制表符和换行符。我们可以使用缩进,换行来使代码整齐,提高可读性。

一条完整的语句如下:

var x = 1;

这条语句定义了一个x的变量,并把1赋值给它,语句以分号(;)结尾,(和C语言相同)。

语句块是一组语句的集合,使用大括号{}括起来形成一个块(与C语言相同)。

var x = 2;

var y = 1;

if(x > y){

x = 3;

y = 2;

}

大括号{}内可以嵌套,形成层级结构。

var x = 2;

var y = 1;

if(x > y) {

x = 3;

y = 2;

if(x < y) {

x = 2;

y = 1;

}

}

注释主要分为单行注释和多行注释单行注释使用//作为注释符;

多行注释使用/* */来注释内容。(与C语言相同)

二:数据类型和变量:

1:number类型:JavaScript中不区分整数和浮点数,统一使用number表示。

2:字符串类型:字符串是以单引号或者双引号括起来的任意文本(与Python相同)。

3:布尔值类型:一个布尔值只有true和false两种值。(与c++相同)

4:数组类型:数组是一组按按顺序排列的集合,数组中的每个值称为元素。JavaScript中的数组元素可以是任意数据类型。例如:

var array= [1, 2, 3.14, "hello", null, true].

上诉数组包含六个元素,数组用中括号[]表示,元素之间用逗号(,)分隔,还有一种创建数组的方式:通过Array()函数实现,例如:

var array= new Array(1, 2, 3).

数组中的元素可以通过索引来访问,索引的起始值为0.

5:对象类型:JavaScript的对象是一组由键-值组成的无序集合,(与Python中的字典相似),例如:

var person = {name: "you", age: "21"}

JavaScript对象的键都是字符串类型,值可以是任意类型,用“对象名.属性名”的方式获取一个对象的属性。

JavaScript是弱类型的编程语言,声明变量的时候都是使用关键字var,没有int,char之说。

三:运算符和操作符:

四:条件判断:

JavaScript使用if-else来进行条件判断,和C语言相同,例如:

var role = 18;

if (age >= role) {

alert('adult');

} else {

alert('teenager');

}

五:循环:

JavaScript中的循环有三种:for循环、while循环和do-while循环,使用方法和C语言一样。暂举例for循环:计算1到100相加:

var x = 0;

var i;

for ( i=1; i<=100; i++ ) {

x = x+i;

}

六:函数:

在JavaScript中,定义函数使用function关键字,使用方法如下:

function add(x, y) {

return x+y;

}

对于上诉函数:function指出这是一个函数定义;add是函数的名称;(x, y)列出函数的参数,多个参数以逗号(,)分隔。

JavaScript允许传入任意个参数而不影响调用,因此传入的参数比定义的参数多或者少都没关系。

每天学习一点点,每天进步一点点。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2017-11-02,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 小白客 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档