【JS】JavaScript入门笔记第一弹JS基本语法、变量、数据类型~_jsscript

最新推荐文章于 2024-10-15 19:35:08 发布

2401_84166376

最新推荐文章于 2024-10-15 19:35:08 发布

阅读量777

点赞数 29

分类专栏：程序员文章标签： javascript 笔记开发语言

本文链接：https://blog.youkuaiyun.com/2401_84166376/article/details/138503552

版权

程序员专栏收录该内容

181 篇文章

订阅专栏

本文介绍了JavaScript的基础知识，包括变量的声明与使用、数据类型（如字符串、数字、布尔和空值）以及输出和输入方式。文章强调了标识符和关键字的区别，同时提供了适合不同水平的学习者系统化的学习资源。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上大数据知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

需要这份系统化资料的朋友，可以戳这里获取

标识(zhi)符：就是指开发人员为变量、属性、函数、参数取的名字。
标识符不能是关键字或保留字。
第一个字符必须是一个字母、下划线（_）或一个美元符号（$）；
其他字符可以是字母、下划线、美元符号或数字。

1.9.关键字

💡💡

关键字：是指 JS本身已经使用了的字，不能再用它们充当变量名、方法名。
包括：break、case、catch、continue、default、delete、do、else、finally、for、function、if、in、instanceof、new、return、switch、this、throw、try、typeof、var、void、while、with
等。

1.10.保留字

💡💡

保留字：实际上就是预留的“关键字”，意思是现在虽然还不是关键字，但是未来可
能会成为关键字，同样不能使用它们当变量名或方法名。
包括：boolean、byte、char、class、const、debugger、double、enum、export、extends、fimal、float、goto、implements、import、int、interface、long、mative、package、private、protected、public、short、static、super、synchronized、throws、transient、volatile
等。

二、输入输出

2.1.输出方式

💡💡
两种输出方式：

alert(msg)
使用 console.log() 写入到浏览器的控制台。

 alert('我是编程语言，来控制电脑网页弹出你好');
 
 console.log(1+2);

 // alert 弹出警示框 输出的 展示给用户的
    alert('计算的结果是');
 // console 控制台输出 给程序员测试用的 
    console.log('我是程序员能看到的');

2.2.输入方式

prompt(info)

		// 这是一个输入框
        prompt('请输入您的年龄');

三、注释

3.1.单行注释

💡💡单行注释：

// 我是一行文字，不想被 JS引擎 执行，所以 注释起来

// 用来注释单行文字（快捷键 ctrl + / ）

3.2.多行注释

💡💡多行注释：

/\*
 123
 456
 789
\*/

/* */ 用来注释多行文字（默认快捷键 alt + shift + a ）
快捷键修改为： ctrl + shift + /
vscode  首选项按钮  键盘快捷方式  查找原来的快捷键  修改为新的快捷键  回车确认

四、变量

4.1.什么是变量

💡💡
变量：

变量是用于存放数据的容器。我们通过变量名获取数据，甚至数据可以修改。

变量的本质：

变量是内存里的一块空间，用来存储数据。变量是内存里的一块空间，用来存储数据。

4.2.变量的语法规范

💡💡
声明多个变量，及声明变量的特殊情况

		// 1.声明单个变量
		var name = '刘亦菲';
        console.log(name);
        name = '迪丽热巴';
        console.log(name);
        // 2. 声明多个变量
        var age = 18,
            address = '火影村',
            gz = 2000;
        // 3. 声明变量的特殊情况
        // 3.1 只声明不赋值 结果是？ 程序也不知道里面存的是啥 所以结果是 undefined 未定义的
        var sex;
        console.log(sex); // undefined
        // 3.2 不声明 不赋值 直接使用某个变量会报错滴
        // console.log(tel);
        // 3.3 不声明直接赋值使用
        qq = 110;
        console.log(qq);

4.3.变量的基本使用

💡💡
var声明变量

 // 1. 声明了一个age 的变量 
        var age;
        // 2. 赋值 把值存入这个变量中
        age = 18;
        // 3. 输出结果 
        console.log(age);
        // 4. 变量的初始化 
        var name = '刘亦菲';
        console.log(name);

五、数据类型

5.1.简单数据类型

💡💡：

字符串（String)

字符串类型，双引号 “” 和单引号’’

var strMsg = "我爱北京天安门~";  // 使用双引号表示字符串
var strMsg2 = '我爱吃猪蹄~';    // 使用单引号表示字符串

字符串拼接:

多个字符串之间可以使用 + 进行拼接，其拼接方式为字符串 + 任何类型 = 拼接之后的新字符串
拼接前会把与字符串相加的任何类型转成字符串，再拼接成一个新的字符串

		// 1. 检测获取字符串的长度 length 
        var str = 'my name is andy';
        console.log(str.length); // 15
        // 2. 字符串的拼接 + 只要有字符串和其他类型相拼接 最终的结果是字符串类型
        console.log('沙漠' + '骆驼'); // 字符串的 沙漠骆驼

+ 号总结口诀：数值相加，字符相连
字符串拼接加强

		 var age = 19;
        console.log('我今年age岁');
        // 我们变量不要写到字符串里面，是通过和 字符串相连的方式实现的
        console.log('我今年' + age + '岁');

		// 输出 我今年19岁了

数字(Number)

整形值和浮点型值，数字类型既可以用来保存整数值，也可以保存小数(浮点数）

var age = 21;       // 整数
var Age = 21.3747;  // 小数

布尔(Boolean)

布尔（逻辑）只能有两个值：true 或 false。

var x=true;
var y=false;

空（Null）

var a = Null; 声明了a为空值

var vari = null;
console.log('你好' + vari);  // 你好null
console.log(11 + vari);     // 11
console.log(true + vari);   // 1

未定义（Undefined）

var a;声明了a但是没给它值，所以a = Undefined

var variable;
console.log(variable);           // undefined
console.log('你好' + variable);  // 你好undefined
console.log(11 + variable);     // NaN
console.log(true + variable);   // NaN

5.2. 获取检测变量的数据类型

💡💡：

typeof 可用来获取检测变量的数据类型

var num = 18;
console.log(typeof num) // 结果 number 
var str = 'pink';
console.log(typeof str); // string
var flag = true;
console.log(typeof flag); // boolean
var vari = undefined;
console.log(typeof vari); // undefined
var timer = null;
console.log(typeof timer); // object

其它类型：
在这里插入图片描述