黑马程序员---JavaScript基础---01

墨蓝 2022-11-26 07:39 256阅读 0赞

一：JavaScript的三种引入方式：

1：行内式：主要用于事件。 格式：onclick =“js代码”

2:内嵌式：使用script标签

3：外链式：使用script标签的src属性指定目录。

二：变量

1：介绍：JavaScript 是一种弱类型语言，也就是说不需要指定变量的类型，JavaScript的变量类型由它的值来决定， 定义变量需要用关键字 ‘var’, 一条JavaScript语句应该以“;”结尾。  
定义变量的语法格式: var 变量名 = 值;

var iNum = 1
    var sTr = "abc"

2：变量的命名规则：  
1、区分大小写  
2、第一个字符必须是字母、下划线（\_）或者美元符号（$）  
3、其他字符可以是字母、下划线、美元符或数字。

3：匈牙利命名风格：

对象o Object 比如：oDiv
    数组a Array 比如：aItems
    字符串s String 比如：sUserName
    整数i Integer 比如：iItemCount
    布尔值b Boolean 比如：bIsComplete
    浮点数f Float 比如：fPrice
    函数fn Function 比如：fnHandler

三：数据类型：

js中有六种数据类型，包括五种基本数据类型和一种复杂数据类型(object)。

5种基本数据类型：  
1、number 数字类型  
2、string 字符串类型  
3、boolean 布尔类型 true 或 false  
4、undefined undefined类型，变量声明未初始化，它的值就是undefined  
5、null null类型，表示空对象，如果定义的变量将来准备保存对象，可以将变量初始化为null,在页面上获取不到对象，返回的值就是null

//1.1 数字 number
    var iNum = 10.1;
    
    //1.2 字符串 string
    var sStr = '1234';
    
    //1.3 布尔 boolean; 
    var bIsTrue = false;
    
    //1.4 未定义 undefined
    var unData;
    
    //1.5 null 表示空对象
    var nullData = null;
    
    //1.6 object 表示对象类型
    var oObj = {
        
       name:"隔壁老王",
       age:88
    }
    
    // 获取变量的类型
    var type = typeof(oObj);
    alert(type);
    
    // 获取对象的name属性
    alert(oObj.name);

四：函数的定义和调用：  
1：函数的定义：  
函数就是可以重复使用的代码块, 使用关键字 function 定义函数。

2：函数的调用：  
数调用就是函数名加小括号，比如:函数名(参数\[参数可选\])

3：定义有参数有返回值的函数  
定义函数时，函数如果有参数，参数放到小括号里面，函数如果有返回值，返回值通过 return 关键字来返回。

函数中’return’关键字的作用:  
1、返回函数中的值。  
2、执行完return函数执行结束。

五：变量的作用域：  
变量作用域就是变量的使用范围，变量分为: 1：局部变量 2：全局变量  
1：局部变量：

2：全局变量：

六：条件语句：

1：条件语句语法：  
if 语句 - 只有当指定条件为 true 时，使用该语句来执行代码  
if…else 语句 - 当条件为 true 时执行代码，当条件为 false 时执行其他代码  
if…else if…else 语句 - 使用该语句来判断多条件，执行条件成立的语句

2:比较运算符的使用：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzQxNzU3_size_16_color_FFFFFF_t_70]

七：逻辑运算符：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzQxNzU3_size_16_color_FFFFFF_t_70 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzQxNzU3_size_16_color_FFFFFF_t_70]: /images/20221124/2f3609e95dda43d5b5c59467fe8ec3ae.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxMzQxNzU3_size_16_color_FFFFFF_t_70 1]: /images/20221124/6430f03a42d3409dbe37b02c09604558.png