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. vue.js 本地调用远程接口进行开发，如何进行跨域及cookie传递

    在前后端分离vue作为前端框架,在使用服务器接口时面临的第一个问题就是跨域.本文涉及内容仅保证在vue-cli3.0脚手架创建的项目中.及本地调试中有效(使用之前版本脚手架创建的项目请自行转换),本文 ...

  2. [完整]流程解决Vue3项目搭建步骤

    Vue3项目完整搭建步骤 一. 使用vite创建vue3项目 npm init vue@latest 或者npm create vite@latest进行初始化项目并创建项目名称code,进入code ...

  3. Springcloud和Dubbo的区别。Eureka和Ribbon和Hystrix和zuul

    netty 是什么? "netty 是一个基于nio的客户.服务器端编程框架,netty提供异步的,事件驱动的网络应用程序框架和工具,可以快速开发高可用的客户端和服务器.netty是基于ni ...

  4. 传统单节点网站的 Serverless 上云

    什么是函数?刚刚考完数学没多久的我,脑里立马想到的是自变量.因变量.函数值,也就是y=f(x).当然,在计算机里,函数function往往指的是一段被定义好的代码程序,我们可以通过传参调用这个定义好的 ...

  5. 一、Mycat实战---为什么要用mycat

    系列导航 一.Mycat实战---为什么要用mycat 二.Mycat安装 三.mycat实验数据 四.mycat垂直分库 五.mycat水平分库 六.mycat全局自增 七.mycat-ER分片 本 ...

  6. linux chown 与 chmod 命令的使用

    本文为博主原创,未经允许不得转载: 最近在做 linux 系统安全管理检查操作,频繁的用到了 chown 与 chmod 两个命令,觉得有必要对着两个命令总结一下. 一. chown 命令: 1. 设 ...

  7. 前端开发环境搭建踩坑笔记——npm install node-sass安装失败的解决方案

    .markdown-body { line-height: 1.75; font-weight: 400; font-size: 16px; overflow-x: hidden; color: rg ...

  8. Jupyter Notebook报错'500 : Internal Server Error'的解决方法

    问题根因 Jupyter相关的软件包版本匹配存在问题,或者历史上安装过Jupyter相关的配套软件但是有残留.大部分网上的博客都是推荐用pip重装jupyter或者nbconvert,亲测无法解决该问 ...

  9. JavaScript 对象和 JSON 的区别

    参考原文:https://blog.csdn.net/jiaojiao772992/article/details/77871785/ 2.1 对象和 JSON 的区别 JSON 就是 JavaScr ...

  10. 【TouchGFX】Widgets and Containers

    Widgets and Containers 是 TouchGFX 应用最基础的东西,他们贯穿于 UI 的整个开发,属于 TouchGFX 的预制组件,同时也支持自定义实现 Widgets Widge ...