JS基础 -- 大复习(阶段一)

本文是JavaScript基础的复习,涵盖了编程基础、JavaScript的作用、浏览器执行JS、变量、数据类型等方面。讲解了JavaScript的基础语法,包括变量的声明、赋值,以及不同数据类型如Number、String、Boolean等的使用,同时还介绍了变量命名规范和注释方法。
摘要由CSDN通过智能技术生成

一:编程基础

编程语言(了解)

编程:就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程。

从事编程的人员:就是我们程序员(程序猿)计算机是指任何能够执行代码的设备:ATM机 智能手机 医疗检测器械 人脸识别收银系统。

计算机语言

计算机语言:计算机语言指用于人与计算机之间通讯的语言,它是人与计算机之间传递信息的媒介。

计算机语言:机器语言 汇编语言 高级语言

计算机最终执行的都是机器语言,是由 0和1组成的二进制数,二进制是机器语言的基础。

编程语言:汇编语言 高级语言

高级语言所编制的程序不能被计算机识别,必须通过转换才能被执行,此时需要一个翻译器。

翻译器可以将我们所编写的源代码转换为机器语言。

总结:

  1. 计算机可以帮助人类解决某些问题

  2. 程序员利用编程语言编写程序发出指令控制计算机来实现这些任务

  3. 编程语言有机器语言、汇编语言、高级语言

  4. 高级语言需要一个翻译器转换为计算机识别的机器语言

  5. 编程语言是主动的有很强的逻辑性

初始JavaScript

JavaScript语言创造者:布兰登·艾奇.

JavaScript 是世界上最流行的语言之一,是一种运行在客户端的脚本语言 (Script 是脚本的意思)

脚本语言:不需要编译,运行过程中由 js 解释器( js 引擎)逐行来进行解释并执行

现在也可以基于 Node.js 技术进行服务器端编程

JavaScript 的作用

表单验证 网页特效 服务端开发(node.js) 桌面应用 app 游戏开发等。

HTML/CSS/JS 的关系:

HTML/CSS是标记语言--描述类语言。

JS 脚本语言--编程类语言--编程语言

浏览器执行 JS

浏览器分成两部分:渲染引擎和 JS 引擎

JS 引擎:也称为 JS 解释器。 用来读取网页中的JavaScript代码,对其处理后运行,比如 chrome 浏览器的 V8

浏览器本身并不会执行js代码。而是通过内置 JS 引擎来执行代码。js引擎执行代码时逐行解释每一句源代码,然后再由计算机去执行,所以 JavaScript 语言归为脚本语言,会逐行解释执行。

JS 的组成

  • ECMAScript(规定了js的基础语法)

  • DOM 文档对象模型 主要是提供一些操作HTML文档的工具

  • BOM 浏览器对象模型 主要是提供一些操作浏览器的工具

 

js书写位置

三种书写位置:行内式 内嵌式 外链式

在HTML中我们推荐使用双引号, JS 中我们推荐使用单引号。

行内式

我们可以将JS代码写在标签里面,事件属性 很多 onclick

 <!-- 1 行内式 直接把js代码写到标签内部-->
<button οnclick="alert('爱你么么哒')">点我</button>

内嵌式

需要在html代码中新建一个<script></script>标签,最好将这个标签写在<body>结束标签的前面

<script> 
      
     alert('风里雨里下班等你')

 </script>

外链式

需要将js代码放在一个js文件中,文件的扩展名必须以.js结尾文件。需要在html标签中使用script标签引入,通过script标签的src属性来引入

第一步: 新建一个以.js结尾的文件

第二步:通过script标签的src属性来引入

<script src="./index.js"></script>

注意:

  1. 一个html文件可以引入多个js文件

  2. 一对script标签一次只能实现一种书写方式

js注释

  • 单行注释 ctrl+/

    // 注释的内容
    
  • 多行注释 默认的快捷键 shift + alt + a,vscode中可以修改为:ctrl + shift + /

    vscode → 首选项按钮 → 键盘快捷方式 → 查找 原来的快捷键 → 修改为新的快捷键 → 回车确认

  • 8
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值