WEB 学习第三天

发表于 更新于 分类于

JavaScript 简单介绍

JavaScript 是互联网上最流行的脚本语言, 这门语言可用于 HTML 和 web, 更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备

  • JavaScript 是一种轻量级的编程语言
  • JavaScript 是可插入 HTML 页面的编程代码
  • JavaScript 插入 HTML 页面后, 可由所有的现代浏览器执行
  • JavaScript 和 Java 没有关系!!!
  • 解释性脚本语言, 弱类型语言

引入方式

内部引入

不推荐

外部文件引入

1
<script src="./js/test.js"></script>

字符串

1
2
// 创建字符串
var str = "ljguo";

属性方法

1
2
3
4
5
6
7
8
9
10
11
12
var str = "ljguo";
str.length; // 5
str.charAt(0); // l
str.concat("hhh"); // ljguohhh
str.indexOf("g"); // 2, 首次出现该字符串的索引 

var str = "ljguo 123 lJguo";
str.lastIndexOf("g"); // 最后一次
str.split(" "); // [ljguo, 123, lJguo] 
str.toLowerCase(); // 转小写
str.toUpperCase(); // 转大写
str.trim(); // 去掉首位空白

数组

JavaScript 定义数组有两种方式, 第一种是通过 Array 类来构造

1
var arr = new Array("ljguo", "eng", "old");

第二种是通过字面量直接赋值

1
var arr = ["ljguo", "eng", "old"];
  • length 数组长度属性

对象

创建一个对象, 语法如下

1
2
3
4
5
6
7
8
9
var person = {
    name: "ljguo",
    age: 18,
    sex: "man",
    introduction: function () {
        var intro = "hello, my name is " + this.name;
        console.log(intro);
    }
}

访问该对象的方法有两种

1
2
3
4
person["name"];
person.name;
// 访问方法只能用这种方法
person.introduction();

可以使用

1
2
var intr = person.introduction;
console.log(intr);

但是得到的是这个方法的定义

1
2
3
4
ƒ() {
    var intro = "hello, my name is " + this.name;
    console.log(intro);
}

函数

定义函数

可以使用如下语法定义函数

1
2
3
4
5
6
function fun() {
    console.log("hello JavaScript!");
}
var fun = function () {
    console.log("hello JavaScript!");
}

也可以定义带参数的函数, 参数可以是任意数量的

1
2
3
4
5
6
7
8
9
10
11
function add(a, b) {
    return a + b;
}
// 参数传入函数后会保存到一个 arguments 数组中
function add() {
    var sum = 0;
    for (var i = 1; i < arguments.length; i++) {
        sum += arguments[i];
    }
    return sum;
}

循环

  • for/in 循环
    1
    2
    3
    4
    5
    var str = [1, 2, 3, 4, 5];
    for (i in str) {
        console.log(str[i]);
    }
    // i 在这里作为 str 数组的索引