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

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允许传入任意个参数而不影响调用,因此传入的参数比定义的参数多或者少都没关系。

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

原文发布于微信公众号 - 小白客(youcoding)

原文发表时间:2017-11-02

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Django Scrapy

环境变量

变量 要解释环境变量,得先明白变量是什么,准确的说应该是 Shell 变量,所谓变量就是计算机中用于记录一个值(不一定是数值,也可以是字符或字符串)的符号,而...

3117
来自专栏L宝宝聊IT

Shell脚本应用(if语句的结构)

1435
来自专栏

c++ 之bind使用

网络编程中, 经常要使用到回调函数。 当底层的网络框架有数据过来时,往往通过回调函数来通知业务层。 这样可以使网络层只专注于 数据的收发, 而不必关心业务 在c...

3243
来自专栏Python爬虫与数据挖掘

一篇文章助你理解Python2中字符串编码问题

前几天给大家介绍了unicode编码和utf-8编码的理论知识,没来得及上车的小伙伴们可以戳这篇文章:浅谈unicode编码和utf-8编码的关系。下面在Pyt...

903
来自专栏Hongten

python开发_counter()

804
来自专栏null的专栏

Shell编程——Shell中的数学运算

在Linux Shell中进行数学运算,通常可以使用的运算符有: 简单运算: let [] (()) 高级运算: expr bc 1、let命令 let命令...

3445
来自专栏枕边书

搭建自己的PHP框架心得(三)

续言 接着完善自己的PHP框架,本次更新的主要内容有: 介绍了异常处理机制 完善了异常和错误处理 数据表跟Model类的映射 异常处理 异常处理:异常处理是编程...

2536
来自专栏申龙斌的程序人生

零基础学编程007:FOR循环

在上篇文章《赋值语句》之后,已经可以输出这个枯燥的《复利数据表》的任意一行数据了,例如用这两条语句: i = 100 print( "(1+0.01) ^", ...

3037
来自专栏小勇DW3

类加载过程中几个重点执行顺序整理

1、 JVM会先去方法区中找有没有相应类的.class存在。如果有,就直接使用;如果没有,则把相关类的.class加载到方法区

3252
来自专栏编程

Python的解码和编码

使用Python语言做网络爬虫或者写自动化脚本时,总会遇到“中文乱码”的问题,很是头疼。很多“中文乱码”的问题是跟Python的解码/编码有关,所以今天和大家说...

27210

扫码关注云+社区

领取腾讯云代金券