javascript(一):javascript基本介绍及基本语法

时间:2021-05-01 10:29:58

什么是javascript?

javascript是一种直译型脚本语言,是一种动态类型、弱类型、基于原型的语言。(所谓“脚本语言”:指的是它不具有开发操作系统的能力,只是用来编写大型运用程序的脚本!)

javascript本身不提供任何与I/O(输入输出)相关的API,都是靠宿主环境提供!

常见的宿主环境:1.浏览器;  2.服务器,即Node项目。

宿主环境是浏览器,提供的额外API主要是三类:1.浏览器控制类(操作浏览器);2.DOM类(操作网页的元素);3.web类(实现互联网功能)

如果宿主环境是Node,提供的API:文件操作API;网络通信API等等。

javascript历史:

javascript与国际标准化组织ECMA(European Computer Manufaturers Association)的关系:

总结就是:ECMAScript是javascript的规格、标准;javascript是ECMA的实现!

ECMAScript只是用来标准化javascript这门语言的基本语法结构,与部署环境相关的标准是由其它标准规定,如DOM的标准由W3C制定!

ECMAScript的发布:

2009年12月,ECMAScript 5.0发布;

2011年6月,ECMAScript 5.1发布;

2015年6月,ECMAScript 6发布,并更名为“ECMAScript 2015”

更多有关javascript历史,可参考阮一峰教程

相关周边大事记:可参考

javascript变量:

 1+1;//没有意义,不报错
;;;//空语句,不报错
var a=1;//建议总是使用var 来申明变量!
b=1;//总是创建了全局变量
// console.log(a+" "+b);
console.log(a,b);
delete a;//delete无效
delete b;//删除成功
console.log(a);
console.log(b);//此时b被删除,报错

运行结果:

javascript(一):javascript基本介绍及基本语法

变量提升:

javascript引擎的工作原理:先解析代码,获取所有被申明的变量,然后再一行一行运行。

这样造成的结果是:所有变量的申明语句,都会被提升到代码的头部。这种原理叫变量提升(hoisting)

 //相当于var c; console.log(c); c=1;
console.log(c);
var c=1; console.log(d);
d=10;

运行结果:

javascript(一):javascript基本介绍及基本语法

undefined:表示变量c已经申明,但是未被赋值

d is not definded:表示变量d没有申明。(d不是var命令申明的,javascript引擎不会将其提升!)

注释:

单行注释://

多行注释:/* */

历史上,由于javascript兼容html代码注释,所以<!---->也被视为单行注释(个人不推荐这种写法!)

 <!-- 这里可以写注释内容
--> 这里可以写注释内容,注释符号必须在行首!否则会报错,或被当成运算符
var e=1;
if(e -->0){//相当于e-- >0
console.log(e);//输出0
}

区块:

使用大括号包括起来的语句,就是block(区块)。

注意:javascript区块不构成单独的作用域(scope)。即区块中的变量与区块外的变量,属于同一个作用域!(C++等语言出现这种情况会报错!)

 for(var i=0;i<5;i++){
console.log(i);
}
console.log(i);//输出5

switch:(使用严格相等运算符===比较!)

 var x=1;
switch (x) {
case true:
console.log('first step');
break;
case false:
console.log('second step');
default:
console.log('switch 中使用的是===严格相等运算符');
break;
}

运行结果:

javascript(一):javascript基本介绍及基本语法

 break和continue语句:(默认只针对一层循环!)(循环指的是while和for循环等)

break:跳出循环!

continue:立即终止本轮循环,返回循环结构头部,开始下一轮循环!

 var z=10;
while(z<=10){
z--;
if(z===9){
continue;//跳转到z--
}else{
console.log(z);
}
if(z===8){
console.log(z);
break;//跳转到while外面
}
}

标签:javascript语句前面可以有标签(label),相当于定位符,用于跳转到相应位置。

 abc://可随意起名,不需加引号
for(j=0;j<3;j++){
for(k=0;k<=j;k++){
if(k===j && k===1)
break abc;//跳出了这两层循环!
else
console.log(j+" "+k);
}
}

同理:continue后面也可加标签!满足条件时,跳过当前循环,进入下一轮外层循环;如果continue后面不加标签,则只能进入下一层内层循环

本文参考链接:阮一峰javascript标准参考教程