给初学者的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面板)看有没有错误。

相关文章
|
10天前
|
存储 JavaScript 前端开发
解释 JavaScript 中的作用域和作用域链的概念。
JavaScript作用域定义了变量和函数的可见范围,静态决定于编码时。每个函数作为对象拥有`scope`属性,关联运行期上下文集合。执行上下文在函数执行时创建,定义执行环境,每次调用函数都会生成独特上下文。作用域链是按层级组织的作用域集合,自内向外查找变量。变量查找遵循从当前执行上下文到全局上下文的顺序,若找不到则抛出异常。
18 6
|
11天前
|
JavaScript
变量和函数提升(js的问题)
变量和函数提升(js的问题)
|
14天前
|
机器学习/深度学习 人工智能 JavaScript
js和JavaScript
js和JavaScript
20 4
|
20天前
|
开发框架 JavaScript 安全
js开发:请解释什么是Express框架,以及它在项目中的作用。
Express是Node.js的Web开发框架,简化路由管理,支持HTTP请求处理。它采用中间件系统增强功能,如日志和错误处理,集成多种模板引擎(EJS、Jade、Pug)用于HTML渲染,并提供安全中间件提升应用安全性。其可扩展性允许选用合适插件扩展功能,加速开发进程。
|
21天前
|
缓存 JavaScript 前端开发
js开发:请解释什么是Webpack,以及它在项目中的作用。
Webpack是开源的JavaScript模块打包器,用于前端项目构建,整合并优化JavaScript、CSS、图片等资源。它实现模块打包、代码分割以提升加载速度,同时进行资源优化和缓存。借助插件机制扩展功能,并支持热更新,加速开发流程。
15 4
|
21天前
|
缓存 JavaScript 数据安全/隐私保护
js开发:请解释什么是ES6的Proxy,以及它的用途。
`ES6`的`Proxy`对象用于创建一个代理,能拦截并自定义目标对象的访问和操作,应用于数据绑定、访问控制、函数调用的拦截与修改以及异步操作处理。
17 3
|
21天前
|
JavaScript
js开发:请解释什么是ES6的类(class),并说明它与传统构造函数的区别。
ES6的类提供了一种更简洁的面向对象编程方式,对比传统的构造函数,具有更好的可读性和可维护性。类使用`class`定义,`constructor`定义构造方法,`extends`实现继承,并可直接定义静态方法。示例展示了如何创建`Person`类、`Student`子类以及它们的方法调用。
20 2
|
13天前
|
JavaScript 前端开发
JavaScript 中如何检测一个变量是一个 String 类型?
JavaScript 中如何检测一个变量是一个 String 类型?
21 2
|
13天前
|
JavaScript 前端开发
JavaScript生成的随机数随机字符串JS生成的随机数随机字符串
JavaScript生成的随机数随机字符串JS生成的随机数随机字符串
13 1
|
21天前
|
Web App开发 JavaScript 前端开发
js开发:请解释什么是Node.js,以及它的应用场景。
Node.js是基于V8的JavaScript运行时,用于服务器端编程。它的事件驱动、非阻塞I/O模型使其在高并发实时应用中表现出色,如Web服务器、实时聊天、API服务、微服务、工具和跨平台桌面应用(使用Electron)。适用于高性能和实时需求场景。
18 4