js入门

发表于 | 更新于 | 分类于 ，

Javascript学习

了解

js是一门解释语言，学习起来相对编译语言较简单。一般来说，用js编写的程序必须嵌套在html/xhtml中才能运行。

语法

和大多数语言一样，js采用;作为一句的结尾（虽然并非强制）。

注释

有三种注释方法：//,/**/, <!-->，正常使用前两种。

变量

js可以不必提前声明变量，直接赋值。当然为了更好的编程习惯，应该提前声明。
下面是几种对变量的赋值方式。

1
2
3
4
5
6
7
//  without declare
age = 20;
// declare variable before assign
var mood;
mood = "happy";
// together
var mood = "happy", age = 20;

数据类型

首先，js是一门弱类型的语言。

1
2
var address = "somewhere";
address = 40;

上面的这种写法在强类型的语言中肯定是有问题，但是在js中完全没有问题。
下面是js的几种数据类型：

  • 字符串：
    使用单引号或者双引号都可以，和python类似，但是和python不一样的是，js更偏向于双引号。
  • 数值：常用的就是整数和小数，没啥好说的。
  • 布尔值：true false。没啥好说的
  • 数组：
    1
    2
    3
    4
    5
    6
    7
    8
    // declare
    var arr = Array("hello", "I", "am", "A", "array");
    var arrother = ["other", "array"];
    // 关联数组
    var link_arr = Array();
    link_arr["name"] = "flyaooo";
    link_arr["age"] = 20;
    link_arr["address"] = "somewhere i know";

操作

1
2
3
4
5
6
var x = (100 + 50) * 1 / 2;
x ++;
x += 1;
// append string
var msg = "hello" + "world";
var str_append_num = "My age is " + 20;

条件语句

1
2
3
4
if (condition) {
    statements;
}
condition只能是布尔值。

逻辑运算符号

&& || !，没啥好说的。

循环语句：

1
2
3
4
5
6
7
8
9
10
11
12
// while
while (condition) {
    statements;
}
// do...while
do {
    statements;
}wihle(condition);
// for
for (initial condition; test condition; alter condition) {
    statements;
}

函数

1
2
3
function name(arguments) {
    statements;
}

对象

对象是一种自我包含的数据集合。包含在对象里的数据可以通过两种形式：属性和方法来访问。

  • 属性是隶属于某个特定对象的变量；
  • 方法是只有某个特定对象才能调用的函数。
    所以说，对象是由一些彼此相关的属性和方法集合在一起而构成的一个数据实体。
    属性和方法都采用点语法来访问。
    采用new来创建一个对象实例。

    内建对象

    1
    2
    3
    4
    // 以数组为例
    var arr = new Array();
    // length 属性
    arr.length;

宿主对象

除了javascript内建对象，不同的运行环境（不同的web浏览器）
还提供了一些预先定义好的对象，成为宿主对象，主要包括Form,Image,Element。