给初学者的JavaScript入门指南及通俗的JS变量解释

简介: 给初学者的JavaScript入门指南及通俗的JS变量解释

一、什么是JS

  1. 全称叫JavaScript是一门脚本语言,也是一门真正的编程语言
    livescript主要用来解决表单验证的问题
    脚本语言:script
    可以将JS代码嵌入到HTML中去使用
    编程语言 VS 标记语言
  2. 是我们前端吃饭用的工具预告:JS学好,是基础
  3. 是网页三要素之一HTML+CSS+JS
    结构层+外观层+行为层

二、为什么要学习,能够做什么

CSS口号:化腐朽为神奇

JS口号:只有想不到的,没有做不到的。

传统意义上能做如下事情:

-修改网页内容和样式(动态的修改HTML或css)
-客户端数据计算
-表单输入验证
-浏览器事件的触发和处理
-网页特殊显示效果制作(特效,轮播图、tab切换页、放大镜效果、滑动星星评分、弹出框、手风琴、、、)
-服务器的异步数据提交(ajax)

三、学习后的目标是什么

学习后能将国内顶级的电商网站给做出来了,包括PC端,移动端,webAPP等

四、如何使用JS

跟css一样,也有3种方式

  1. 行内
<标签 onclick="JS代码">内容</标签>
  1. 页面
在页面任意的地方,写script标签,包裹JS代码
<script>
    //这里写JS代码
  alert(111);
    alert('hello,JS');
</script>
  1. 外部
<script src="JS文件路径"></script>

五、JS的注释

  1. 单行注释
<script>
//注释内容
</script>
  1. 多行注释(同CSS的)
<script>
/*
这里是注释
换行也没关系
*/
</script>
  1. 注释的作用:(面试题)
    a. 给人看的
    b. 不让代码执行

六、扩展:什么是代码

单词+英文状态下的符号=代码。

比如:

var a=1;
// var,a 相当于是都是英文字母(单词)
// = ; 等都是符号

七、JS的变量(非常重要的概念)

变量是一切编程语言的基石,无变量,不编程,不但JS有,其他任何编程语言都会有。

变量是保存数据的容器。文字、数字等,在网页等地方要保存的则是保存到内存中,才需要变量

电影、音乐、游戏等是保存在硬盘中的,不需要变量。

变量占据的是内存的空间,变量在理论上会让内存变少,将网页关闭后会释放空间。

假设把内存比喻成酒店,里面的每一个房间号即为容器。

那么开房间需要用一个特别的关键字:var;

  1. 声明变量(怎么订房)
var 房间号;
var a;
var A;
var var;
  1. 保存数据(入住)
1. 直接定+入住
var a="张三";
2. 先定再入住
var a;
a="张三"
  1. 访问数据(使用)
var a="张三";
alert(a);//
//做计算
var a=1;
var b=2;
var c=a+b;//3
alert(c);//3
  1. 改写数据
var a=1;
  a=2;
alert(a);//2
  1. 重复声明,后面的会覆盖前面的
var a=1;
var a=2;
  1. 批量声明变量和赋值
var a=1;
var b=2;
var c=1;
var d=2;
//以上可以改为下面的
var a=1,b=2,c=3,d=2;
//如果值一样,可以直接用等于号连接
var a=1
var b=1;
//可以写成下面的
var a=b=1;

七、变量的命名规则:

1、区分大小写
2、变量首字母必须是以英文字母、$、_下划线
3、不能用关键字、保留字做变量名

八、JS的调试

在浏览器的控制台(console面板)看有没有错误。

相关文章
|
17天前
|
前端开发 机器人 API
前端大模型入门(一):用 js+langchain 构建基于 LLM 的应用
本文介绍了大语言模型(LLM)的HTTP API流式调用机制及其在前端的实现方法。通过流式调用,服务器可以逐步发送生成的文本内容,前端则实时处理并展示这些数据块,从而提升用户体验和实时性。文章详细讲解了如何使用`fetch`发起流式请求、处理响应流数据、逐步更新界面、处理中断和错误,以及优化用户交互。流式调用特别适用于聊天机器人、搜索建议等应用场景,能够显著减少用户的等待时间,增强交互性。
129 2
|
6天前
|
监控 前端开发 JavaScript
React 静态网站生成工具 Next.js 入门指南
【10月更文挑战第20天】Next.js 是一个基于 React 的服务器端渲染框架,由 Vercel 开发。本文从基础概念出发,逐步探讨 Next.js 的常见问题、易错点及解决方法,并通过具体代码示例进行说明,帮助开发者快速构建高性能的 Web 应用。
27 10
|
3天前
|
数据采集 存储 JavaScript
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
本文介绍了如何使用Puppeteer和Node.js爬取大学招生数据,并通过代理IP提升爬取的稳定性和效率。Puppeteer作为一个强大的Node.js库,能够模拟真实浏览器访问,支持JavaScript渲染,适合复杂的爬取任务。文章详细讲解了安装Puppeteer、配置代理IP、实现爬虫代码的步骤,并提供了代码示例。此外,还给出了注意事项和优化建议,帮助读者高效地抓取和分析招生数据。
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
|
20天前
|
存储 JavaScript 前端开发
前端开发:Vue.js入门与实战
【10月更文挑战第9天】前端开发:Vue.js入门与实战
|
21天前
|
自然语言处理 JavaScript 前端开发
JavaScript高级——ES6基础入门
JavaScript高级——ES6基础入门
18 1
|
12天前
|
JavaScript 前端开发
局部 JavaScript 变量
JavaScript 中,函数内部使用 `var` 声明的变量为局部变量,仅在函数内可见,函数执行完毕后被删除。全局变量则在函数外部声明,整个页面的脚本和函数均可访问,页面关闭后才被删除。未声明的变量赋值会自动成为 `window` 对象的属性,且在非严格模式下可被删除。
|
17天前
|
Web App开发 JavaScript 前端开发
Node.js:JavaScript世界的全能工具
Node.js:JavaScript世界的全能工具
|
17天前
|
JSON JavaScript 前端开发
使用JavaScript和Node.js构建简单的RESTful API服务器
【10月更文挑战第12天】使用JavaScript和Node.js构建简单的RESTful API服务器
14 0
|
自然语言处理 JavaScript 前端开发
学习javaScript必知必会(2)~js词法分析、介绍一下主流的浏览器的开发者工具(js调试和查看网络请求)
学习javaScript必知必会(2)~js词法分析、介绍一下主流的浏览器的开发者工具(js调试和查看网络请求)
151 0
学习javaScript必知必会(2)~js词法分析、介绍一下主流的浏览器的开发者工具(js调试和查看网络请求)