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. SpringBoot 项目实战 | 瑞吉外卖 Day05

    该系列将记录一份完整的实战项目的完成过程,该篇属于第五天 案例来自B站黑马程序员Java项目实战<瑞吉外卖>,请结合课程资料阅读以下内容 该篇我们将完成以下内容: 新增套餐 套餐信息分页查 ...

  2. OS | 读者写者问题（读者优先,写者优先 ,读写公平）

    读者优先 读者优先的解决方案: 互斥信号量 wrt,初值是 \(1\),代表一个共享文件,解决 "读-写"互斥,"写-写"互斥. 一个记数器,即整型变量 rea ...

  3. CodeForces-339B-Xenia and Ringroad （循环队列，水题）

    Xenia lives in a city that has n houses built along the main ringroad. The ringroad houses are numbe ...

  4. 实现不限层级的Element的NavMenu

    做管理后台开发的时候,需要用到Element的NavMenu组件,于是乎,翻开文档,大致是这样实现的. <el-menu> <el-menu-item index="1&q ...

  5. vue 使用print.js实现前端打印功能

    https://blog.csdn.net/cccdf_jjj/article/details/99563682 插件vue-print-nb实现前端打印当前页面功能 https://blog.csd ...

  6. excel如何自动获取本周工作日的日期显示作为标题（周一至周五）

    一.背景: 每周发周报的标题格式为:本周一到本周五的日期内容,如下:但是每隔一周发送的时候需要改一下周报标题里面的日期,比较麻烦目前的需求是通过函数自动化生成,根据当前的日期去定位出本周一的日期以及本 ...

  7. Liunx常用操作(三)-如何忽略大小写查找

    1.vim 中的查找 搜索文件内容时加上 /c 参数可以忽略搜索字符的大小写 正常搜索:/helloworld 忽略操作:/helloworld/c 2.find 查找 使用find命令搜索文件时如果 ...

  8. java进阶(17)--Random

    一.Random随机数 java.unil.Random类 Random randomnum = new Random(); int num = randomnum.nextInt();   二.举例 ...

  9. ElasticSearch 映射类型及数据类型区分

    本文为博主原创,未经允许不得转载: 1.ES 中的映射可以分为动态映射和静态映射 动态映射:在关系数据库中,需要事先创建数据库,然后在该数据库下创建数据表,并创建表字段.类型.长度.主键等,最后才能基 ...

  10. .NET 5 开发WPF - 美食应用登录UI设计

    Demo演示: 你的时间宝贵,不想看啰嗦的文字,可直接拉到文末下载源码! 1. 新建项目 站长开发环境: VS 2019企业版 16.70 .NET 5 Preview 5 .NET 5 WPF 项目 ...