JavaScript是现在世界上最流行的脚本语言
你的电脑,手机,平板上浏览的所有网页,以及无数基于HTML5的手机APP,交互逻辑都是有JavaScript驱动的.简单来说, JavaScript是一种运行在浏览器中的解释性编程语言.
JavaScript曾经一度都不被重视,被看成一门玩具型的语言,并且当初发明JavaScript的初衷只是为了给网页添加一点交互和动画效果。但谁知道随着HTML5的快速崛起,JavaScript已经变得越来越重要了,并且,新兴的Nodejs吧JavaScript引入到了服务端,JavaScript已经变成全能型选手了!
JavaScript很容易上手,但是精通却不容易,但没有关系,我们一步步来,有条不紊的进行学习,我们终能成为JavaScript高手!
JavaScript版本与ECMAScript
为了让JavaScript能够良性的发展,几个公司联合(European Computer Manufacturers Association)组织制定了JavaScript的标准,被称为ECMAScript标准.可以这样认为,JavaScript就是对ECMAScript标准的实现.
JavaScript是由Brendan Eich10天时间设计出来的语言,虽然作者很牛逼,但也难招架“时间紧,任务重”,所有JavaScript有很多缺陷。于是为了让JavaScript更加堪以重任,也为了JavaScript能更好的发展,委员会一直在颁布新的标准,最新版ECMAScript 6标准(ES6) 已经在2015年6月份颁布了,所以如果将JavaScript是哪个版本,就是说他实现了哪个ECMAScript版本的标准.
快速入门
JavaScript代码可以放在网页的任意位置,不过我们一般把它放在head标签内或文档最后body标签内.
<html>
<head>
<script>
alert('Hello, world');
</script>
</head>
<body> ... </body>
</html>
<script></script>标签之间的代码就是JavaScript代码,它将被浏览器直接执行
第二种方法是将JavaScript代码放在一个单独的js文件中
然后在html中通过
<script src=".../.././xx.js"></script>
这样.../.././xx.js就会被浏览器执行,将js代码放在js文件中更利于维护,一个页面也可以应用多个js文件.
看下边的图教你怎么用谷歌浏览器的控制台调试JavaScript代码!
首先你得有个谷歌浏览器。。。。

alert('hello');//能够弹出警告窗内容为 "hello"
console.log('log');//能够在控制台,就是你输入的地方打印 'log';
语法
JavaScript每个语句以";"结束(并不是必须,但你开始最好加上),语句块用"{...}".
var num = 666;//这是一个赋值语句,var num表示申明一个为num的变量,然后给他赋值666,之后你就可以直接使用num了,num的值就是666了.可以试试在浏览器打这个然后输入num试试.
'hello world';//这是一个字符串,亦可以视为一个完整的语句.
语句块是一组语句的集合,下边的代码先做个判断,如果6>0的话,将执行{...}代码块中的语句.
if(6>0){
alert(666);//弹出一个窗口,内容为666
console.log(777);//控制台打印777
}
JavaScript中 '//' 表示注释这一行, 所以这一行的内容不会被执行,如果要注释多行,可以用 "/*...*/"将它们包含起来.
JavaScript是严格区分大小写的,a和A是不同的变量,如果弄错了大小写可能就会报错或得不到预期的行为.
数据类型
JavaScript有以下几种基本数据类型
Number
Number 包括整数,浮点数(带小数点的数),科学计数法表示的数,负数,NaN(表示Not a Number,当结算结果无法表示的时候就用NaN表示),Infinity(无穷大)
Number类型的数据可以进行数学的四则运算(+-*/),%是取余
试试在控制台中输入以下几个式子,看下结果是多少
1+2;
(1+5)*8/2
9/0;
0/0;
0/8;
23%2;
13.5%3;
Boolean(布尔值)
一个布尔值只有true,false两种值,要么是true,要么是false,可以直接用true,false表示,也可以通过布尔运算计算出来
true;//true值
false;//false值
1>2;//false值
666>1;//true值
&&是与运算,只有所有都为true,结果才是true
||是或运算,只要其中有一个为true,运算结果都是true
!是非运算,将true变成false,将false变成true
在JavaScript中
=用来赋值
==用来比较相等,它会自动转换数据类型
===用来比较严格相等,只要值或者数据类型中有一个不相等,结果就为false
我觉得讲到这里还不如咱们直接跳到算法吧[捂脸]
家庭作业,freecodecamp上的js入门
网友评论