初学JavaScript

了解JavaScript

起源:
网景(Netscape) ,1994年 推出了一款商用浏览器,网景浏览器(Netscape Navigator)
1995年,网景公司决定在浏览器中加入一门语言,可以用作交互效果,提高用户体验
1992年 Nombas C-- SciptEase 可以嵌入到网页中,第一个在网页终端运行的语言
1996年 Brendan Eich花费了 10天左右的时间 创造了这个新语言LiveScript 也就是后来的—— JavaScript

JavaScript属性解释型语言(弱类型语言):

解释型语言没有编译结果
优点:跨平台、部署简单
缺点:执行速度稍慢
弱类型:存放的数据类型可变,优点:灵活、易上手;缺点:不严谨

JavaScript属于单线程
同步现象:上一件事情没做完,下一件事情必须等待配合异步:提高单线程的执行效率。

JavaScript的完整语言组成:

  1. 核心语法(ECMAscript)
  2. 文档对象模型 (DOM Docuemtn Object Model) :让js有能力去操作html元素
  3. 浏览器对象模型(BOM Browser Object MOdel):让js有能力与浏览器对话

JavaScript的引用方式

1.行内引入:

<开始标签 on+事件类型=“js代码”></结束标签>
行内引入方式必须结合事件来使用,但是内部js和外部js可以不结合事件

<input type="button" οnclick="alert('行内引入')" value="button" name="button">
<button οnclick="alert(123)">点击我</button>

2、内部引入:

在head或body中,定义script标签,然后在script标签里面写js代码
Js代码

<script>
	alert("这是js的内部引入");
</script>

3、外部引入:
定义外部js文件(.js结尾的文件)

<scripttype="text/javascript" src="demo.js"></script>

注:

  1. script标签一般定义在head或body中
  2. Script标签要单独使用,要么引入外部js,要么定义内部js,不要混搭使用
    外部的JS文件,它具有维护性高、可缓存(加载一次,无需加载)、方便未来扩展、复用性高等特点
    新建外部的js文件demo.js文件
    alert(“外部引入”)
    在head或者body中,添加以下代码
  <script  type="text/javascript" src="js/demo.js"></script>

在我们书写代码的时候要注意代码分离:

内容,样式,功能,三者分离。更好的维护和方便自己阅读

JavaScript基本语法

语法部分必须都是英文符号
js代码有多条语句构成,每个语句用英文分号结束
js代码从上到下同步执行
js语言大小写敏感
JavaScript语句由:表达式、关键字、运算符组成 大小写敏感

变量

变量是什么?

存放数据
后期会使用的数据

变量储存在什么地方?

在内存中的一段存储空间。目的是为了临时保存数据

例:

 x=5
 y=6
 z=x+y

在代数中,我们使用字母(比如 x)来保存值(比如 5)。
通过上面的表达式 z=x+y,我们能够计算出 z 的值为 11。
变量存储的内容中是可以分类的

**注意:**在声明变量时可以省略var,但是如果省略了var,那么就成了“全局变量”,不推荐!

变量的声明:
1.申请一段空间保存数据
2.给这个空间取个别名

在 JavaScript 中,这些字母被称为变量。同时也可以使用变量来做简单的运算,使用的是=和+这类的运算符。
在JavaScript中=属于赋值符

所有变量的声明,会自动提升到代码(当前作用域)的最顶部

变量命名规范

JavaScript 变量可用于存放值(比如 x=5)和表达式(比如 z=x+y)。
变量可以使用短名称(比如 x 和 y),也可以使用描述性更好的名称(比如 age, sum, totalvolume)。

1.变量必须以字母开头
2.变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
3.变量名称对大小写敏感(y 和 Y 是不同的变量)
JavaScript语句和JavaScript变量都对大小写敏感

一条语句多个变量

我们可以在一条语句中声明很多变量。该语句以var开头,并使用盗号隔开即可:

var sun = "Sun",box = "Box",arr="Arr";

一条语句声明多个不可以赋同一个值

var x,y,z = 1;

此时得出来的结果x,y为undefined,z为1

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值