【JS基础笔记】之【基本语法】-CSDN博客

本文链接：https://blog.csdn.net/qq_44874645/article/details/119570484

JS 基础

1.1 基本语法

1.1.1 格式

JavaScript中的脚本必须位于 <script> 与 </script> 标签之间。
```
<script>
    alert(1);
</script>
```

脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。

<!DOCTYPE html>
<html>
    <body>
        <script>
            alert(1);
        </script>
    </body>
</html>

1.1.2 注释

单行注释

<script>
    // 这是单行注释
    alert(1);
</script>

多行注释

<script>
    /*这是
    多行注释*/
    alert(1);
</script>

1.2 变量

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

1.2.1 变量创建

声明与赋值
```
var carname;
carname = "Volvo";
```

声明并赋值

var carname = "Volvo";
var name = "Bob", age = 30;
// 多个变量赋值
var a,b,c = 1;
// 给多个变量赋同一值

变量赋值后重申变量，原值不变

var carname="Volvo";
var carname;
// 重申后值不变

1.3 数据类型

JS 为弱类型语言，变量被定义后，该变量可以根据环境变化自动进行转换。

var x;
// 现在为undefined
var x = 5;
// 现在为数字
var x = "a";
// 现在为字符串

1.3.1 字符型

可以使用单引号或双引号。

var carname = "String";
var carname = 'String';

1.3.2 数字型

JS 没有区分整型和浮点型。

var num = 1;
var num = 1.2;
var num = 123e5;
// 12300000
var num = 123e-5;
// 0.00123

1.3.3 布尔型

var x = true;
var y = false;

1.3.4 数组

var cars = new Array();
cars[0] = "BMW";
cars[1] = "Saab";

var cars = new Array("BWM", "Saab");

var cars = ["Saab", "BWM"];
// 最简单的方法

1.4 函数

1.4.1 语法

function name(a, b){
    // 参数1，参数2

    var c = a * b
    // 执行代码

    return c
    // 返回值（会停止该函数）
}

如何调用？

当事件发生时（当用户点击按钮时）
当 JavaScript 代码调用时（JS 调用）
自动的（自调用）

1.4.2 运算符

算数运算符
赋值运算符
比较运算符
逻辑运算符

1.4.3 条件语句

if
- 来规定要执行的代码块，如果指定条件为 true
else
- 规定要执行的代码块，如果相同的条件为 false
else if
- 规定要测试的新条件，如果第一个条件为 false
switch
- 规定多个被执行的备选代码块

1.4.4 循环语句

for 循环
while 循环
fo/while 循环

1.4.5 终止语句

break 语句
continue 语句

1.5 对象

1.5.1 对象属性

var person = {firstName:"Bill", lastName:"Gates"};
// person：对象
// firstName：属性
// Bill：值

访问属性

对象名.属性名
// 或
对象名["属性名"]

1.5.2 对象方法

var person = {
    firstName = "Bill",
    lastName = "Gates",
    fullName = function(){
        retuen this.firstName + " " + this.lastName;
        //this 代表这个对象
    }
}
~~~js
调用方式：
~~~js
对象名.方法名()

【JS基础笔记】之【基本语法】

文章目录

JS 基础

1.1 基本语法

1.1.1 格式

1.1.2 注释

1.2 变量

1.2.1 变量创建

1.3 数据类型

1.3.1 字符型

1.3.2 数字型

1.3.3 布尔型

1.3.4 数组

1.4 函数

1.4.1 语法

1.4.2 运算符

1.4.3 条件语句

1.4.4 循环语句

1.4.5 终止语句

1.5 对象

1.5.1 对象属性

1.5.2 对象方法