精华

javascript新手学习第一课

  • • 发表于 8年前
  • • 作者 丁小柒
  • • 12340 人浏览
  • • 23 条评论
  • • 最后编辑时间 8年前
  • • 来自 [技 术]

原创声明:本文为作者原创,未经允许不得转载,经授权转载需注明作者和出处

javascript作为直译型的编程语言,是以语句进行执行的,一般来说,一个语句会以;结束,不过javascript对于结束的;要求并不高,也可以不加,由浏览器自行补充,而语句则是为了完成某种任务而进行的操作

输出调试 : document.write() ; 弹窗调试 :alert(); 控制台调试: console.log();

此处不作具体介绍,在后面的内容中会慢慢带出

赋值语句

在赋值语句里,我们通过 var 来定义了一个变量 var a;

var是一种弱定义,可以通过var将任意类型的值赋值给变量
var a=1; var a="hello 丁小柒";
如同其他编程语言一样,这里也可以使用var来对多个变量在同一个语句里声明,var a,b;
注意:在javascript中也可以直接 a=3来定义,不过这种写法不利于去表达意图,或者说容易去对全局造成影响,也会对变量提升造成影响
变量提升

javascript的语句编译是从上到下依次执行,如果从上方来调用下方的变量,则会报错,因为javascript的引擎是先解析代码来获取信息,再一行行运行, 例如
console.log(i); var i=1; //这里控制台会输出 "undefined"
var i=1; console.log(i); //这里控制台会输出 "1"

如果定义不使用var的情况呢
a=1; console.log(a); //这里控制台会输出 "1"

console.log(a); a=1; //这里控制台会输出"Uncaught ReferenceError: a is not defined"

看来是报错了呢,相信通过这个小李子,大家也就对javascript的赋值语句有了一定的了解
条件语句

条件语句
JavaScript使用if () { ... } else { ... }来进行条件判断。例如,根据血量的多少显示不同内容,可以用if语句实现如下:

var bool = 20; //定义主角血量为bool,赋值为20, if (bool>= 18) { // 如果bool>= 18为true,则执行if语句块 alert('您的血量高于18'); } else { // 否则执行else语句块 alert('您有点贫血啊'); }

如果语句块只包含一条语句,那么可以省略{}:

var bool= 20; if (bool>= 18) alert('您的血量高于18'); else alert('您有点贫血啊');
不过还是建议把{}带上,毕竟如果需要往执行的语句里添加内容,系统找不到{},那可就尴尬了
在javascript中,{}的作用就是将不同行代码组成代码块,防止代码逃脱控制范围
注意:if判断的时候,不要混淆 ‘赋值表达式’(=) 与’严格相等运算‘(===)或者是’相等运算‘(==),因为在if的括号里,=是用来判断的,不是用来赋值的。if(){…..}else{….}可进行多重嵌套.
循环语句

JavaScript的循环有两种,一种是for循环,通过初始条件、结束条件和递增条件来循环执行语句块:

for (var i=1; i<=10; i++) { console.log(i); //控制台会持续输出1-10的数字 }

那么for是如何控制的呢:

var i=1 这是初始条件,将变量i置为1;
i<=10 这是判断条件,满足时就继续循环,不满足就退出循环;
i++ 这是每次循环后的递增条件,由于每次循环后变量i都会加1,因此它终将在若干次循环后不满足判断条件i<=10而退出循环。

如果你不喜欢for,那么此时用while循环口味更佳。
while循环只有一个判断条件,条件满足,就不断循环,条件不满足时则退出循环。比如我们要计算10以内所有数之和,可以用while循环实现:

var x = 0; var n = 10; while (n > 0) { x = x + n; }

do … while

最后一种循环是do { … } while(….)循环,它和while循环的唯一区别在于,不是在每次循环开始的时候判断条件,而是在每次循环完成的时候判断条件,毕竟do做事,while判断.

选择语句

javascript中使用 switch 语句来选择要执行的多个代码
switch(n) //通过n与case后面的值匹配来选择要执行的代码 { case 1: 执行代码块 1 break; case 2: 执行代码块 2 break; default: n 与 case 1 和 case 2 不同时执行的代码 }——–
到这里,有关javascript的语法就告了一段落。当然其中还有很多细节我没有提到,比如什么叫三元运算符,这些东西,自己了解就可以了


注:此文章来自某小柒的原创

分享到:
23条评论
Ctrl+Enter
作者

丁小柒

丁小柒

APP:0 帖子:24 回复:26 积分:1091

已加入社区[2943]天

长剑非是封木鞘,挥手再斩万鬼雄

作者详情》
Top