JavaScript快速入门（二）

语句

只需简单地把各条语句放在不同的行上就可以分隔它们

var a = 1

var b = 2

如果想把多条语句放在同一行上，就需要用分号隔开

var a = 1; var b = 2

注释

用两个斜线作为一行的开始，这一行就会被当成一条注释

//记得写注释

多行注释

/* 自我提醒：

   要记得写注释 */

HTML注释仅适用于单行注释

<!-- 要记得多些注释-->

变量

变量赋值

//JavaScript没有强制要求程序员必须提前声明变量，但提前声明变量是一种良好的编程习惯

var name;

var age;

//可以一次声明多个变量

var sex, hometown

//甚至可以变量和赋值同时完成

var a = 1,b=2;

数组

数组可以用关键字Array声明。声明数组的同时还可以指定数组初始元素个数

//变量名beatles是一个长度为4的数组

var beatles = Array(4);

//如果我们无法知道数据具体长度，我们完全可以在声明时候不给出元素个数

// var beatles = Array();

//根据下标添加元素

//array[index] = element;

beatles[0] = "John";
//在声明数组的同时对它进行填充。这种方式要求用逗号把各个元素隔开

var beatles = ["john","paul","george","ringo"]

对象

var lennon = Object();

lennon.name = "John";

lennon.year = 1940;

lennon.living = false;

创建对象还有一种更简洁的语法，即花括号语法

var lennon = {name:"John",year:1940,living:false}
var lennon = {name:"john",year:1940,living:false}

//现在我们把beatle也声明为对象

var beatles = {}

beatles.vocalist = lennon

alert(beatles.vocalist.name)

条件

if语句的基本语法

if (condition) {

 statements

}

注：

相等操作符==认为空字符串与false的含义相同。要进行严格比较，就要使用另一种等号（===）

对于不等操作符！=也是如此。如果想比较严格不相等，就要使用！==。

逻辑操作符号

/*逻辑操作符的操作对象是布尔值。每个逻辑操作数返回一个布尔值true或者是false。

“逻辑与”操作只有在它的两个操作数都是true时才会是true。*/

if (num >=5 && num <=10) {

    alert("num在5-10之间")

}

/*“逻辑或”操作符由两个垂直线字符构成（||）。

只要它的操作数中有一个是true，“逻辑或”操作就将是true。

如果它的两个操作数都是true，“逻辑或”操作也将是true。

只有当它的两个操作数都是false时，“逻辑或”操作才会是false。*/

if (num <=5 || num >=10) {

    alert("num小于5或大于10")

}

if...else...

<body>

    <script>

        var flag = true;

        if (!flag) {

            console.log("false");

        }else{

            console.log("true");

        }

    </script>

</body

嵌套

<body>

    <script>

        var num = 10;

        var num1 = 20;

        if (num == 1){

            console.log("1");

        }else if (num1 == 20){

            if (num == 8){

                console.log("8");

            }else{

                console.log("num1 == 20" + "num = " + num); // num1 == 20num = 10

            }

        }

    </script>

</body>

循环

while循环

while (condition) {

 statements;

}

do......while

/*在某些场合，我们希望那些包含在循环语句内部的代码至少执行一次。

这时，do循环是我们的最佳选择:

statements语句将至少执行一次，无论condition是否为true*/

do{

    statements;

}while (condition);

for

/*

for (initial condition;test condition ; alter condition){

    statements;

} */

for (var count = 1; count < 5; count++ ){

    alert(count);

}

函数

如果需要多次使用同一段代码，可以把它们封装成一个函数。

函数（function）就是一组允许在你的代码里随时调用的语句。每个函数实际上是一个短小的脚本

function name(arguments) {

    statements;

}
function multiply(num1,num2) {

    var total = num1 * num2;

    alert(total);

}

multiply(2,3)

JavaScript快速入门（一）的更多相关文章

  1. JavaScript快速入门（四）——JavaScript函数

    函数声明 之前说的三种函数声明中(参见JavaScript快速入门(二)——JavaScript变量),使用Function构造函数的声明方法比较少见,我们暂时不提.function func() { ...

  2. Web开发初探之JavaScript 快速入门

    本文改编和学习自 A JavaScript Primer For Meteor 和 MDN Web教程 前文 Web开发初探 概述 本文以介绍 JavaScript 为主,初学者掌握本文的内容后,将能 ...

  3. javascript快速入门

    这个在w3school在线文档讲解的很详细,还能在线练习. 所以我只写一些入门的东西和最常用的总结以及注意事项: JavaScript 是脚本语言 一般被人们称为JS,Jquery就是对js语言的封装 ...

  4. Javascript快速入门(上篇)

    Javascript的熟练之路,小弟来了. JavaScript简介:JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript ...

  5. Javascript快速入门(下篇)

    Javascript, cheer up. Ajax:其通过在Web页面与服务器之间建立一个额外的处理层,这个处理层就被称为Ajax引擎,它解释来自用户的请求,在后台以异步的方式处理服务器通信,其结构 ...

  6. javascript快速入门21--DOM总结

    跨浏览器开发 市场上的浏览器种类多的不计其数,它们的解释引擎各不相同,期待所有浏览器都一致的支持JavaScript,CSS,DOM,那要等到不知什么时候,然而开发者不能干等着那天.历史上已经有不少方 ...

  7. javascript快速入门10--运算符,语句

    一元运算符 一元运算符只有一个参数,即要操作的对象或值.它们是 ECMAScript 中最简单的运算符. delete 运算符删除对以前定义的对象属性或方法的引用.例如: var obj = new ...

  8. javascript快速入门8--值,类型与类型转换

    原始值和引用值 在ECMAScript中,变量可以存放两种类型的值,即原始值和引用值. 原始值(primitive value)是存储在栈(stack)中的简单数据段,也就是说,它们的值直接存储在变量 ...

  9. javascript快速入门2--变量,小学生数学与简单的交互

    变量 对于变量的理解:变量是数据的代号.如同人的名字一样. var num;//在JavaScript中使用关键字var声明一个变量 在JavaScript中,使用上面的语法,就可以声明一个变量,以便 ...

  10. JavaScript 快速入门回顾

    数据类型Number JavaScript不区分整数和浮点数,统一用Number表示,以下都是合法的Number类型: 123; // 整数123 0.456; // 浮点数0.456 1.2345e ...

随机推荐

  1. 微信小程序从基础入门到项目实战-黑马程序员-pink老师推荐(持续更新)

    https://www.bilibili.com/video/BV1WJ41197sD/?spm_id_from=333.788.recommend_more_video.0

  2. arguments使用

    arguments在函数中可以使用,表示包含了当前函数调用时传入的实参. arguments通过索引值获取实参,索引值从开始,按顺序依次表示函数调用时传过来的实参. 1 // arguments的使用 ...

  3. freeswitch的多租户模式

    概述 freeswitch是一款简单好用的VOIP开源软交换平台. 现在的VOIP服务越来越倾向于云端服务,包括呼叫中心云服务,线路云平台. 而云平台对多个客户的服务就需要做好隔离,包括数据隔离.线路 ...

  4. java进阶(25)--泛型

    一.泛型基本概念 JDK5.0后新特性:Generic 1.不使用泛型举例

  5. 面向对象C++学习总结

    洛谷日记3 2023.5 面向对象C++ : 运算符重载 1.运算符重载 (1)n定义重载运算符和定义普通函数类似,只是该函数的名字是operator@,@表示要重载的运算符. MinInt oper ...

  6. i-MES生产制造管理系统-生产过程检验SPC(一)

    说起质量管理,那一定少不了 SPC,SPC中文名叫统计过程控制,对生产过程中记录的数据进行分析,及时了解不良情况出现的几率,并采取必要的措施达到消除影响的目的,这其中有几个关键术语,比如 UCL等. ...

  7. [js] - 导航展出动画

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  8. kind-微k8s-测试与开发

    0. kind 简介 开发与测试场景: 通过docker容器来模拟k8s节点 Github:https://github.com/kubernetes-sigs/kind 1. Kind 安装 os: ...

  9. [转帖]CTF -bugku-misc（持续更新直到全部刷完）

    CTF -bugku-misc(持续更新直到全部刷完) https://www.cnblogs.com/cat47/p/11432475.html 1.签到题 点开可见.(这题就不浪费键盘了) CTF ...

  10. [转帖]一份快速实用的 tcpdump 命令参考手册

    http://team.jiunile.com/blog/2019/06/tcpdump.html tcpdump 简介 对于 tcpdump 的使用,大部分管理员会分成两类.有一类管理员,他们熟知  ...