文章目录
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
对象名.方法名()