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. SE11/SE16N修改表数据

    1.SE11修改方法 首先修改显示格式 选择SE16标准列表 双击这条数据 输入/H,回车,再回车 修改CODE为EDIT,F8 此时,数据已经可以修改了 2.SE16N修改方法 2.1断点修改 输入 ...

  2. Cursor，程序员的 AI 代码编辑助手

    相信大家都或多或少地听说过.了解过 chatGPT ,半个月前发布的 GPT-4 ,可谓是 AI 赛道上的一个王炸 那么今天咸鱼给大家分享一个开源的 AI 代码编辑器--Cursor,让各位程序员在编 ...

  3. 高数 | Dirichlet 积分

    在分析学中,Dirichlet 积分 是如下形式的 无穷限积分 \[\int_{0}^{+\infty} \frac{\sin x}{x} \mathrm{~d} x \] 它是条件收敛的,且收敛到 ...

  4. 畅捷通的 Serverless 探索实践之路

    作者:计缘 畅捷通介绍 畅捷通是中国领先的小微企业财税及业务云服务提供商,成立于2010年.畅捷通在2021年中国小微企业云财税市场份额排名第一,在产品前瞻性及行业全覆盖方面领跑市场,位居中国小微企业 ...

  5. 关于 uintptr_t和intptr_t 类型

    简介 最近在看代码时,发现了两个之前没见过的数据类型:intptr_t,uintptr_t.这两个数据类型是ISO C99定义的,具体代码在linux平台的/usr/include/stdint.h头 ...

  6. ES5新增语法

    ES5中给我们新增了一些方法,可以很方便的操作数组或者字符串,这些方法主要包括:数组方法.字符串方法.对象方法. 1. 数组方法 迭代(遍历)方法:forEach() .map().filter(). ...

  7. 大数相加 a+b

    #include<stdio.h> #include<string.h> #include<stdlib.h> #include<ctype.h> #i ...

  8. 【ThreadX】Azure RTOS ThreadX概述

    Azure RTOS ThreadX是Microsoft的高级工业级实时操作系统(RTOS),专门用于深度嵌入式,实时和IoT应用程序.Azure RTOS ThreadX提供了高级计划,通信,同步, ...

  9. 如何让pc端网站在手机上可以等比缩放的整个显示

      将 头部标签的  <meta name="viewport" content="width=device-width, initial-scale=1.0&qu ...

  10. 百度网盘(百度云)SVIP超级会员共享账号每日更新（2023.11.21）

    百度网盘会员账号共享(11.21更新) 账号:tgc91660 密码:6858hykh 账号:ofj51327 密码:rvzp3251 账号:5799osrb 密码:862lwtr 账号:3730sw ...