JavaScript入门指南：发展历史与基本概念-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_45654474/article/details/108404264

本文介绍了JavaScript的发展史，由Netscape的Brendan Eich设计，最初称为LiveScript，后与Sun合作改为JavaScript。JavaScript分为ECMAScript、文档对象模型和浏览器对象模型三部分。在前端开发中，JavaScript主要通过内部引用和外部引用的方式应用于网页。文章还讲解了JavaScript的基础，包括数据类型、变量、运算符和注释等。

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

JavaScript

JavaScript是什么，能干什么
一个网页的结构，是通过html决定的
脑袋，手脚，身体
css决定了这个网页的样式
是高还是矮，是胖还是瘦，是黑还是白
这个网页的行为是通过JavaScript决定的
走路，跑步，眨眼睛

JavaScript的发展史

它最初由Netscape的Brendan Eich设计。JavaScript是甲骨文公司的注册商标。Ecma国际以JavaScript为基础制定了ECMAScript标准。JavaScript也可以用于其他场合，如服务器端编程。完整的JavaScript实现包含三个部分：ECMAScript，文档对象模型，浏览器对象模型。 [8]
Netscape在最初将其脚本语言命名为LiveScript，后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java。但JavaScript的主要设计原则源自Self和Scheme。JavaScript与Java名称上的近似，是当时Netscape为了营销考虑与Sun微系统达成协议的结果。为了取得技术优势，微软推出了JScript来迎战JavaScript的脚本语言。为了互用性，Ecma国际（前身为欧洲计算机制造商协会）创建了ECMA-262标准（ECMAScript）。两者都属于ECMAScript的实现。尽管JavaScript作为给非程序人员的脚本语言，而非作为给程序人员的脚本语言来推广和宣传，但是JavaScript具有非常丰富的特性。
发展初期，JavaScript的标准并未确定，同期有Netscape的JavaScript，微软的JScript和CEnvi的ScriptEase三足鼎立。1997年，在ECMA（欧洲计算机制造商协会）的协调下，由Netscape、Sun、微软、Borland组成的工作组确定统一标准：ECMA-262。

JavaScript的使用

在前端开发中，JavaScript不能单独运行（除非是单独安装了JavaScript的运行环境）
JavaScript必须挂载在网页上
说羊毛出在羊身上
html就是羊，JavaScript就是羊毛
html引入就JavaScript代码，有两种方式

方式一：内部引用

使用script标签，把JavaScript代码包起来
在这里插入图片描述
注意：内部引用的话要把代码放在网页的最下层
因为代码的运行是从上到下的
而JavaScript是没有样式的，我们看不到它
所以说如果把代码放在网页最上方的话就会造成因编译JS代码导致的网页加载
速度变慢

方式二：外部引用

（1）将JavaScript代码单独放到js文件中
在这里插入图片描述

（2）在html文件中引入js文件
在这里插入图片描述

注意：外部引用的时候，一般来说都是放在<body>的外面，也就是说上面或者下面都可以，在企业开发中，一般都使用外部引入，这样做html与JavaScript是分开的
有利于分工合作，更方便后期的维护。

程序设计的基础

数据类型与变量

在这里插入图片描述

计算机程序就是处理现实生活中各种的数据
数据包含几个属性：名字，值，类型
例：
在这里插入图片描述
名字：数量/库存
值：1
类型：整数类型

名字：价格
值￥135.00-140.00
类型：浮点型
因为生活中的数据并不是一成不变的所以说我们JavaScript里就有变量和它对应

变量

var variable的简写，声明一个变量
在这里插入图片描述

变量的命名

规则：
(1) 一般情况下，变量名由大小写字母与数字组成，也可以使用$._特殊字符；
(2) 但是呢，变量名是不能以数字开头的，这样会与八进制或十六进制冲突
(3) 关键字不能用，关键字这个名字已经被JavaScript内部使用了
规范：
（1）起名要见名思义，看到名字就知道这个变量是用来干嘛的
（2）要使用英文单词，不要去使用拼音，也不用使用中文
（3）小驼峰：第一个单词以小写字母开始；从弟二哥单词开始以后的每个单词的首字母都采用大写字母
例子：myFirstName
关键字：
在这里插入图片描述

数据类型

变量的类型是由变量的值来决定，不同的类型分配给存储空间的大小也是不同的
在这里插入图片描述

字符串string

数字：整数和小数，但在JavaScript里不区分整数与小数，统一number
十进制，二进制，八进制，十六进制都算数字

布尔类型boolean

Boolean里面值只有两个，true/false，表示真或者假

未定义undefined

因为JavaScript中变量的类型是由它的值来决定的，如果一个变量没有给值，那它就是未定义
在这里插入图片描述

判断类型：typeof

在这里插入图片描述

对象类型

对象类型是很复杂的一个类型
怎么去描述一个人，这个人有身高，体重，年龄，这时候就需要一个对象属性
一切皆对象，对象包含属性的
人对象：身高，体重，年……
狗对象：名字，花色，年龄……
学生对象：学号，班级，成绩……
对象的定义
在这里插入图片描述
如何访问对象
对象名称.属性名
注意：创建对象时，对象属性用逗号分割，而不是分号
最好在代码的开始就声明所有变量

语句与注释

语句：
一行一行的代码就叫做语句，一个语句使用分号作为结束符
虽然JavaScript不写分号没问题，但是到了项目上线代码压缩的时候就会出现问题
所以说要写上分号
注释：
对代码的结束，为了让你和你同事可以很轻松的看懂你的代码
注释不规范，同事两行泪
注释写与不写都不会影响代码的运行，注释与代码的结果没有关系
当然了，也可以用来阻止代码的运行（注释掉将要执行的代码）
方式一：单行注释
在语句最前面打上两个//
在这里插入图片描述
方式二：多行注释

运算符

算数运算符

+，-，*，/，%
在这里插入图片描述

逻辑运算符

比如说有一场考试，上午一场，下午一场
如果说上午的和下午的都及格了才算过
与运算（&&）：并且所有条件都满足，结果才成立
如果说上午或者下午及格一场就算过
或运算（||）：或者只要有一个条件满足，就成立
如果说上午和下午的没及格才算过
非运算（!）：取反真变假，假变真
在这里插入图片描述

赋值运算符

在JavaScript里等于号代表赋值，==代表等于
复合赋值运算符：+=，-=，/=
n+=5等于n=n+5
其他同理
其实就是程序员的偷懒
在这里插入图片描述

关系运算符

常见的关系运算符：>， <， >=， <=， = =， !=.
JavaScript特有：
= = =：数值与类型全都等于才true
！==：数值与类型全都不等于才true
比较后的结果是boolean类型，true或false
在这里插入图片描述
重点= = =与= =的区别
= =只比较值
===比较值和类型