JavaScript基础

JavaScript 基础

一、JavaScript的使用方式

用script标签

html 复制代码 
<script>
	// 直接在这里面写js代码
</script>

也可以在外面引用js文件

比如说这种情况:

html 复制代码 
<!-- 如果不是同级关系, 那么就需要../往外面找到这个相应的文件 -->
<script src="../外面的js文件.js"></script>

二、JavaScript的数据类型

我们先讲javascript里面, 是如何输出值的
输出值的函数: console.log()方法, 讲数据打印在控制台里面, 不是print()方法, 如果我们用print()方法, 在网页里面会跳出一个打印网页的一个窗口。

如果用print():
结果是:

注意, python和javascript的输出方法不一样。

javascript的单行注释, 用//
多行注释, 用/* */
python多行注释用的是三个引号""" 多行注释 """

javascript 复制代码 
// 在js写注释 以//作为注释(单行注释)
/* 
这是多行注释
哈哈哈
嘻嘻嘻
*/

变量

  1. js变量也不需要指定变量类型 变量的类型也是由你写的值所决定的。
  2. js中如何定义变量? 什么叫变量?
    答: 变量,是用来存储数据的容器

定义方法:

有三种定义方法:let, const, var

let var const 之间有一点点区别: let 和 const 没有变量提升, let一般定义变量, const一般来定义常量 数学中的兀 3.141592653

我们上关于定义变量的代码:

javascript 复制代码 
// js变量也不需要指定变量类型 变量的类型也是由你写的值所决定的
// js中如何定义变量? 什么叫变量? 变量,是用来存储数据的容器
// let关键字, 用来声名一个变量, 声名一个变量a
// 在js代码规范中, 每一句代码的结尾需要以;作为结尾 不是强制规定的
// 对当前的变量赋值
let a;
a = "Nathan"; // 变量赋值
// 变量的声名和赋值
let b = "I have a girl friend!";
let c = 10, d = 2;
console.log(a, b);
console.log(c, d);
var aa = "哈哈哈";
let ac = "嘻嘻嘻";
const bb = "嘻嘻";
// let var const 之间有一点点区别: let 和 const 没有变量提升, let一般定义变量, const一般来定义常量 数学中的兀 3.141592653
// 先定义变量再使用变量(正常思维)
console.log(ac, bb);
// var定义的变量 有变量提升
console.log(aaa); // 不过这里打印出来的是undefined, 不过程序不报错, 像let和const的话就会报错了
var aaa = "aaa";

js中的数据类型 分为两大类 基本数据类型 引用数据类型

Ⅰ.基本数据类型

1 字符串 string 被引号包裹起来的 单引号 双引号 python里面的简称 str

javascript 复制代码 
let a = "这是字符串a";
let b = "这是字符串b";
console.log(a, b);

这里的console.log()里面可以输出多个参数
这个和python里面的print()道理是一样的

2.数值类型number 不管是整数还是小数 都被统称为数值型

javascript 复制代码 
let a = 10;
let b = 10.01;
let c = "10.66";
console.log(a, b, c);

3.bool型 布尔型Boolean 真 假 用来判断

这里的true, t要小写, 否则会报错, false也是如此
python中 真 True 假 False

javascript 复制代码 
let bool_a = true;
let bool_b = false;
console.log(bool_a, bool_b);

4.undefined 声名了变量 但是没有初始化 打印出来就是undefined

javascript 复制代码 
let undefined_a = undefined;
console.log(undefined_a);

5.null 空, 对变量进行初始化, 代表什么都没有

javascript 复制代码 
let null_a = null;

Ⅱ.引用类型

数组

1.数组类似于python中的列表 都是用[]来表示

javascript 复制代码 
let arr = [1, 2, 3, 4, 5];

正向索引

javascript 复制代码 
console.log(arr[2]);

负向索引

javascript 复制代码 
console.log(arr[-2]);

这里会报错, 因为javascript不支持负向索引取值, python可以。

获取数组长度:

javascript 复制代码 
let len = arr.length;
console.log(len);

在数组里面添加元素

javascript 复制代码 
arr.push("Nathan天下第一");
console.log(arr);

用pop方法删除元素, 只能删除最后一个元素

javascript 复制代码 
arr.pop()
console.log(arr);

下面我们讲javascript的splice()方法
我们再新创建一个数组

javascript 复制代码 
let arr2 = [1, 2, 3, 4, 5];

splice 能够根据索引添加或删除元素
第一个参数必须要写 开始删除的索引
第二个参数(可写可不写) 删除数据元素的个数
第三个参数(可写可不写) 在索引的位置插入新的元素

我们在arr2数组的索引为1的位置, 插入一个元素

javascript 复制代码 
arr2.splice(1, 0, "Tiger");
console.log(arr2);

我们在arr2数组的索引为1的位置, 删除两个元素

javascript 复制代码 
arr2.splice(1, 2);
console.log(arr2);

slice不仅能够删除多个元素, 还可以添加多个元素
比如:

javascript 复制代码 
arr2.splice(1, 0, "小熊猫", "拉布拉多");
console.log(arr2);

2.对象 object python中 class类 把类实现出来 => 对象

我们创建一个对象

javascript 复制代码 
let dict_a = {
	name: "Nathan",
	age: 20,
	sex: "男"
};
console.log(dict_a);

对象的取值 要通过.来取值

javascript 复制代码 
// 名字
console.log(dict_a.name);
// 年龄
console.log(dict_a.age);
// 性别
console.log(dict_a.sex);

typeof 用来判断基本数据类型

javascript 复制代码 
let _b = 10.91;
console.log(typeof _b);

运算符

常见的运算符有: + - * / == === != !== 等运算符
这里要注意: ==代表不完全等于, 就是说只要值相等就可以, 类型不相等也是true, 比如number和字符串类型的两个变量, 但是它两值一样。
三个等号代表完全相等, 就是说不仅要值相等, 类型也必须相等才能是true。

javascript 复制代码 
let aa = 33;
let str_aa = '33';
let bb = 10;
// 加法
console.log(aa + bb);
// 遇到number和字符串类型相加的话, number类型会自动转化为字符串类型, 最终的值是进行字符串的拼接, 这里输出的结果是'3310'
console.log(str_aa + bb);
// 减法
console.log(aa - bb);
// 自增 和 自减
// ++aa自增在前
console.log(++aa);
console.log(--aa);
// 赋值运算符 =是赋值
console.log(a_value = 100);
console.log(a_value += bb); // a_value = a_value + bb 这里输出的值为110
console.log(a_value -= bb); // a_value = a_value - bb 这里输出的值为90
// 比较运算符 ==只是判断值是不是相等 不看类型
// 如果你要判断值 和类型 都相等
console.log(aa == str_aa); // true
console.log(aa != str_aa); // false
console.log(aa === str_aa); // false

以上就是js基础使用的所有内容了, 如果有哪里不懂的地方,可以随时联系我, 我的qq号是1175235190, qq邮箱是1175235190@qq.com, 欢迎随时来提问题!!!
如果我有写错的地方, 望大家指正, 也可以联系我, 让我们一起努力, 继续不断的进步.
学习是个漫长的过程, 需要我们不断的去学习并掌握消化知识点, 有不懂或概念模糊不理解的情况下,一定要赶紧的解决问题, 否则问题只会越来越多, 漏洞也就越老越大.
人生路漫漫, 白鹭常相伴!!!

上一个
css进阶使用实战题答案
下一个
JavaScript进阶
最近修改: 2024-09-18Powered by
所有分类