JavaScript概述

1995年,JavaScript问世,主要目的是处理表单验证。起初命名为LiveScript,后来因为java语言盛行,更名为JavaScript,

目的是希望借着Java的火爆流行起来(JavaScript的开发者一定想不到JavaScript在20多年后的今天会如此盛行)。

1997年,欧洲计算机制造商协会发布了ECMAScript,在接下来的几年里,web浏览器厂商就开始将ECMAScript作为JavaScript实现的标准。

2009年,Node.js问世,JavaScript这门语言逐步在后台占据一席之地,目前,前端开发的大量工具都基于node.js。

2015年,ECMAScript2015(ES6)正式发布,使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。

1、JavaScript是做什么的

在前端,通过javascript可以实现更多的页面交互,与后台的数据交互,以及更为丰富的网页效果。

2、hello world

<!DOCTYPEhtml>

<html lang="en">

<head><meta charset="UTF-8">

<title>Document</title>

</head>

<body>

<script>

alert("hello world");

</script>

</body>

</html>

3、控制台

chrome浏览器的调试工具,调试工具中的elements选项,可以查看元素的html和css。JavaScript的控制台工具,我们可以在其中输出JavaScript程序

console.log('hello world');


变量与数据类型

1、变量的基本概念

变量可以理解为是一个存储数据的容器

varn=100;

vars="hello world";

var声明一个变量,var后面的英文字母就是变量名,变量名是自定义的,在一定的规则下我们可以随意命名(下一部分我们来讲命名规则)。

=在编程语言中不是等于的意思,而是赋值的意思,也就是把=右侧的数据赋值给左侧的变量;

简单的说,就是把“=”右侧的值装到左侧的容器里。

每行结尾的分号并不是必须写的,但是为了代码更加规范,我们要求每行代码的结尾都要写分号,用以表示本行结束(注意必须是英文半角的分号)。

2、变量的命名规范

变量名可以是字母、下划线、$,还有数字;但是不能以数字开头

小写字母开头,多个单词,第二个单词首字母大写(驼峰命名)

不可以与关键字、保留字重复

3、数据类型

JavaScript有六种数据类型,如下表所示:

数值 :100;3.14不管是整数还是小数,都是数值型。

字符串:"hello";"100"双引号或单引号中的值是字符串。

布尔:true;false布尔值只有两个值,代表真和假。

空null空值只有null

未定义:undefined

对象{}object

4、四则运算

乘法在代码中用的是“*”,除法在代码中用的是“/”。我们将运算的结果分别赋值给了四个变量,并在控制台输出,

我们可以直接用数字做四则运算,也可以将数字赋值给变量,再对变量进行运算操作,得到的结果和上一个案例相同,

5、字符串链接

又用到了“+”运算符,但是和之前不同,之前“+”左右两边是数值,可以通过“+”计算数值的结果,这个例子“+”两边是字符串,

那么将会将两个字符串连接,然后赋值给str3,

var str1="hello";

var str2="world";

var str3=str1+str2;

console.log(str3)


表达式与运算符


1.1 字面量

赋值符号=右边某种数据类型的值,就是字面量,例如字符串"hello world",或是数字100。都是字面量。

1.2表达式

上一节我们接触过+-*/四个运算符,那么通过运算符将变量、字面量组合起来,就是表达式。

每一个表达式都有一个固定返回值(表达式的结果),例如下面的程序:

"hello"+"world"//"helloworld"100+200//300

2、运算符

2.1算数运算符

运算符描述示例结果

+加法

-减法

*乘法

/除法

%求于

++自增

-自减

自增运算符和自减运算符,写在变量的后面,也可写在变量的前面,写在前后意义不同

var num1=10;

var num2=10;

console.log(num1++);//输出10

console.log(++num2);//输出11

自增和自减运算符如果写在变量后面,那么表达式的返回值是变量本身,然后变量自增或自减,

运算符写在变量前面,那么变大时的返回值直接就是变量自增或自减后的结果。

3比较运算符

3.1 比较运算符的返回值是布尔值

运算符描述示例结果

>大于20 > 10 true

<小于20 < 10 false

>=大于等于20 >= 10 true

<=小于等于20 <= 10false

==等于20 == "20"true

!=不等20 != 10 false

===恒等于20 === "20"false

!==非更等于20 !== "20" true

3.2 逻辑运运算符

运算符描述示例结果

&&逻辑与    true && false      ----> false

||逻辑或   true || false   ----> true

!逻辑非     !true     ---->false

3.3 赋值运算符

下面我们以,x = 10 y = 20 ,来解释一下下面的运算符。

运算符描述示例等同于

=赋值x = 10无

+=加并赋值x += y  x = x + y

-=减并赋值x -= y   x = x - y

*=乘并赋值x *= y  x = x * y

/=除并赋值x /= y  x = x / y

在上述运算符中,+=是非常常用的。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,744评论 6 502
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,505评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 163,105评论 0 353
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,242评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,269评论 6 389
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,215评论 1 299
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,096评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,939评论 0 274
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,354评论 1 311
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,573评论 2 333
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,745评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,448评论 5 344
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,048评论 3 327
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,683评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,838评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,776评论 2 369
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,652评论 2 354

推荐阅读更多精彩内容