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. 【库函数】在什么时候使用 string_view 代替 string

    前言 C++17增加了std::string_view,它在很多情况会优于使用std::string . 尤其是用做函数形参的时候,使用std::string_view基本一定优于老式的const s ...

  2. Codeforces #698 Div.2 （A~D题）个人题解记录

    1478A. Nezzar and Colorful Balls 看半天题,然后才发现是统计最大值. int _; int main() { ios_base::sync_with_stdio(fal ...

  3. 传统与现代可视化 PK：再生水厂二维工艺组态系统

    前言 随着可视化技术的进步与发展,传统再生水厂组态系统所展示的组态页面已逐渐无法满足当前现阶段多样化的展示手段.使得系统对污泥处理处置及生产运行成本方面的监控.分析方面较为薄弱,急需对信息化应用成果和 ...

  4. 2023年AI领域行业洞察，看这30个统计数据就够了！

    PrimiHub一款由密码学专家团队打造的开源隐私计算平台,专注于分享数据安全.密码学.联邦学习.同态加密等隐私计算领域的技术和内容. 随着AIGC的爆火,企业越来越多地开始采用生成式人工智能.自然语 ...

  5. Webpack Vue瘦身，感受快到飞起的加载速度！

    症结 在利用webpack脚手架搭建vue项目后,往往最终打包的.js和.css文件过于庞大,造成首次加载的时候白屏时间过长,影响用户体验,下图为未经任何优化直接npm run build之后的情况: ...

  6. qq快速打开邮箱的设置

    登陆qq想快速进入邮箱,发现没有入口

  7. Spring Boot 中使用Caffeine缓存的简单例子

    Caffeine 缓存是 Java 的高性能缓存库.本文简单记录下 Caffeine 缓存的用法. 依赖配置 <dependencies> <dependency> <g ...

  8. 【Git】Git与Repo入门

    [来源]https://www.cnblogs.com/angeldevil/archive/2013/11/26/3238470.html

  9. window-子系统-ubuntu

    window-子系统-ubuntu 1. 背景 提供类Linux开发环境(命令行.文件系统.进程管理.网路) 2. 安装 A. wsl 安装 下载链接: https://wslstorestorage ...

  10. 【面试题精讲】Java Stream排序的实现方式

    首发博客地址 系列文章地址 如何使用Java Stream进行排序 在Java中,使用Stream进行排序可以通过sorted()方法来实现.sorted()方法用于对Stream中的元素进行排序操作 ...