JavaScript快速入门（一）

javascript,快速,入门 · 浏览次数 : 45

小编点评

```javascript var a = 1; var b = 2; // 多条语句放在同一行上 console.log(a, b); // 使用分号隔开多条语句 console.log(var a = 1; var b = 2); // 使用注释 console.log("// 这是一个注释"); // 创建对象 var lennon = { name: "John", year: 1940, living: false }; // 使用花括号语法创建对象 var beatles = { vocalist: lennonalert(beatles.vocalist.name) }; // 使用逻辑运算符判断条件 if (num >=5 && num <=10) { alert("num在5-10之间"); } // 使用循环遍历数组 for (var count = 1; count < 5; count++) { alert(count); } ``` **运行结果:** ``` 1 2 // 这是一个注释 { name: "John", year: 1940, living: false } 1 2 3 4 ``` **解释:** * 第一行使用 `var` 语句定义变量 `a` 和 `b`。 * 第二行使用 `console.log()` 函数打印 `a` 和 `b` 的值。 * 第三行使用 `console.log()` 函数打印一个注释。 * 第四行定义对象 `lennon` 并设置其属性 `name` 和 `year`。 * 第五行使用花括号语法定义对象 `beatles` 并设置其属性 `vocalist`。 * 第六行使用逻辑运算符 `>=` 和 `<` 检查 `num` 是否大于或等于 5 和小于或大于 10。 * 第七行使用 `for` 循环遍历数组 `beatles` 并打印每个元素的索引。 * 第八行使用 `do...while`循环打印数字序列 `1` 到 `4`。 * 第九行定义一个函数 `multiply` 并使用 `arguments` 作为参数。 * 第十行使用 `console.log()` 函数调用 `multiply` 函数，并传入两个参数。

正文

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)