JavaScript

127 阅读2分钟

JavaScript的引入方式

1、内部脚本:将JS代码定义在HTML页面中

  • 在HTML中,JavaScript代码必须位于<script>与</script>标签之间

提示:

  • 在HTML文档中可以在任意地方,放置任意数量的<script>
  • 一般把脚本置于<body>元素底部,可以改善显示速度,因为脚本执行会拖慢显示

2、外部脚本:将JS代码定义在外部文件中,然后引入到HTML页面中

  • 外部文件:demo.js alert("hello JS")
  • 引入外部js文件<script src="../js/demo.js"></script>

注意:

1、外部脚本不能包含<script>标签

2、<script>标签不能自闭合

书写语法

1、区分大小写:与Java一样,变量名,函数名以及其他一切东西都区分大小写

2、每行结尾的分号可有可无

3、注释:

  • 单行注释 //注释内容
  • 多行注释 /* 注释内容 */

4、大括号表示代码块

输出语句

  • 使用window.alert()写入警告框
  • 使用document.write()写入HTML输出
  • 使用console.log()写入浏览器控制台

image.png

变量

JavaScript中用var关键字来声明变量

image.png JavaScript是一门弱类型语言,变量可以存放不同类型的值

变量名需要遵循以下规则:

  • 组成字符可以是任何字母、数字、下划线或美元符号
  • 数字不能开头
  • 建议使用驼峰命名 ECMAScript6新增了let关键字来定义变量。他的用法类似于var,但是说声明的变量,只能在let关键字所在的代码块内生效,且不能重复声明

ECMAScript6新增了const关键字,用来声明一个只读的常量,一旦声明,常量的值就不能改变

数据类型

JavaScript中分为:原始类型和引用类型 5种原始类型:

  • number:数字(整数,小数,NaN(Not a Number 不是数字的数字))
  • String:字符,字符串,
  • boolean:true,false
  • null:对象为空
  • undefined:当声明的变量未初始化时,该变量默认值为undefined

使用typeof运算符可以获取数据类型

image.png

运算符

image.png

== 和 === 的区别==会自动进行类型转换 而 ===不会

String i = "20" int j = 20
alert(i==j)//返回ture

alert(i===j)//返回false

类型转换

image.png

函数

image.png

image.png