js学习

Posted 2021-11-26 dongtian-blogs

一、语法

1、javascript 关键字用于标识要执行的操作。var 关键字告诉浏览器创建一个新的变量：

　  若省略var关键字而直接赋值，那么这个变量为全局变量，哪怕是在function里定义的。　　

• 变量必须以字母开头
• 变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
• 变量名称对大小写敏感（y 和 Y 是不同的变量）

　JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型：

a = 5;
var x;               // x 为 undefined
var x = 5;           // 现在 x 为数字
var x = "John";      // 现在 x 为字符串
var k=true;　　　　　　//布尔值
var y=false;

var cars=new Array()； //数组
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";
var cars=new Array("Saab","Volvo","BMW");
var cars=["Saab","Volvo","BMW"];

   JavaScript 对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：

var person={firstname:"John", lastname:"Doe", id:5566};

　JavaScript 变量均为对象。当您声明一个变量时，就创建了一个新的对象。

2、JavaScript 注释，单行注释双斜杠 // ；多行注释以 /* 开始，以 */ 结尾。注释目的：注释可用于提高代码的可读性。

// 我不会执行

/* 下面的这些代码会输出 
　　一个标题和一个段落 
　　并将代表主页的开始 */

3、JavaScript 有多种数据类型：数字，字符串，数组，对象等等：

var length = 16;                                  // Number 通过数字字面量赋值 
var points = x * 10;                              // Number 通过表达式字面量赋值
var lastName = "Johnson";                         // String 通过字符串字面量赋值
var cars = ["Saab", "Volvo", "BMW"];              // Array  通过数组字面量赋值
var person = {firstName:"John", lastName:"Doe"};  // Object 通过对象字面量赋值

4、JavaScript 函数：JavaScript 语句可以写在函数内，函数可以重复引用：引用一个函数 = 调用函数(执行函数内的语句)。

//使用关键字function + 函数名（参数列表）{....} 如果要有返回值，就添加return 语句
function myFunction(a, b) {
       return a * b;    // 返回 a 乘以 b 的结果
}

5、JavaScript 字母大小写　

6、语句：JavaScript 语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。浏览器按照编写顺序依次执行每条语句。

7、JavaScript 比较 和 逻辑运算符

　　===   ： 绝对等于（值和类型均相等）

　　!==    ：不绝对等于（值和类型有一个不相等，或两个都不相等）

8、if...else if...else 语句

if (condition1)
{
    当条件 1 为 true 时执行的代码
}
else if (condition2)
{
    当条件 2 为 true 时执行的代码
}
else
{
  当条件 1 和 条件 2 都不为 true 时执行的代码
}

9、switch语句

//首先设置表达式 n（通常是一个变量）。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配，则与该 case 关联的代码块会被执行。
switch(n)
{
    case 1:
        执行代码块 1
        break;
    case 2:
        执行代码块 2
        break;
    default:
        与 case 1 和 case 2 不同时执行的代码
}

 

 

 原文：https://www.runoob.com/js/js-obj-intro.html