初学JavaScript

最新推荐文章于 2024-02-29 21:26:51 发布

原创最新推荐文章于 2024-02-29 21:26:51 发布 · 105 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #ViewUI

javascript 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了JavaScript的基础知识，包括HelloWorld程序、基本数据类型、数组与对象的定义、算术运算符、逻辑运算符以及条件和循环语句等。此外还讲解了如何定义与调用函数。

首先，第一个程序：Hello World。

console.log('Hello World');//打印结果'Hello World'

    接下来，注释符号：

    “ ; ”：同一行代码中，语句之间以分号间隔，用来分割多条语句。
    “ // ”：单行注释，通过注释掉某段代码，调试程序。

“ /* */ ”，多行注释，多用来禁用某段代码，调试程序。

     五种简单的数据类型。

     1，undefined : 这个值表示变量不含有值。
     2，null : 这个值表示变量为空。
     3，boolean : true 或 false 代表布尔值。
     4，number : javascript 只有一种数字类型。数字可以带小数点，也可以不带。
     5，srting : 字符串是字符的载体，而且必须被成对的引号包围。

     另外，typeof(date)是返回值，容易忘记。

     一种复杂的数据类型即对象(object)。

     “{ }” 花括号，用来定义一个对象； “[ ]” 中括号，用来定义一个数组，在括号内部，属性以键值对的形式来定义，属性间由逗号分隔。

var all_scores = {[98,78,98],[88,89,95],[86,88,88]}
var scores = [ 80, 82, 79, 86];
console.log(all_scores[0][2]);
console.log(scores[0]);

第一个项目是[0],第二个项目是[1],以此类推。
接下来，算数运算：

var   x = 5; 
      x+=2;     //7  等价于x=x+2，即x=5+2。 
      x-=2;     //5  等价于x=x-2，即x=7-2。 
      x*=2;     //10 等价于x=x*2，即x=5*2。 
      x/=2;     //5  等价于x=x/2，即x=10/2。 
      x%=2;     //1  等价于x=x%2，即x=5%2。

3：字符串的 + 运算符：实际就是字符串的拼接符。

逻辑术语：

1：比较运算符

      x == y  //等于 (判断x，y的值是否相等) 
      x === y //等于 (判断x，y的值和类型是否都相同) 
      x != y  //不等于 (判断x，y的值是否不相等)

      2：逻辑运算符

      && || !：分别为"与"，"或"，"非"。

      3：条件运算符：

condition ? expr1 : expr2;

     condition实际值为true时，执行expr1。condition实际值为false时，执行expr2。

      判断语句：

      1：if语句
      指定条件为 true 时，该语句才会执行其内部的代码。
      2：if...else语句
      某一条件成立时执行一段特定代码，而条件不成立时执行另一段特定代码。
      3：else if语句
      当有多种情况需要判断，使用 else if 的结构。
      语法：

if (condition1)
 { 
     statement1; 
 } 
 else if (condition2)     
 { 
     statement2;
 } 
 else 
 { 
     statement3 
 }

      循环语句：
      break语句， break 命令可以终止循环的运行，然后继续执行循环之后的代码。
continue语句，跳过本次循环过程中循环体内剩下的语句，继续执行下一次循环(如果下一次循环满足循环条件的话)。
      函数function
      1：通过函数的声明语句来定义一个函数。

 //  函数 sum 的声明 
function sum(a, b)
{ 
     return a+b ; 
}

2：函数的调用
当调用有参数和返回值的函数时，函数可以对传入的参数进行操作，然后将指定的结果返回。

function get_sum(a, b)
{        
    var result = a + b; 
    return result;            //  返回值 
} 
var sum = get_sum(2, 3);    // 调用函数，将返回值5赋值给变量 sum 
console.log(sum);            // 打印结果为：5